@charset "utf-8";
/* 2020-03 */


#bdid_contact .contact_container{
	margin-bottom:40px;
}

/* ---------------------------------------- base */
#main_contents,
#contact_main{
  padding-bottom: 0px;
}
#contact_main h2{
    margin-bottom:15px;
    text-align: center;
}
#privacy_check{
  margin-bottom:15px;
  text-align: center;
}

/* ---------------------------------------- position_box */

.position_box{
	margin:10px 0 20px 0 !important;
	padding:15px;
	background: rgba(0,0,0,0.1);
	text-align:center;
}
.position_box ul{
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center !important;
	}
	.position_box li{
		display:inline-block;
		margin:0 4px 0 !important;
		color:#0032C3;
		line-height:1.3;
		}
		.position_box li::after{
			content:" ";
			display:inline-block;
			position:relative;
			top:-5px;
			left:7px;
			border: 10px solid transparent;
			border-left: 10px solid rgba(0,77,161,0.7);
			z-index:1;
		}
		.position_box li:last-child::after{
			display:none;
	}
	.position_box li span{
		display:inline-block;
		position:relative;
		margin:0 10px 0 0;
		padding:7px 15px;
		text-align:center !important;
		border:1px solid rgba(0,77,161,1);
		background:#FFF;
		color:rgba(0,77,161,1);
	}
	.position_box li.active span{
		border:1px solid rgba(0,77,161,1);
		background:linear-gradient(45deg, rgba(0,77,161,1), rgba(0,77,161,0.7));
		color:#FFF;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.position_box{
		display:none;
	}
}
/* ---------------------------------------- form_box */

#application_contents #form_box{
  position:relative;
  width:100%;
}
#application_contents #form_box::after{
    content:" ";
    display:block;
    clear:both;
}
#form_box table{
  position:relative;
  width:100%;
  margin:0 auto 20px;
  border-collapse:separate;
  border-spacing:4px;
  border-top:none !important;
  border-left:none !important;
  vertical-align:text-top;
}
#form_box table th{
  position:relative;
  width:270px;
  padding:10px 10px 10px 10px;
  background:linear-gradient(-275deg, rgba(81,49,143,1), rgba(81,49,143,0.7));
  background:rgba(0,0,0,0.1);
  background:rgba(0,77,161,0.3);
  border-bottom:none !important;
  border-right:none !important;
  text-align:left;
  vertical-align:text-top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#000;
  }
  #form_box table th span{
    display:inline-block;
    position:absolute;
    top:10px;
    right:10px;
    width:50px;
    margin:3px 0 0 0;
    padding:7px 2px 7px 2px !important;
    font-weight:bold;
    font-size:0.75em;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    text-align:center;
    background:rgba(255,255,255,1.9);
    color:#000;
    line-height:1;
}
#form_box table td{
  position:relative;
  width: calc(100% - 270px);
  padding:10px 15px 9px;
  background:rgba(0,0,0,0.05);
  border-left:none !important;
  border-right:none !important;
  border-bottom:none !important;
  border:1px solid rgba(0,0,0,0.1) !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height:1.2;
  word-break:break-all;
}

#form_box table td .ex{
  display:inline-block;
  padding:0px 0 5px 0 !important;
  font-size:0.85em;
  color:#666;
}
#form_box .hide{
  display:none;
}


#form_box table td input,
#form_box table td textarea{
  padding:2px 5px;
  border:1px solid #999999;
  background:#FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#form_box table td select{
  padding:2px 5px 5px 5px;
  background:#FFFFFF;
  border:1px solid #999999;
}
#form_box table td input[type="radio"] {
  position:relative;
  top:-1px;
  display:inline-block;
  margin-right:5px;
  cursor:pointer;
}
#form_box table p{
  margin-bottom:0px;
}


#form_box table label{
  cursor: pointer;
}
#form_box table #td_name input{
  width:200px;
  max-width:100%;
}
#form_box table #td_age input{
  width:50px;
  max-width:100%;
}
#form_box table #work_posi td{
    line-height:2;
}
#form_box table td.mail_form input{
  display:inline-block;
  width:330px;
  max-width:100%;
}
#form_box table p.ip_name input{
  width:150px;
  max-width:100%;
}
#form_box table td .plus_txt{
  font-size:0.8em;
}
#form_box table td .zip1,
#form_box table td .zip2{
  width:70px;
}
#form_box table td #paaa{
  position:relative;
  margin-top:15px;
  line-height:1.8 !important;
}

#form_box table td .txt_100{
  width:100%;
}
#form_box table td .txt_50{
  width:50%;
  max-width:100%;
}
#form_box table td .txt_20{
  width:35% !important;
}
#form_box table td .txt_30{
  width:42% !important;
}

#form_box table td #comment{
  width:100%;
  min-height:120px;
}
#form_box table td .txtarea{
  width:100%;
  min-height:120px;
}
#form_box table td #question{
  width:100%;
  min-height:120px;
}

#form_box #tour_box{
  display:none;
}
#form_box table td textarea{
    resize: none;  
}

/* --- responsive --- */
@media screen and (max-width:960px){
  #application_contents #form_box{
    padding:0 10px;
  }
  #form_box table th{
    display:block;
    width:100%;
    padding:10px 10px 10px 10px;
    }
    #form_box table th span{
      top:5px;
    }
    #form_box table th br{
      display:none;
  }
  #form_box table td{
    display:block;
    width:100%;
  }
  #form_box table td .ex{
    display:block;
    padding:5px 0 5px 0 !important;
  }
  #form_box table td #paaa{
    margin-top:0px;
  }
  #form_box table td .txt_50{
    width:100%;
  }
}
@media screen and (max-width:767px){
  .table_scroll{
    overflow:hidden;
    white-space:normal !important;
    margin-bottom:0px !important;
  }
  #form_box table td.mail_form input{
    width:100%;
  }
}

/* ---------------------------------------- required */

#required{
  display:none;
  font-weight:bold;
  text-align:center !important;
  color:#F00;
}

/* ---------------------------------------- confirm_btn */

#form_box #confirm_btn{
  display:block;
  width:100%;
  margin:0 0 15px !important;
  text-align:center;
  margin:0 ;
}
#form_box .form_button{
  display:inline-block;
  position:relative;
  margin:0 auto;
  text-indent:0px !important;
  background:#4159A4;
  text-align:center;
  z-index:0;
  }
  #form_box .form_button button{
    position:relative;
    padding:9px 20px 10px 30px !important;
    background:none !important;
    border:none !important;
    color:#FFF;
    cursor:pointer;
    z-index:10;
  }
  #form_box .form_button::before,
  #form_box .form_button::after{
    content:" ";
    display:block;
    position:absolute;
    z-index:1;
  }
  #form_box .form_button:before{
    top:2px;
    left:2px;
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    border:1px solid #FFF;
  }
  #form_box .next_btn::after{
    top:15px;
    left:15px;
    border: 7px solid transparent;
    border-left: 7px solid rgba(255,255,255,1);
  }
  #form_box .prew_btn::after{
    top:15px;
    left:8px;
    border: 7px solid transparent;
    border-right: 7px solid rgba(255,255,255,1);
}

  #form_box .form_button button[disabled]{
    background:rgba(255,255,255,0.5) !important;
    cursor:not-allowed;
  }
  #form_box .form_button button:hover{
      background:rgba(0,0,0,0.1) !important;
  }

#form_box .h_back{
  cursor:pointer;
}

#form_box .apply_h3{
  display:inline-block;
  position:relative;
  max-width:100%;
  margin-bottom:7px;
  padding:3px 20px 2px;
  font-weight:normal;
  font-size:0.95em;
  background:#014099;
  color:#FFFFFF;
  text-align:center;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#form_box .aph_txt{
  margin-bottom:7px;
  font-size:0.9em;
}


/* ---------------------------------------- confirm */

#form_box #confirm_h3{
  position:relative;
  width: calc(100% - 8px);
  margin:0 0 0 4px;
  padding:5px 10px;
  background:rgba(0,77,161,1);
  color:#FFF;
}

#form_box table.confirm_table td{
  background:rgba(0,0,0,0.1);
  color:#000;
}

/* ---------------------------------------- comp */

#comp{
  position:relative;
  width:100%;
  padding:0 0 30px 0;
}
#comp h3{
  margin-bottom: 50px !important;
}
#comp .form_button{
  display:inline-block;
  position:relative;
  margin:0 auto;
  text-indent:0px !important;
  background:#4159A4;
  text-align:center;
  z-index:0;
  }
  #comp .form_button a{
    display: block;
    position:relative;
    padding:9px 30px 10px 30px !important;
    background:none;
    border:none !important;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    z-index:10;
    }
    #comp .form_button a:hover{
      background:rgba(0,0,0,0.1);
  }
  #comp .form_button:before{
    content:" ";
    display:block;
    position:absolute;
    z-index:1;
  }
  #comp .form_button:before{
    top:2px;
    left:2px;
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    border:1px solid #FFF;
  }

/* ---------------------------------------- errm */

#form_box .errm{
  position:relative;
  min-height:300px;
  padding:0 0 20px;
}
#form_box .errm h3{
  margin-bottom:10px;
  padding:5px 15px;
  font-weight:normal;
  font-size:1.1rem;
  background:linear-gradient(275deg, #0032C3, #0070BB);
  color:rgba(0,50,195,1);
  color:#FFF;
}
#form_box .errm #errm_list{
  list-style:none;
}
#form_box .errm #errm_list li{
  position:relative;
  padding:3px 0 2px 30px;
  color:#F00;
  border-bottom:1px dotted rgba(0,0,0,0.3);
  }
  #form_box .errm #errm_list li::before,
  #form_box .errm #errm_list li::after{
    content:" ";
    position:absolute;
  }
  #form_box .errm #errm_list li::before{
    top:6px;
    left:7px;
    width:20px;
    height:20px;
    background:rgba(255,0,0,1);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index:0;
  }
  #form_box .errm #errm_list li::after{
    content:" ";
    position:absolute;
    top:11px;
    left:14px;
    border: 5px solid transparent;
    border-left: 7px solid rgba(255,255,255,1);
    z-index:1;
}

/* ---------------------------------------- complete_box */

#sym_btn,#con_btn{
  display:block;
}
#sym_btn{
  margin-bottom:15px;
  padding-bottom:25px;
  border-bottom:2px dotted rgba(0,0,0,0.3);
}
#con_btn{
  margin-top:10px;
  }
  #sym_btn a,#con_btn a{
    display:inline-block;
    position:relative;
    padding:5px 10px 5px 25px;
    text-decoration:none !important;
    background:rgba(0,0,0,0.5);
    color:#FFF !important;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
  }
  #sym_btn a::after,#con_btn a::after{
    content:" ";
    position:absolute;
    top:10px;
    left:12px;
    border: 6px solid transparent;
    border-left: 6px solid rgba(255,255,255,1);
  }
  #sym_btn a{
    background:linear-gradient(275deg, #0032C3, #0070BB);
    }
    #sym_btn a:hover{
      background:#0032C3;
    }
    #con_btn a:hover{
      background:rgba(0,0,0,0.7);
  }

#complete_box{
  text-align:left;
}
#complete_box h3{
	margin-bottom:20px;
}
#complete_box p{
	margin-bottom:20px;
}
#complete_box a{
  text-decoration:underline;
  color:#00F;
}
#complete_box .iblock{
  display:inline-block;
  margin-right:15px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
  #complete_box{
    padding:0 20px;
  }
}

/* ---------------------------------------- ex */

/* base */
.mb07{
  margin-bottom:7px !important;
}
.mb10{
  margin-bottom:10px !important;
}




/* ---------------------------------------- agree_box */

#agree_box{
	position:relative;
	width:430px;
	max-width:100%;
	margin:0 auto;
	text-align:center;
}
#agree_box p{
	position:relative;
	width:100%;
	margin:0 0 10px;
	}
	#agree_box p a{
		display:block;
		position:relative;
		width:100%;
		margin-bottom:7px;
		padding:5px 20px;
		min-height:35px;
		font-size:0.84rem;
		text-decoration:none;
		text-align:center;
		background:rgba(0,0,0,0.1);
		border:1px solid rgba(0,0,0,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:#000;
	}
	#agree_box p a:hover{
		-moz-box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
		-webkit-box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
		box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
	}
	#agree_box p a::before{
		content:" ";
		display:inline-block;
		position:relative;
		top:1px;
		border: 6px solid transparent;
		border-left: 9px solid #666;
		z-index:1;
}
#agree_box #agree_input{
	position:relative;
	margin:0 0 10px;
	}
	#agree_box #agree_input input{
		display:inline-block;
		position:relative;
		margin:-1px 10px 0 0;
		background:rgba(255,255,255,1) !important;
		z-index:100;
	}
	#agree_box #agree_input label{
		display:block;
		position:relative;
		width:100%;
		min-height:35px;
		padding:5px 0 5px 30px;
		font-size:0.84rem;
		text-align:center;
		background:rgba(0,0,0,0.1) !important;
		border:1px solid rgba(0,0,0,0.2) !important;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
	}
	#agree_box #agree_input label:hover{
		-moz-box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
		-webkit-box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
		box-shadow: 0px 0px 5px rgba(0,50,195,0.4) inset;
}
#agree_box input#agree{
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#agree_box #agree_input label{
		font-size:0.8rem;
	}
}

#error_message{
	margin:0px !important;
}