@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:560px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .sv_tit{display: flex; height: 100%; flex-direction: column; justify-content: center; text-align: center; align-items: center;}
.s_visual .sv_tit h2{}
.s_visual .sv_tit h2 span{font-size: 48px; color: #fff;}
.s_visual .sv_tit p{font-size: 20px; font-weight: 500; color: #fff; opacity: 0.7; margin-top: 15px;}

@media all and (max-width:1280px){
	.s_visual{height: 520px;}
	.s_visual .sv_tit h2 span{font-size: 45px;}
	.s_visual .sv_tit p{font-size: 19px; margin-top: 13px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 470px;}
	.s_visual .sv_tit h2 span{font-size: 42px;}
	.s_visual .sv_tit p{font-size: 18px; margin-top: 12px;}
}
@media all and (max-width:768px){
	.s_visual{height: 420px;}
	.s_visual .sv_tit h2 span{font-size: 39px;}
	.s_visual .sv_tit p{font-size: 17px; margin-top: 11px;}
}
@media all and (max-width:500px){
	.s_visual{height: 360px;}
	.s_visual .sv_tit h2 span{font-size: 36px;}
	.s_visual .sv_tit p{font-size: 16px; margin-top: 10px;}
}



/* Sub-Menu */
.sub_menu_wrap { position:relative;  width:100%; height:70px; line-height:68px;  padding:0; font-weight:400; box-sizing:border-box; z-index:10; display:flex; justify-content: center; border-bottom: 1px solid #eee;}
.sub_menu_wrap .m_dep_box{ }
.sub_menu_wrap .m_dep_box.m_1dep_box{display: none;}
.sub_menu_wrap .m_dep_box.m_2dep_box .m_dep_tit{display: none;}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#FFF; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu {gap:40px;}
.sub_menu_wrap .m_dep_box .smenu li {}
.sub_menu_wrap .m_dep_box .smenu li:hover{}
.sub_menu_wrap .m_dep_box .smenu li:hover a { }
.sub_menu_wrap .m_dep_box .smenu li a.on{}
.sub_menu_wrap .m_dep_box .smenu li:first-child{}
.sub_menu_wrap .m_dep_box .smenu a {color: #111; opacity: 0.5; font-weight: 600; font-size: 18px;}
.sub_menu_wrap .m_dep_box .smenu a.on{opacity: 1;}
.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:1280px){
	.sub_menu_wrap .m_dep_box .smenu{gap:35px;}
	.sub_menu_wrap .m_dep_box .smenu a{font-size: 17px;}
}
@media all and (max-width:1024px){
	 .sub_menu_wrap {display: none;}
}

#subContent{padding: 100px 0 180px;}

#subTitle{text-align: center; margin-bottom: 70px;}
#subTitle span{font-size: 40px; color: #000; font-weight: 700;}

@media all and (max-width:1280px){
	#subContent{padding: 90px 0 160px;}
	#subTitle{margin-bottom: 60px;}
	#subTitle span{font-size: 38px;}
}
@media all and (max-width:1024px){
	#subContent{padding: 80px 0 140px;}
	#subTitle{margin-bottom: 55px;}
	#subTitle span{font-size: 36px;}
}
@media all and (max-width:768px){
	#subContent{padding: 70px 0 120px;}
	#subTitle{margin-bottom: 50px;}
	#subTitle span{font-size: 34px;}
}
@media all and (max-width:500px){
	#subContent{padding: 60px 0 100px;}
	#subTitle{margin-bottom: 45px;}
	#subTitle span{font-size: 32px;}
}