@charset "utf-8";

.s_visual{width: 100%; height: 672px;}
.s_visual .inner{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 90px; text-align: center; color: #fff;}
.s_visual .inner .sv_tit{}
.s_visual .inner .sv_tit h2{margin-bottom: 35px;}
.s_visual .inner .sv_tit h2 span{font-size: 56px;}
.s_visual .inner p{font-size: 20px; font-weight: 500; line-height: 1.6em;}

@media all and (max-width:1440px){
	.s_visual{height: 580px;}
	.s_visual .inner{padding-top: 70px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 30px;}
	.s_visual .inner .sv_tit h2 span{font-size: 48px;}
	.s_visual .inner p{font-size: 19px;}
}
@media all and (max-width:976px){
	.s_visual{height: 520px;}
	.s_visual .inner{padding-top: 70px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 25px;}
	.s_visual .inner .sv_tit h2 span{font-size: 42px;}
	.s_visual .inner p{font-size: 18px;}
}
@media all and (max-width:640px){
	.s_visual{height: 440px;}
	.s_visual .inner{padding-top: 60px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 20px;}
	.s_visual .inner .sv_tit h2 span{font-size: 36px;}
	.s_visual .inner p{font-size: 17px;}
}
@media all and (max-width:480px){
	.s_visual{height: 380px;}
	.s_visual .inner{padding-top: 60px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 16px;}
	.s_visual .inner .sv_tit h2 span{font-size: 32px;}
	.s_visual .inner p{font-size: 16px;}
}


/* Sub-Menu */
.sub_menu_wrap { position:relative; width: 100%; max-width: 1440px; font-size: 0; z-index: 50; background-color: #fff; border-bottom: 1px solid #f3f3f3; margin: -80px auto 0;}
.sub_menu_wrap .m_home{position:static; float:left; background:url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: 100% auto; width: 80px; height: 80px;}
.sub_menu_wrap .m_2dep_box {text-align:center; width: 100%; }
.sub_menu_wrap .m_2dep_box .smenu{display:flex; justify-content: center;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; font-size: 1.6rem; font-weight: 400; padding: 30px 0; line-height: 20px; }
.sub_menu_wrap .m_2dep_box li a { color:#7c7c7c; display: block; border-left-width:0; transition: .2s ease; padding: 0 30px; font-size: 1.8rem; font-weight: 400; border-right: 1px solid #ececec;}
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#222; font-weight: 500;}
.sub_menu_wrap .m_2dep_box li:hover a {color: #222; font-weight: 500;}
.sub_menu_wrap .m_2dep_box li a.on{ color: #222; font-weight: 500;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }

.sub_menu_wrap .list2{display: none;}

@media all and (max-width:1440px){
	.sub_menu_wrap .m_2dep_box li a{padding: 0 30px;}
    .sub_menu_wrap{width: 94%;}
}
@media all and (max-width:976px) {
	.sub_menu_wrap{ width:100%;  height:60px;  line-height:60px; margin:0px auto 0; padding:0; background: #fff; border-bottom: 1px solid #e5e5e5;}
	.sub_menu_wrap::before  { display: none;}
	.sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{width:60px; height:60px; display: block; }
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid #f1ece0; text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 1.6rem;  }
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer; }
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0; position: relative; transform: skew(0.1deg);}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; box-sizing:border-box;  border:0; border-top:1px dotted #ddd; padding:0; font-weight: 400;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#0093e9; color:#FFF; border:0; padding:10px 15px;}
	.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:10px 15px; box-sizing:border-box; line-height:normal; font-size: 1.4rem;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
}
@media all and (max-width:640px) {
	.sub_menu_wrap{ height:60px;  line-height:60px; }
	.sub_menu_wrap .m_home{width:60px;  height:60px;}
	.sub_menu_wrap .m_dep_tit{height:60px; line-height:60px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 30px); transform: skew(0.1deg); height:60px; line-height:60px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}


#subTitle{text-align: center; padding: 90px 0 120px;}
#subTitle span{font-size: 40px; color: #000; font-weight: 700;}

@media all and (max-width:1440px){
	#subTitle{padding: 80px 0 110px}
	#subTitle span{font-size: 36px;}
}
@media all and (max-width:976px){
	#subTitle{padding: 70px 0 100px}
	#subTitle span{font-size: 32px;}
}
@media all and (max-width:640px){
	#subTitle{padding: 65px 0 85px}
	#subTitle span{font-size: 28px;}
}
@media all and (max-width:480px){
	#subTitle{padding: 60px 0 70px}
	#subTitle span{font-size: 24px;}
}