@charset "utf-8";

#subContent{padding-top: 80px;}

@media all and (max-width:976px){
	#subContent{padding-top: 60px;}
}

/* Sub-Menu */

.sub_menu_wrap { position:relative; width: 100%; font-size: 0; z-index: 99; border-bottom: 1px solid #dedede; display: none;}
.sub_menu_wrap .m_home{position:static; display:none; float:left; background:#eb3d34 url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: 100% auto;}
.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.8rem; font-weight: 500; line-height: 60px;  }
.sub_menu_wrap .m_2dep_box li a { color:#000; display: block; border-left-width:0;  transition: .2s ease; padding: 0 35px;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#f6ad2e}
.sub_menu_wrap .m_2dep_box li:hover a { color: #aacd06; }
.sub_menu_wrap .m_2dep_box li a.on{ color: #aacd06;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }


@media all and (max-width:976px){
.sub_menu_wrap { position:relative; width: 100%; font-size: 0; z-index: 2; margin-top: -80px;}
.sub_menu_wrap .in{height: 100%; background: transparent}
.sub_menu_wrap .inner{width: 100%; max-width: 1600px; background-color: #050402; height: 100%;}
.sub_menu_wrap .m_home{position:static; display:none; float:left; background:#050402 url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: 100% auto;}
.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 {width: 20%; position:relative; display:inline-block; font-size: 1.6rem; font-weight: 400; line-height: 90px;  }
.sub_menu_wrap .m_2dep_box li a { color:#444; display: block; border-left-width:0; transition: .2s ease; padding: 0 35px; font-size: 1.8rem; font-weight: 900;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#f6ad2e}
.sub_menu_wrap .m_2dep_box li:hover a {color: #002d65;}
.sub_menu_wrap .m_2dep_box li a.on{background-color: #002d65; color: #fff;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }



.sub_menu_wrap{ width:100%;  height:80px;  line-height:80px;padding:0;}
.sub_menu_wrap::before  { display: none;}
	.sub_menu_wrap .m_home{width:80px; height:80px; display: block; border-right: 1px solid rgba(255,255,255,0.1);}
.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.1); text-align:left; cursor:pointer;height:80px; line-height:80px; font-size: 1.8rem; font-weight: 500;}
.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 90% center; height:80px; line-height:80px; color:#fff; box-sizing:border-box; padding:0 25px; 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:#333; 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; margin-top: -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); height: 60px; line-height: 60px;}
	
}

@media all and (max-width:568px) {
/*  .sub_menu_wrap { margin-top: 10%; }*/
}

@media all and (max-width:480px) {
/*  .sub_menu_wrap{ height:40px;  line-height:40px; }*/
/*	.sub_menu_wrap .m_home{width:40px;  height:40px;}*/
/*	.sub_menu_wrap .m_dep_tit{height:40px; line-height:40px;}*/
	.sub_menu_wrap{ height:50px;  line-height:50px; margin-top: -48px;}
	.sub_menu_wrap .m_home{width:50px;  height:50px;}
	.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
	.sub_menu_wrap .m_dep_box{width: calc(50% - 25px); height: 50px; line-height: 50px;}
}

.subtitle{display: flex; justify-content: space-between; align-items: flex-end; padding: 90px 0 80px;}
#subTitle{text-align: left; font-size: 6rem; font-weight: 800; color: #000000; }
.subtitle .link{font-size: 1.3rem; color: #999999; font-weight: 300;}
.subtitle .link span{}

@media all and (max-width:976px){
	.subtitle{flex-direction: column; align-items:flex-start; padding: 70px 0 60px;}
	#subTitle{font-size: 5rem;}
	#subTitle p{font-size: 1.5rem; margin-top: 6px;}
	.subtitle .link{margin-top: 10px; font-size: 1.4rem;}
}
@media all and (max-width:640px){
	.subtitle{padding: 55px 0 45px;}
	#subTitle{font-size: 4rem;}
}

#pageCont{padding-bottom: 120px;}
#pageCont.pb0{padding-bottom: 0;}

@media all and (max-width:976px){
	#pageCont{padding-bottom: 90px;}
}
@media all and (max-width:640px){
	#pageCont{padding-bottom: 70px;}
}