
@charset "utf-8";
i, em{font-style:normal}
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-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;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}
.disabled{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;}

/* location */
.location_wrapper{height:50px;position:relative; z-index: 100;}
#location {
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	position: absolute;
	left: 0;
	right: 0;
	top: 1px;
	height: 50px;
}
#location .location_inner {width: 1312px; height: 50px; margin: 0 auto;}
#location .location_inner .home{width:66px;border-right:0;float:left; border-left: 1px solid #e9e9e9; height: 50px; position: relative;}
#location .location_inner .home a{width:66px; height:50px; line-height: 3.2em; text-align: center; display:block;position:relative;}
#location .location_inner .home .sp_comm{width:16px;height:16px;background-position: -109px 0;left: 16px;top: 17px;margin: 0;}
#location .location_inner .sp_comm {position: absolute; right: 20px; width: 13px; height: 7px; top:22px; margin-left: 50px;}
#location .location_inner .depth01{float:left; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9; height: 50px; position: relative;}
#location .location_inner .depth01 + .depth01{margin-left:-1px;}
#location .location_inner .depth01.on .sp_comm{background-position:-130px -10px;}
#location .location_inner .depth01 > a {padding: 0 20px; display: block; line-height: 50px; width: 200px; font-size: 17px; color: #3e3e3e;}
#location .depth02 { display:none; position:relative; margin:0; padding:2px 0 28px;background:#393939; }
#location .depth02 li{/* margin-top:11px;padding:0 20px; */}
#location .depth02 a{display: block; padding:11px 20px 0; width:100%; height: 100%; color:#ffffff;font-size:16px; box-sizing: border-box;}
#location .depth02 a:hover{text-decoration:underline;}
#location.elem_fixed{position:fixed;left:0;right:0;top:0;height:50px;}
.sp_comm{background-image:url(../_Img/layout/arr.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent;}


#location .location_inner .sp_on {background-image:url(../_Img/layout/arr_on.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent; position: absolute; right: 20px; width: 13px; height: 7px; top:22px; margin-left: 50px;}

.board-wrap { box-sizing:border-box;}


@media only screen and (max-width:1200px){
	
	}
	@media only screen and (max-width:999px){
	
	}
	@media only screen and (max-width:680px){
	#location {width: 100%; height: 46px;}
	#location .location_inner .depth01 > a {line-height: 46px; width: 125px;}
	#location .location_inner .sp_comm {top:20px;}
	}
	@media only screen and (max-width:480px){
		#location .location_inner .depth01 > a {/* line-height: 22px; */ width: 110px;}
		

	}



/*=======================================================
  .u-tit01
=========================================================*/
.u-tit01{font-size:26px; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; margin-bottom:15px; color:#000;background:url(../_Img/sub/u-tit01.jpg) no-repeat left 6px; padding-left:32px;}
.u-tit02{font-size:20px; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; margin-bottom:10px; color:#1259c4;}
.u-tit03{font-size:17px; font-weight:700; letter-spacing:-0.03em; line-height:1.3em; margin-bottom:10px; color:#4d4d4d;}
	@media only screen and (max-width:1340px){
		.u-tit01{font-size:24px; padding-left:28px;background-size:19px auto;background-position:left 6px;}
		.u-tit02{font-size:18px;}
		.u-tit03{font-size:16px;}
	}
	@media only screen and (max-width:999px){
		.u-tit01{font-size:22px; padding-left:24px;background-size:16px auto;background-position:left 6px;}
		
	}
	@media only screen and (max-width:680px){
		.u-tit01{font-size:20px; padding-left:20px;background-size:13px auto;background-position:left 5px; margin-bottom:10px}
		.u-tit02{font-size:17px;}
		.u-tit03{font-size:15px;}
	}
	@media only screen and (max-width:480px){
		.u-tit01{font-size:18px;}
		.u-tit02{font-size:16px;}
		.u-tit03{font-size:14px;}
	}

/*=======================================================
  field
=========================================================*/
.field{font-size:0; position:relative; line-height:1em;}
.field:after{display:block; content:"";clear:both;}
.field.choice{}
.field.choice .chk-radio:nth-child(n+2){margin-left:30px;}
.field.choice .chk-check:nth-child(n+2){margin-left:30px;}

/*=======================================================
  input & select
=========================================================*/
.chk-input {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
.chk-input input{height:50px; letter-spacing:-0.03em; border:1px solid #cccccc; background:#fff; color:#666; padding:0 15px;font-size:16px; box-sizing:border-box; display:block; width:100%; position:relative;}
.chk-input.active input{color:#000;}
.chk-input input:focus{color:#000}
.chk-input textarea{height:190px; letter-spacing:-0.03em; border:1px solid #cccccc; background:#fff; color:#666; padding:15px;font-size:16px; box-sizing:border-box; display:block; width:100%; position:relative; resize:none;}
	@media only screen and (max-width:1200px){
		.chk-input input{font-size:15px;}
		.chk-input textarea{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.chk-input input{font-size:14px; padding:0 15px; height:45px;}
		.chk-input textarea{font-size:14px; padding:15px;}
	}
	@media only screen and (max-width:680px){
		.chk-input input{height:40px}
		.chk-input textarea{padding:10px; font-size:14px; height:150px;}
	}
	@media only screen and (max-width:480px){
		
	}

	
.chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.chk-select:after{background:url(../_Img/sub/select-arrow.jpg) no-repeat center center; position:absolute; width:20px; height:30px; margin-top:-15px; right:5px; top:50%; display:block; content:""; z-index:3}
.chk-select select{font-size:16px; border:1px solid #cccccc; width:100%; height:50px; color:#666; box-sizing:border-box; padding:0 30px 0 10px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select{color:#000;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.chk-select select{font-size:15px; height:45px;}
	}
	@media only screen and (max-width:680px){
		.chk-select select{font-size:14px; height:40px;}
	}
	@media only screen and (max-width:480px){
		
	}
	

.chk-radio {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.chk-radio input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.chk-radio input[type="radio"] + label{display:block; position: relative; padding-left:27px; font-size:13px; color:#1e1e1e; line-height:20px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:0px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c2c2c2; border-radius:100%; box-sizing:border-box; }
.chk-radio input[type="radio"] + label:after {}
.chk-radio input[type="radio"]:checked + label:after { content:''; position:absolute; top:4px; left:4px; width:12px; height:12px; background:#3d93e8; border-radius:100%; }
	

.chk-check{display:inline-block; font-size:0; vertical-align:top; }
.chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:30px; font-size:14px; line-height:22px; color:#333; font-weight:400; letter-spacing:-0.02em; cursor:pointer;}
.chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:1px; box-sizing:border-box;width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c2c2c2;   }
.chk-check input[type="checkbox"]:checked + label{color:#1e1e1e;}
.chk-check input[type="checkbox"]:checked + label:before{background:url(../_Img/sub/check-on.png) no-repeat center #fff;background-size:70% auto}
	




/*=======================================================
  btns
=========================================================*/
.bb-btn, .bw-btn{min-width:100px;box-sizing:border-box; height:50px;border:1px solid #555; line-height:48px; margin:0 3px;font-size:16px; text-align:center; display:inline-block;vertical-align:top;}
.bb-btn {background:#2ba6e1; color:#fff;border:1px solid #2ba6e1;}
.bb-btn01 {position: relative; width: 100px; }
.bb-btn:hover {background:#111; border:1px solid #111}
.bw-btn {background:#fff; color:#666;}
.btn_ok {background: #2ba6e1; color: #fff; border: 1px solid #2ba6e1; min-width: 158px; box-sizing: border-box; height: 50px; line-height: 48px; margin: 0 3px; font-size: 16px; text-align: center; display: inline-block; vertical-align: top; margin-top: 30px;}
.btn_ok:hover{background:#111; border-color:#444}
.bw-btn:hover{background:#f0f0f0; border-color:#444}
	@media only screen and (max-width:1200px){
		.bb-btn, .bw-btn{min-width:100px}
		
	}
	@media only screen and (max-width:999px){
		.bb-btn, .bw-btn{min-width:100px; height:45px; line-height:43px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.bb-btn, .bw-btn{min-width:80px; height:40px; line-height:38px; font-size:14px;}		
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   .biz-wrap
=========================================================*/
.u-tab01{margin-bottom:40px;}
.u-tab01 ul{}
.u-tab01 ul:after{display:block; content:"";clear:both}
.u-tab01 li{float:left; width:33.33333%;position:Relative;}
.u-tab01 li a{display:block; line-height:50px; text-align:center; font-size:18px; font-weight: 500; position:relative; color:#5b6386; background:#eaf1f4; /* font-family: 'ONE-Mobile-Title'; */ z-index:4}
.u-tab01 li a span{display:inline-block;vertical-align:top;position:Relative; z-index:2;}
.u-tab01 li a:before{position:Absolute; left:0; top:0; height:100%;border-left:2px solid #fff;height:100%;display:block; content:"";}
.u-tab01 li.active{z-index:55;}
.u-tab01 li.active a, .u-tab01 li.active a:hover{background:#53aed8; color:#fff; }
.u-tab01 a:hover{background:#53aed8; color:#fff;}

.u-tab01 li.active a:after{width:16px;height:10px; position:Absolute;right:35px; top:50%;margin-top:-5px; /* background:url(../_Img/content/history-on.png) no-repeat center center; */ display:block; content:""; z-index:2;}


.u-tab01.c02 li{width:50%;}
.u-tab01.c03 li{width:33.33333333%;}
.u-tab01.c04 li{width:25%;}
.u-tab01.c05 li{width:20%;}

.u-tab01.c05 li a span{padding-right:10px;}
.u-tab01.c05 li.active a:after{right:20px}
.u-tab01.c05 li:nth-child(1){width:22%}
.u-tab01.c05 li:nth-child(2){width:22%}
.u-tab01.c05 li:nth-child(3){width:17%}
.u-tab01.c05 li:nth-child(4){width:22%}
.u-tab01.c05 li:nth-child(5){width:17%}
	@media only screen and (max-width:1400px){
		.u-tab01 li a{font-size:17px; line-height:55px;}
		.u-tab01 li.active a:after{right:30px; background-size:12px auto;}
	}
	@media only screen and (max-width:1280px) {
		
	}
	@media only screen and (max-width:999px){
		.u-tab01{margin-bottom:30px;}
		.u-tab01 li a{font-size:16px; line-height:1.3em; height:50px; display:flex;align-items: center; justify-content: center;padding:2px 25px 0 25px; text-align:center; box-sizing:border-box;}
		.u-tab01 li.active a:after{right:20px; background-size:10px auto;}

		
		.u-tab01.c02 li{width:50%}
		.u-tab01.c03 li{width:50%}
		.u-tab01.c05 li{width:50% !important}
		
		.u-tab01.c03 li:nth-child(n+3){margin-top:2px;}
		.u-tab01.c05 li:nth-child(n+3){margin-top:2px;}
	}
	@media only screen and (max-width:680px){
		.u-tab01{margin-bottom:20px;}
		.u-tab01 li a{font-size:15px; padding:2px 5px 0 5px}
		.u-tab01 li.active a:after{right:15px; display:none;}
	}
	@media only screen and (max-width:480px){
		.u-tab01 li a{font-size:14px; height:45px;}
		.u-tab01 li.active a:after{right:10px;}
	}
