@charset "utf-8";
i, em{font-style:normal}
.hide{display:none;}


/* skipNavi */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}




/* input & select */
.chk-input {display:inline-block; vertical-align:top; position:relative;}
.chk-input input[type="text"], .chk-input input[type="password"]{height:24px; letter-spacing:-0.03em;border:none; border:1px solid #bebebe;background:#fff; color:#b4b4b4;padding:0 5px;font-size:12px; font-weight:400; box-sizing:border-box; display:block; width:100%; position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
	

.chk-select{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top;border-radius:6px; border:1px solid #bebebe;}
.chk-select:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; background-size:11px auto;position:absolute; width:14px; height:7px; position:absolute; right:7px; top:12px;display:block; content:""; z-index:3}
.chk-select select{padding:0 20px 0 10px;font-size:14px;text-align:left; display:block;border:none;height:30px;color:#515457; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select,.chk-select.active select{color:#111;}
	@media all and (max-width:680px) {
		.chk-select select{font-size:13px;padding:0 20px 0 7px;}
	}
	@media all and (max-width:680px) {
		.chk-select select{font-size:12px;padding:0 20px 0 5px; height:26px;}
	}

.chk-radio{display:inline-block; vertical-align:top;}
.chk-radio input[type="radio"]{ display:none;}
.chk-radio label{position:relative; display:block;padding-left:23px; font-size:12px;font-weight:400; letter-spacing:-0.03em;color:#515457; line-height:18px;}
.chk-radio label:after{width:18px; height:18px; position:absolute; border-radius:100%; left:0; top:0 ;background:#fff;;box-sizing:border-box;border:1px solid #c9c9c9; display:block; content:"";}
.chk-radio input[type="radio"]:checked + label:before{position:absolute; width:10px; height:10px; z-index:5;background:#0066b3; border-radius:100%; left:4px; top:4px; display:block; content:""}
.chk-radio input[type="radio"]:checked + label{color:#515457;}
	@media only screen and (max-width:680px){
		
	}
	

.chk-check{display:inline-block;vertical-align:top; text-align:left; height:auto;}
.chk-check input[type="checkbox"]{display:none;}
.chk-check label{position:relative;display:block;padding-left:27px; font-size:13px ;font-weight:300; letter-spacing:-0.02em;color:#515457; line-height:20px;}
.chk-check label:after{width:18px; height:18px; position:absolute;  left:0; top:0 ; display:block; content:""; background:#fff;border:1px solid #bebebe; box-sizing:border-box;display:block; content:""; z-index:1;}
.chk-check input[type="checkbox"]:checked +  label:after{ border-color:#6893c8;background:url(../_Img/Sub/check-on.png) no-repeat 3px center #fff; background-size:11px auto; z-index:3;}
.chk-check input[type="checkbox"]:checked +  label{color:#6893c8;}
	
	@media only screen and (max-width:680px){
		.chk-check label{font-size:12px; line-height:16px;}
		.chk-check label:after{width:16px; height:16px; }
		.chk-check input[type="checkbox"]:checked +  label:after{background-position:center center ;background-size:10px auto;}
	}
	@media only screen and (max-width:480px){
	
	}	




/* button */
.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn , .bt-btn  { min-width:118px;border:none;display:inline-block;font-weight:500;font-size:14px;height:35px; box-sizing:border-box;text-align:center;}
.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span , .bt-btn span{display:block;color:#fff; padding:0 15px;line-height:33px;text-align:center; letter-spacing:-0.03em;}
.bl-btn {background:#6893c8;border:1px solid #6893c8;}
.bb-btn {background:#444;border:1px solid #444;}
.bg-btn {background:#909db0;border:1px solid #909db0;}
.br-btn {background:#004f9f;border:1px solid #004f9f;}
.bw-btn {background:#fff; border:1px solid #bbb;}
.bt-btn {background:#5d6c81;border:1px solid #5d6c81;}

.bw-btn span{color:#111;}

	@media all and (max-width:999px) {
		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:160px; height:46px; font-size:15px;}
		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:44px;}
	}
	@media all and (max-width:680px) {
		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:140px; height:42px;font-size:14px;}
		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:40px;}
	}
	@media all and (max-width:480px) {
		.bl-btn, .bb-btn, .bg-btn, .bw-btn, .br-btn, .bt-btn{min-width:130px; height:38px;}
		.bl-btn span, .bb-btn span, .bg-btn span, .bw-btn span, .br-btn span, .bt-btn span{line-height:36px;}
	}