@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:600px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; margin-top: 100px;}
.s_visual .s_visual_in { position:relative; display:flex;  width:90%; height:100%;  z-index:2; max-width: 1600px; margin: 0 auto;   align-items: center; text-align:center;  }
.s_visual .sv_tit { width:100%; color:#fff; }
.s_visual .sv_tit h3 { font-size:60px; font-weight:800;}
.s_visual .sv_tit p { font-size: 21px; font-weight: 600; margin-top: 15px;}
.s_visual .sv_tit h4{font-size: 15px; opacity: 0.4; font-family: 'Play', serif; margin-top: 40px; word-spacing: 0.5em; letter-spacing: 0.05em;}

@media all and (max-width:1280px){
	.s_visual{margin-top: 64px; height: 540px;}
	.s_visual .sv_tit h3{font-size: 54px;}
	.s_visual .sv_tit p{font-size: 20px; margin-top: 13px;}
	.s_visual .sv_tit h4{margin-top: 35px;}
}
@media all and (max-width:1024px){
	.s_visual{margin-top: 58px; height: 500px;}
	.s_visual .sv_tit h3{font-size: 48px;}
	.s_visual .sv_tit p{font-size: 19px; margin-top: 11px;}
	.s_visual .sv_tit h4{margin-top: 32px;}
}
@media all and (max-width:768px){
	.s_visual{margin-top: 52px; height: 460px;}
	.s_visual .sv_tit h3{font-size: 42px;}
	.s_visual .sv_tit p{font-size: 18px; margin-top: 10px;}
	.s_visual .sv_tit h4{margin-top: 28px;}
}
@media all and (max-width:480px){
	.s_visual{margin-top: 44px; height: 400px;}
	.s_visual .sv_tit h3{font-size: 36px;}
	.s_visual .sv_tit p{font-size: 17px; margin-top: 9px;}
	.s_visual .sv_tit h4{margin-top: 24px;}
}




/* Sub-Menu */
.sub_menu_wrap { border-bottom: 1px solid #e5e5e5;  }
.sub_menu_wrap .in { position:relative;  width:90%; max-width: 1600px; height:80px; line-height:80px; margin:-80px auto 0; padding:0;
                          font-weight:400; box-sizing:border-box; z-index:10; background: #fff;  }
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background:#0068b7 url("/images/sub/ico_home.png") no-repeat center; border:0; 
								background-size:cover}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:320px; float:left; text-align:left; cursor:pointer; border-right: 1px solid #e5e5e5; font-size: 1.8rem; font-weight:400}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#585858; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
.sub_menu_wrap .m_dep_tit span {font-size:18px; color:#222; font-weight:500}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; 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:#ccc;}
.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:#31323c; 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:1.2em 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: 1280px){
  .sub_menu_wrap .in {width:100%; height: 70px; line-height: 70px; margin-top: -70px;}
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
  .sub_menu_wrap .m_dep_tit span {font-size:1.8rem; }
  .sub_menu_wrap .m_2dep_box { border-right:0; }
}
@media all and (max-width: 768px){
  .sub_menu_wrap .in { height: 60px; line-height: 60px; margin-top: -60px;}
  .sub_menu_wrap .m_home { width:60px; height:60px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
}
@media all and (max-width: 480px){
  .sub_menu_wrap .in { height: 50px; line-height: 50px;  margin-top: -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; }
}








#pageCont { padding: 120px 0;   overflow:hidden}
#subTitle { text-align: center; font-size: 36px; line-height: 1.2em; margin-bottom:80px; font-weight: 800;}

@media all and (max-width:1024px) {
	#pageCont { padding: 80px 0; }
	#subTitle { margin-bottom:60px; font-size: 32px;}
}
@media all and (max-width:768px) {
	#pageCont { padding: 80px 0; }
	#subTitle { margin-bottom:45px; font-size: 27px;}
}
