header .dropdown a:hover { }



/* section 1 */

@media screen and (min-width: 769px) {
	.basic-body { margin-top: 120px !important;	}
	
	#contact_us { width: 100%; text-align: -webkit-center; margin-bottom: 150px; }
	#contact_us .box { max-width: 1400px; border: 0px solid red; }
	#contact_us .box { text-align: center; }
	#contact_us .box .pc { display: block; }
	#contact_us .box .mo { display: none; }
	#contact_us .box .pc{ overflow: hidden; display: inline-block; margin:100px 0 auto; padding: 0; width: 100%; }	
	#contact_us .box .pc ul li { border: 0px solid blue; }
	#contact_us .box .pc ul { display: flex; overflow: hidden; margin: 0; }
	#contact_us .box .pc .content-left { width:50%; padding:13.5% 0; color: #002060; zoom: 1.3; }
	#contact_us .box .pc .content-right { width:50%; }
	#contact_us .box .pc .content-right .mail_box { background-color: #f7f8f9; border-radius: 20px; }
	#contact_us .box .pc .content-right .mail_box img { width:200px; margin-top: 80px; }
	#contact_us .box .pc .content-right .mail_box .mail_box_form { padding-top: 50px; padding-bottom: 50px; }
	#contact_us .box .pc .content-right .mail_box .mail_box_form label { width:140px; }
	#contact_us .box .pc .content-right .mail_box .mail_box_form input {
		width: 500px; background-color: #fff; border: 0; height: 50px; margin-top: 20px;
		padding-left:10px; 
	}
	
	#contact_us .box .pc .content-right .mail_box .mail_box_form label.textarea {
		vertical-align: top; margin-top: 35px;
	}
	#contact_us .box .pc .content-right .mail_box .mail_box_form textarea {
		width: 500px; background-color: #fff; border: 0; height: 150px; margin-top: 20px;
		padding-left:10px; 
	}
	
	#contact_us .box .pc .content-right .mail_box .mail_box_form input.privacy {
		width: 15px; height: 15px; background-color: #fff; border: 0; position: relative; top: 3px; left: 10px;
	}
	
	#contact_us .box .pc .content-right .mail_box .mail_box_form .mtbutton {
		font-size: 17px; margin: 50px 0; padding: 10px 50px 15px 50px; border-radius: 50px; color:#fff; background-color: #002060;
	}
	#contact_us .box .pc .content-right .mail_box .mail_box_form .mtbutton svg { width:21px; height:21px; top: 4px; position: relative; }
	
	
	#contact_us .box .pc .content-left .txt0,
	#contact_us .box .pc .content-left .txt1,
	#contact_us .box .pc .content-left .txt2,
	#contact_us .box .pc .content-left .txt3 { color: #002060; display: inline-block; }
	
	#contact_us .box .pc .content-left .txt0,
	#contact_us .box .pc .content-left .txt2 { font-size: 30px; font-weight: 600; }
	#contact_us .box .pc .content-left .txt1 { font-size: 40px; font-weight: 600; color:#111; }
	#contact_us .box .pc .content-left .txt1 { margin: 0; }	
	#contact_us .box .pc .content-left .txt3 {
		font-size: 30px; margin-top: 30px; color: #0070c0; font-weight:600; letter-spacing: -1px;
	}
	
	
	
	 .modal_box hr { border-top: 1px solid #ededed; width: 100%; }
	 .modal_box {
		display: none;
		width: 30%; height: 450px; margin: 0 auto; padding: 30px; background-color: #f7f8f9; display: flex; flex-flow: column;
		position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; border-radius: 10px;
		text-align: left;
	}
	.modal_box .scrollbox { overflow: scroll;}
	 .modal_box svg { width: 25px; height: 25px; position: absolute; right: 30px; cursor: pointer; }
	 .modal_box h2 { font-size: 20px; }
	 .modal_box p { margin: 0 0 3px 10px; }
	 .modal_bg{
		display: none;
		position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;		
	}
	
}


@media screen and (max-width: 768px) {
	#contact_us { width: 100%; text-align: -webkit-center; margin-bottom: 50px; }
	#contact_us .box { border: 0px solid red; text-align: center; }
	#contact_us .box .mo { display: block; }
	#contact_us .box .pc { display: none; }
	#contact_us .box .mo{ overflow: hidden; display: inline-block; padding: 0; width: 100%; }	
	#contact_us .box .mo ul li { border: 0px solid blue; }
	#contact_us .box .mo ul {overflow: hidden; margin: 0; }
	#contact_us .box .mo .content-left { padding:13.5% 0; color: #002060; zoom: 1.3; }
	#contact_us .box .mo .content-right { padding:20px; }
	#contact_us .box .mo .content-right .mail_box { background-color: #f7f8f9; border-radius: 20px; }
	#contact_us .box .mo .content-right .mail_box img { width:200px; margin-top: 80px; }
	#contact_us .box .mo .content-right .mail_box .mail_box_form { padding-top: 50px; padding-bottom: 50px; }
	#contact_us .box .mo .content-right .mail_box .mail_box_form label { width:80px; }
	#contact_us .box .mo .content-right .mail_box .mail_box_form input {
		width: 60%; height: 50px; background-color: #fff;border: 0; margin-top: 20px; margin-left: 5px; padding-left: 10px;		
	}
	
	#contact_us .box .mo .content-right .mail_box .mail_box_form label.textarea {
		vertical-align: top; margin-top: 35px;
	}
	#contact_us .box .mo .content-right .mail_box .mail_box_form textarea {
		width: 60%; height: 50px; background-color: #fff;border: 0; margin-top: 20px; margin-left: 5px; padding-left: 10px; height:150px;
	}
	
	#contact_us .box .mo .content-right .mail_box .mail_box_form input.privacy {
		width: 15px; height: 15px; background-color: #fff; border: 0; position: relative; top: 3px; left: 10px;
	}
	
	#contact_us .box .mo .content-right .mail_box .mail_box_form .mtbutton {
		font-size: 17px; margin: 50px 0; padding: 10px 50px 15px 50px; border-radius: 50px; color:#fff; background-color: #002060;
	}
	#contact_us .box .mo .content-right .mail_box .mail_box_form .mtbutton svg { width:21px; height:21px; top: 4px; position: relative; }
	
	
	#contact_us .box .mo .content-left .txt0,
	#contact_us .box .mo .content-left .txt1,
	#contact_us .box .mo .content-left .txt2,
	#contact_us .box .mo .content-left .txt3 { color: #002060; display: inline-block; }
	
	#contact_us .box .mo .content-left .txt0,
	#contact_us .box .mo .content-left .txt2 { font-size: 25px; font-weight: 600; }
	#contact_us .box .mo .content-left .txt1 { font-size: 40px; font-weight: 600; color:#111; }
	#contact_us .box .mo .content-left .txt1 { margin: 0; }	
	#contact_us .box .mo .content-left .txt3 {
		font-size: 20px; margin-top: 30px; color: #0070c0; font-weight:600; letter-spacing: -1px;
	}
	
	
	
	.modal_box hr { border-top: 1px solid #ededed; width: 100%; }
  .modal_box {
		display: none;
		width: 90%; height: 450px; margin: 0 auto; padding: 30px; background-color: #f7f8f9; display: flex; flex-flow: column;
		position: fixed; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; border-radius: 10px;
		text-align: left;
	}
	.modal_box .scrollbox { overflow: scroll;}
	 .modal_box svg { width: 25px; height: 25px; position: absolute; right: 30px; cursor: pointer; }
	 .modal_box h2 { font-size: 20px; }
	 .modal_box p { margin: 0 0 3px 10px; }
	 .modal_bg{
		display: none;
		position: fixed; top: 0; left: 0; width: 100%; height: 100%; /* background-color: rgba(0,0,0,0.5); */ z-index: 999;		
	}
}


input[type="file"] {
	display: inline-block;
	padding-top: 10px;
}


input[type=file]::file-selector-button {
	width: 80px;
	height: 30px;
	background: #fff;
	border: 1px solid rgb(77,77,77);
	border-radius: 10px;
	cursor: pointer;
	&:hover {
		background: rgb(77,77,77);
		color: #fff;
	}
	margin-right:10px;
}


.jinTxt { color: #0070c0 }
.gaTxt { color: #ed7d31 }

/* section 1 */