@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:400px; 
    line-height:1.4; box-sizing:border-box; overflow:hidden; text-align:center; background-size:cover; margin-top: 100px;}
.s_visual .s_visual_in{ position:relative;display:table;width:100%; height:calc(100% - 40px);  z-index:2}
.s_visual .sv_tit { display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle;}
.s_visual .sv_tit h2 {margin:50px 0 20px; font-size:5rem;line-height:1.2em; font-weight:700; letter-spacing:0}
.s_visual .sv_tit p.txt {font-size:1.8rem; line-height:1.4em; display:inline-block;}

.sub01{background:url('/images/s_visual1.jpg')!important;}
.sub02{background:url('/images/s_visual2.jpg')!important;}
.sub03{background:url('/images/s_visual3.jpg')!important;}
.sub04{background:url('/images/s_visual4.jpg')!important;}


@media all and (max-width:1599px){
    .s_visual{margin-top: 70px; height: 320px}
    .s_visual .sv_tit h2{margin:30px 0 15px; font-size: 5rem;}
    .s_visual .sv_tit p.txt{font-size: 1.9rem; }
    .s_visual .s_visual_in{height: 100%;}
}
@media all and (max-width:640px){
    .s_visual{height: 300px}
    .s_visual .sv_tit{font-size: 1.2rem;}
    .s_visual .sv_tit h2{margin:10px 0 10px; font-size: 3rem;}
    .s_visual .sv_tit p.txt{padding:0px 25px;font-size: 16px;}
    .mwd100per{width:100%;}
}



#subContent { position: relative; width: 100%; }

@media all and (max-width:640px){

#subContent { position: relative; padding:0% 1%; }

}
/* Sub-Menu */

.sub_menu_wrap { position:relative; width:100%;
 max-width: 1500px; height:70px;  line-height:70px; margin:-40px auto 0; padding:0;
    font-weight:400; box-sizing:border-box; z-index:10;  }
.sub_menu_wrap .in {position:absolute;  right:0px;  display: inline-block;  }
.sub_menu_wrap .m_home{position:static; display:block; width:70px; height:70px;
 float:left; background:#023886 url('/images/icon_home.png')no-repeat center center; border-right: 1px solid rgba(255,255,255,0.1); }
.sub_menu_wrap .m_dep_box{display:block; width:260px; float:left; border-right:1px solid rgba(255, 255, 255, 0.3); text-align:left;
 cursor:pointer; font-size: 1.8rem; background:#023886;}
.sub_menu_wrap .m_dep_box:last-child{border-right:none;}
.sub_menu_wrap .m_dep_tit { display:flex; align-items: center; background:url('/images/arrow_down.png') no-repeat 98% center;  
    color:#fff; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { display:none; width:calc(100% + 2px); margin-left:-1px; background:#fff; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
.sub_menu_wrap .m_dep_box .smenu li:hover{background:#efefef;}
.sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#03275a; color:#fff; border:0; }
.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:1em 1.5em; box-sizing:border-box; 
    line-height:normal; font-size: 1.6rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box{width: 340px;}
.sub_menu_wrap .m_2dep_box li:before {display:none;}

@media all and (max-width: 1080px){
.sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -40px; }
.sub_menu_wrap .in { background-size: 100% 70px; }
.sub_menu_wrap .m_home { width:80px; height:70px; }
}

@media all and (max-width: 767px){
.sub_menu_wrap { height: 70px; line-height: 1; margin-top: -35px;;}
.sub_menu_wrap .in { background-size: 100% 70px;  height: 100%}
.sub_menu_wrap .m_home { width:70px; height:70px; }
.sub_menu_wrap .m_dep_box{position: relative; height: 100%; display: flex; align-items: center;}
.sub_menu_wrap .m_dep_box .smenu{position:absolute; left: 0; top: 70px;}
}

@media all and (max-width: 655px){
.sub_menu_wrap { height: 60px; margin-top: -30px; }
.sub_menu_wrap .in { width: 85%; background-size: 100% 60px; }
.sub_menu_wrap .m_home { width:60px; height:60px; }
.sub_menu_wrap .m_dep_box { width: calc(50% - 30px);}
.sub_menu_wrap .m_dep_box .smenu{top: 60px;}
}

@media all and (max-width: 568px){
.sub_menu_wrap { margin-top:0; }
.sub_menu_wrap .in { width: 100%; }
}

@media all and (max-width: 480px){
.sub_menu_wrap { height: 50px;  margin-top: -25px; }
.sub_menu_wrap .in { background-size: 100% 50px; }
.sub_menu_wrap .m_home { width:50px; height:50px; }
.sub_menu_wrap .m_dep_box { width: calc(50% - 25px); display:inline-block; border:0px solid red;}
.sub_menu_wrap .m_dep_tit { padding: 17px 0.8em; font-size: 1.5rem; background-size: 35px auto; }
.sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
.sub_menu_wrap .m_dep_box .smenu{top: 50px;}
}





#subTitle { text-align: center; color:#222; font-size:4rem; font-weight:600; line-height:1em; padding: 75px 0; letter-spacing:0;}
#subTitle span{ word-break: keep-all;}
#pageCont { padding-bottom: 100px;}

@media all and (max-width:976px) {
   #subTitle { padding: 7% 0 8%; font-size: 2em; }
    #pageCont{padding-bottom: 30px; overflow:hidden;}
}
@media all and (max-width:500px) {
   #subTitle { padding: 10% 0 11%;}
}
@media all and (max-width:380px) {
   #subTitle { padding: 13% 0 14%;}
}


.sv_txt{}
.sv_txt img{max-width: 100%;}

@media all and (max-width:976px){
    .sv_txt{}
    .sv_txt img{max-width: 85%;}
}

ul.tab{display: flex; justify-content: center; margin-bottom: 100px;}
ul.tab li{width: 300px; text-align: center;}
ul.tab li.on{background-color: #1b2e5c;}
ul.tab li a{display: block; padding: 14px 20px; color: #444; border: 1px solid #ccc;}
ul.tab li.on a{ color: #fff; border: 1px solid #1b2e5c;}