@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual {padding-top:100px; position:relative;width:100%; height:580px; 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%; height:100%;  z-index:2; max-width: 1600px; margin: 0 auto; }
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle;  text-align:center  }
.s_visual .sv_tit h2 {  display:inline; font-size: 6.0rem; font-weight: 700; line-height: 1.0em;font-family: 'Pretendard';}
.s_visual .sv_tit p { font-size: 2.0rem; font-weight: 500; margin-top: 1.6em;  line-height:1.6em}



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

@media all and (max-width: 1280px){
  .s_visual { height: 50vw; }
}
@media all and (max-width: 1024px){
  .s_visual {padding-top:70px; }
}
@media all and (max-width: 978px){
  .s_visual {padding-top:50px; height: 60vw; }
  .s_visual .sv_tit h2 { display:inline; font-size: 4.8rem; }  
  .s_visual .sv_tit p { font-size: 1.6rem; }
}

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

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

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



/* Sub-Menu */

.sub_menu_wrap { position:relative;  height:80px; line-height:90px; padding:0; margin-top:-45px; ;
                          font-weight:400; box-sizing:border-box; z-index:10;}
.sub_menu_wrap .in {width:80%; max-width:800px }
.sub_menu_wrap .m_home{ position:static; display:block; width:90px; height:90px; float:left; background: #512d1e url("/images/sub/ico_home.png"); border:0;  }
.sub_menu_wrap .m_dep_box{ background:#512d1e; position: relative; display:block; width:calc(50% - 45px); float:left; text-align:left; cursor:pointer; border-left: 1px solid rgba(115,82,69,0.47); font-size: 1.7rem; }
.sub_menu_wrap .m_dep_tit { font-size:1.8rem; 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 { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#fdfbf7; 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:#f5b335; 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:1em 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: -40px; }
  .sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 100% auto;}
}

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

@media all and (max-width: 640px){
  .sub_menu_wrap { height: 60px; line-height: 60px; margin-top: -30px; }
  .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 { width: 100%; height: 50px; line-height: 50px; margin-top: -25px; }
  .sub_menu_wrap .in {width:90% }
  .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; }
}



#subTitle { text-align: center; color:#212121; font-size: 4.0rem; font-weight:700; line-height: 1.2em; padding:2em 0 0; letter-spacing: -0.02em;}
#pageCont { padding: 4% 0 5%; /* overflow: hidden; */}

@media all and (max-width:976px) {
  #subTitle { padding-top: 2em; }
   #pageCont { padding: 7% 0; }
}

@media all and (max-width:767px) {
   #pageCont { padding: 8% 0; }
}

@media all and (max-width:568px) {
   #subTitle { font-size: 3.2rem; padding-top: 1.5em; }
}

@media all and (max-width:480px) {
  #pageCont { padding: 10% 0; }
}