@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:320px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:90%; max-width:1480px; height:100%;  z-index:2; margin: 0 auto;}
.s_visual .sv_tit {padding-top: 20px;  display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle;  }
.s_visual .sv_tit h2 {font-size: 4.6rem; line-height: 1.15em;}
.s_visual .sv_tit p.t1 { margin-top: 20px; font-size: 2rem; line-height: 32px; color:#FFF; }


@media all and (max-width: 1480px){
    .s_visual  { height: 25vw; }
}


@media all and (max-width: 1280px){
    .s_visual .sv_tit h2 { font-size: 3.5rem; }
    .s_visual .sv_tit p { font-size: 2.2rem; }
}

@media all and (max-width: 976px){
    .s_visual  { height: 35vw; }
    .s_visual .sv_tit h2 { font-size: 3.2rem; }
    .s_visual .sv_tit p.t1 { font-size: 1.6rem; margin-top: 30px; line-height: 25px;}
}

@media all and (max-width: 767px){
    .s_visual  { height: 50vw; }
}

@media all and (max-width: 480px){
    .s_visual  { height: 60vw; }
	.s_visual .sv_tit {padding-top:10%}
    .s_visual .sv_tit h2 { font-size: 3.8rem; }
    .s_visual .sv_tit p.t1 { font-size: 1.5rem; margin-top: 20px; line-height: 20px;}
    .s_visual .sv_tit h2 { font-size: 4.0rem; }
}

@media all and (max-width: 380px){
    .s_visual  { height:60vw; }
}



/* Sub-Menu */
.sub_menu_wrap { position:relative;  width:90%; max-width: 1480px; height:80px; line-height:80px; margin:-40px auto 0; padding:0; font-weight:400; box-sizing:border-box; z-index:10; background: transparent ;   }
.sub_menu_wrap .m_home{ position:relative; display:block; width:80px; height:80px; float:left; background:#000 url("/images/sub/ico_home.png") no-repeat center;border-right: 1px solid #ffffff09; }
/* .sub_menu_wrap .m_home:after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;  height:20px; background: rgba(255,255,255,0.3);} */
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:280px; float:left; text-align:left; cursor:pointer; border-left: 1px solid #333333;; font-size: 1.7rem; font-weight:400}
.sub_menu_wrap .m_dep_tit {position: relative; display:block; background:#000 url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#fff; box-sizing:border-box; padding:0 1.1em; cursor:pointer; font-family: 'Montserrat';}
/* .sub_menu_wrap .m_dep_tit:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;  height:20px; background: rgba(255,255,255,0.3);} */
.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:#333; 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: 1080px){
    .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px; }
    .sub_menu_wrap .m_home { width:80px; height:80px; }
}

@media all and (max-width: 767px){
    .sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -70px; }
    .sub_menu_wrap .m_home { width:70px; height:70px; background-size: 18px;}
    .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
    .sub_menu_wrap .m_2dep_box { border-right:0; }
    .sub_menu_wrap .m_dep_box{font-size: 1.5rem;}
}

@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_box { width: calc(50% - 30px); }
    .sub_menu_wrap .m_dep_box{font-size: 1.4rem;}
    .sub_menu_wrap .m_dep_tit {padding:0 0.8em;}
}


@media all and (max-width: 480px){
  .sub_menu_wrap { width: 100%; 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.3rem; background-size: 12px auto; }
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}





#subTitle { text-align: center; color:var(--heading-color); font-size: 40px; font-weight: 700; line-height: 1.2em; padding: 0px 0 80px;}
#pageCont { padding: 160px 0; overflow: hidden; }

@media  all and (max-width:1280px) {
    #pageCont{padding: 140px 0;}
}
@media  all and (max-width:1024px) {
    #pageCont{padding: 120px 0;}
}
@media  all and (max-width:768px) {
    #pageCont{padding: 110px 0;}
}
@media  all and (max-width:500px) {
    #pageCont{padding: 100px 0;}
}