/* s_visual */
#sub_top_Wrap{}

.s_visual {position:relative; padding-top: 100px; width:100%; height:560px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:95%; height:95%;  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 { font-size:6.0rem; font-weight:700; margin-bottom: 0.3em; }
.s_visual .sv_tit p { font-size: 1.8rem; line-height: 1.5em; font-weight: 500; color: rgba(255, 255, 255, .7);}

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

@media all and (max-width: 1280px){
  .s_visual { height: 40vw; }
  .s_visual .sv_tit h2 { font-size: 4.5rem; }
  .s_visual .sv_tit p { font-size: 1.6rem; }
}
@media all and (max-width:1170px){
    .s_visual{padding-top: 60px;}
}
@media all and (max-width: 860px){
  .s_visual { height: 50vw; }
  .s_visual .sv_tit h2 { font-size: 3.2rem; }
}

@media all and (max-width: 568px){
  .s_visual .sv_tit h2 { font-size: 2.6rem; }
  .s_visual .sv_tit p { font-size: 1.2rem; }
}



/* Sub-Menu */

.sub_menu_wrap { position:relative;  width:92%; 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; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; }
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: #57a432 url("/images/sub/ico_home.png")no-repeat center; border:0; /* border-right: 1px solid #dedede; */}
.sub_menu_wrap .m_home a{display: block; width: 100%; height: 100%;}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:340px; float:left; text-align:left; cursor:pointer;border-right:1px solid #dedede; font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#212121; box-sizing:border-box; padding:0 1.5em; cursor:pointer;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f7faf6; 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:#e4faff;}
.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:#57a432; 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;}
}

@media all and (max-width: 830px){
  .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: 0; }
  .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:2.0rem; background-size: 12px auto; }
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; font-size:1.8rem}
}




#subTitle { text-align: center; color:#222; font-size: 4rem; line-height: 1.2em; padding: 4% 0 0; font-weight: 700;}
#pageCont { padding: 4% 0 6%; overflow: hidden; }

@media all and (max-width:1080px) {
  #subTitle { padding-top: 6%; }
}

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

@media all and (max-width:568px) {
   #subTitle { font-size: 3.5rem; }
   #pageCont { padding-bottom: 10%; }
}

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


.guide3_tit{font-size: 2em; font-weight: 300; margin: 2em 0 1em; color: #333;}
.tb-scroll { overflow-x: auto; }
.tb-style1 { width: 100%; border-top: 4px solid #57a432; }
.tb-scroll .tb-style1 { min-width: 800px;  }
.tb-style1 th, .tb-style1 td { padding: 20px 10px; border-bottom: 1px solid #dce0df;  border-left: 1px solid #dce0df; vertical-align: top; }
.tb-style1 thead th { background:#fafff7; font-size: 1.2em; color:#212121; font-weight: 600; vertical-align: middle;}
.tb-style1 tbody th { font-size: 1.05em; color:#212121; font-weight: 600; }
.tb-style1 td { line-height: 1.5em; font-size: 1.05em;  }
.tb-style1 .first { border-left:0; }

.tb-style1.small td { padding: 15px 20px;}
.tb-style1.small.guide3 td { padding: 15px 10px; text-align: center; vertical-align: middle; word-break: keep-all;}
.tb-style1.tb-time th, .tb-style1.tb-time td { padding: 15px 20px; text-align: left;}

@media all and (max-width:640px) {
    .tb-style1 thead th {font-size: 15px;}
    .tb-style1 tbody th { font-size: 15px;}
    .tb-style1 td { font-size: 14px;  }
    }