@charset "utf-8";

.s_visual { position: relative; width: 100%;  height:235px;  background-repeat:no-repeat; background-position:50% 0; overflow: hidden;  }
.s_visual.s_bg1 { background-image:url(/images/sub/s_visual1_240604.jpg); background-size:cover;}
.s_visual.s_bg2 { background-image:url(/images/sub/s_visual1_240604.jpg); background-size:cover;}
.s_visual.s_bg3 { background-image:url(/images/sub/s_visual1_240604.jpg); background-size:cover;}
.s_visual.s_bg4 { background-image:url(/images/sub/s_visual1_240604.jpg); background-size:cover;}
.s_visual.s_bg5 { background-image:url(/images/sub/s_visual1_240604.jpg); background-size:cover;}

.sv_tit { position: relative; height: 100%; text-align: center; color:#fff; overflow: hidden; padding: 4% 0;  }
.sv_tit h2 { font-size: 3.125em; font-weight: 900;  font-family: 'Kodchasan', 'Roboto', sans-serif; line-height: 1.0em;  }
.sv_tit p { font-size: 1.25em; margin-top: 20px; line-height: 1.0em; }


@media (max-width: 976px){

.s_visual { height: 30vw; padding: 5vw 0;}
.sv_tit h2 {  }
.sv_tit p { margin-top: 10px; }


}


/* sub_top */
.sub_top { position:relative; width:100%; max-width: 1200px; margin: 0 auto; text-align: center; }
.sub_top .sub_top_in { position:relative; z-index:50; margin:0 auto;  }
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { display:inline-block; position:relative; background: url("/images/sub/lnb_BG.png") no-repeat left center; padding: 0 10px 0 0;}
.snb .home { background: none; padding: 0 10px; }
.snb .home>a { display:inline-block; font-size:14px; }
.snb>.depth1_area { width: 140px; }
.snb>.depth2_area { width:195px; }
.snb>.depth1_area, .snb>.depth2_area  a {color:#4c4c4c; }
.snb>.depth2_area > a  { color:#3a3a3a; padding-left: 50px; background: url("/images/sub/depth2_BG.png") no-repeat left center; margin-left: 20px;  }
.snb .open_depth { display:inline-block; position:relative; width: 100%; height:85px; line-height: 85px; color:#555; font-size:14px; white-space:nowrap; box-sizing: border-box; }
.snb .open_depth.on { }
.snb .open_depth:after { content:"\e874"; display:inline-block; position:absolute; top:0; right:0px; font-family:'Linearicons-Free'; font-size:8px; line-height:85px; font-weight: 900;}
.snb .open_depth.on:after { content:"\e873"; top:0;}
.snb .smenu { display:none; position:absolute; top:85px; left:0; width:100%; text-align: left; background-color:#f4f5f9; }
.snb .smenu>li>a { display:block; padding:10px 0 10px 30px; border:0px solid #ccc; border-top:none;  color:#555; font-size:14px;}
.snb .smenu>li>a:hover { color:#052e70;}

@media screen and (max-width:1199px){
.sub_top {  width:90%;}
}

@media screen and (max-width:976px){

.snb .home>a { height: 60px; line-height: 60px; overflow: hidden; }
.snb .open_depth { height:60px; line-height: 60px;  overflow: hidden;}
.snb .open_depth:after { line-height:60px; }

}

@media screen and (max-width:767px){
/* sub_top */
	.sub_top { width:95%;}
	.snb { }
	.snb .home>a { height: 45px; line-height: 45px; overflow: hidden; font-size:12px;}
	.snb>.depth1_area { width:30%; }
	.snb>.depth2_area { width:40%; }
	.snb>.depth2_area a { padding-left: 40px; }
	.snb .open_depth { height:45px; line-height: 45px; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:after { /*top:13px;*/ right:10px; font-size:9px; line-height:45px;}
	.snb .open_depth.on:after { top:0px;}
	.snb .smenu { top:45px; padding: 10px 0; }
	.snb .smenu>li>a { padding:6px 15px; font-size:12px;}

}


#subContent { position: relative; width: 100%; clear:both; overflow: hidden; /*background:url("/images/sub/scontBG.png") no-repeat left top; */ }

#subTitle { position: relative; text-align: center; overflow: hidden; background: url("/images/sub/stitBG.png") no-repeat center bottom; }
#subTitle h3 {  font-size: 2.375em; padding: 40px 0;  font-weight: 700;  }

#pageCont { padding: 3% 0 5%; }

@media screen and (max-width:976px) {

#subContent { background-size: 40% auto; }
#subTitle h3 { font-size: 2.2em; padding-bottom: 25px;  }

}

@media screen and (max-width:767px) {
#subContent { background-size: 50% auto; }
}