@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:700px; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:center; background:no-repeat center center; background-size:cover;}
.s_visual .s_visual_in{height: 100%;}
.s_visual .sv_tit{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.s_visual .sv_tit h2{font-size: 56px; font-weight: 800; color: #fff; line-height: 1em; margin-bottom: 25px;}
.s_visual .sv_tit p{font-weight: 500; font-size: var(--fz18); color: #fff; word-break: keep-all;}

@media all and (max-width:1479px){
	.s_visual{height: 560px; position: relative;}
	.s_visual .sv_tit h2{font-size: 48px;}
}
@media all and (max-width:976px){
	.s_visual{height: 440px;}
	.s_visual .sv_tit h2{font-size: 42px; margin-bottom: 20px;}
}
@media all and (max-width:640px){
	.s_visual{height: 360px}
	.s_visual .sv_tit h2{font-size: 36px; margin-bottom: 15px;}
	.s_visual .sv_tit p{width: 80%; margin: 0 auto;}
}



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

@media all and (max-width:1599px){
	#subContent > .inner{width: 100%;}
}

/* Sub-Menu */

.sub_menu_wrap { position:relative;  width:100%; max-width: 1600px; height:90px;  line-height:90px; margin:-90px auto 0; padding:0;
    font-weight:400; box-sizing:border-box; z-index:10; background-color: #fff; border-bottom: 1px solid #e5e5e5;}
.sub_menu_wrap .in { display: inline-block;}
.sub_menu_wrap .m_home{position:static; display:block; width:90px; height:90px; float:left; background:var(--c01) url('/images/sub/ico_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:280px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer; font-size: 1.8rem;}
.sub_menu_wrap .m_dep_box:last-child{border-right:none;}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#222222; box-sizing:border-box; padding:0 1.5em; cursor:pointer; border-right: 1px solid #ededed;}
.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:#eee;}
.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:var(--c01); 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 li:before {display:none;}

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


@media all and (max-width: 640px){
.sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -35px; }
.sub_menu_wrap .in { background-size: 100% 70px; }
.sub_menu_wrap .m_home { width:70px; height:70px; }
.sub_menu_wrap { height: 60px; line-height: 60px; margin-top: -30px; }
.sub_menu_wrap .in { width: 85%; background-size: 100% 60px; }
.sub_menu_wrap .m_home { width:60px; height:60px; background-size: 100% !important;}
.sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
}

@media all and (max-width: 480px){
.sub_menu_wrap { margin-top:0; }
.sub_menu_wrap .in { width: 100%; }
.sub_menu_wrap { height: 50px; line-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); }
.sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size: 1.7rem; background-size: 12px auto; }
.sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}





#subTitle { text-align: center; color:#000; font-size:40px; font-weight:700; line-height:1em; padding: 100px 0; font-weight: 800;}
#subTitle span{position: relative;}
#pageCont { padding-bottom: 100px;}

@media all and (max-width:976px) {
   #subTitle {padding: 80px 0; font-size: 36px;}
}
@media all and (max-width:640px) {
   #subTitle {padding: 70px 0; font-size: 32px;}
}
@media all and (max-width:480px) {
   #subTitle {}
}


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

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




.memberWrap { padding: 5%; border: 10px solid #fcf7f7; }
.memberWrap h4 { color:#212121; font-size: 2rem; margin-top: 1.5em; }
.memberWrap h5 { color:#212121; font-size: 1.8rem; margin-top: 1.5em; }
.memberWrap p { font-size: 1.7rem; line-height: 1.6em; margin-top: 0.7em; }