.wrap2 {width:100%; max-width:1200rem; margin:0 auto; position:relative;}
@media all and (max-width:1280px){
  .wrap2 {width:100%; max-width:100%; padding:0 30rem;} 
}
@media all and (max-width:768px){
  .wrap2 {padding:0 25rem;} 
}
@media all and (max-width:480px){
    .wrap2 {padding:0 20rem;} 
}

.sub_top {background:#BCE4F4; padding:140rem 0 180rem; text-align:center; position:relative;}
.sub_top::before {content:''; position:absolute; bottom:0; left:50%; width:1920rem; height:304rem; margin-left:-960rem; background:url('/design/sjlife/img/2026/sub/object4.png') no-repeat 0 0/contain;}
.sub_top .obj {display:block; position:absolute; background-size:contain; background-repeat:no-repeat; background-position:0 0;}
.sub_top .obj.obj1 {top:15rem; left:189rem; width:55rem; height:70rem; background-image:url('/design/sjlife/img/2026/sub/object1.png');}
.sub_top .obj.obj2 {top:85rem; left:315rem; width:81rem; height:45rem; background-image:url('/design/sjlife/img/2026/sub/object2.png');}
.sub_top .obj.obj3 {top:15rem; right:285rem; width:59rem; height:117rem; background-image:url('/design/sjlife/img/2026/sub/object3.png');}

.sub_top .loca {margin-bottom:10rem;}
.sub_top .loca ul {display:flex; align-items:center; justify-content:center; }
.sub_top .loca ul li {display:flex; align-items:center; color:#595959; font-size:18rem;}
.sub_top .loca ul li::after {content:''; width:1px; height:10px; background:#595959;  margin:0 20px;}
.sub_top .loca ul li:last-child {font-weight:600; color:#2D5A2D;}
.sub_top .loca ul li:last-child::after {display:none;}
.sub_top .loca ul li a {font-size:18rem;}

.countdown {display:flex; align-items:center; justify-content:center;}
.countdown span {display:flex; align-items:center; justify-content:center; font-size:34rem; font-weight:700; margin:0 3rem; line-height:normal;}
.countdown span.box {width:51rem; height:57rem; background:#2D5A2D; border-radius:6rem; color:#fff;}

.sub_top h2 {font-family:'FlightSans-Bold'; font-size:50rem; line-height:1.4; margin-bottom:25rem;}


@media all and (max-width:1280px){
    .countdown {display:none;}
    .sub_top {padding-top:130rem; padding-bottom:120rem;}
    .sub_top::before {width:1280rem; height:203rem; margin-left:0; transform:translateX(-50%);}
    .sub_top .obj {display:none;}
    .sub_top .loca ul li {font-size:17rem;}
    .sub_top .loca ul li a {font-size:17rem;}
    .sub_top h2 {margin-bottom:0; font-size:40rem;}
    
}
@media all and (max-width:599px){
    .sub_top {padding-bottom:80rem;}
    .sub_top::before {width:599rem; height:95rem;}
}

.snb {border-bottom:1px solid #ddd; position:relative;}
@media all and (min-width:600px){
  .sub_tab_new {display:flex; }
  .sub_tab_new > li {flex: 1 1 auto; position:relative;}
  .sub_tab_new > li::before {content:''; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#3F8B67;}
  .sub_tab_new > li::after {content:''; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background:#ddd; }
  .sub_tab_new > li:last-child::after {display:none;}
  .sub_tab_new > li a {display:block; text-align:center; font-size:19rem; padding:15rem 25rem;}
  .sub_tab_new > li.on::before {width:100%;}
  .sub_tab_new > li.on a {color:#2D5A2D; font-weight:700;}
}
@media all and (max-width:1280px){
  .sub_tab_new {padding:0;}
}
@media all and (max-width:1023px){
  .sub_tab_new > li a {font-size:17rem;}
}
@media all and (max-width:599px){
  .is-mobile .sub_tab_new {position:relative;}
  .is-mobile .tab-mobile-title {display:flex; align-items:center; justify-content:space-between; text-align:center; font-size:17rem; padding:15rem 25rem; background:none; cursor:pointer; width:100%; color:#323232;}
  .is-mobile .tab-mobile-title::after {content:''; flex-shrink:0; flex-grow:0; width:7rem; height:7rem;  border-top:2px solid #323232; border-right:2px solid #323232; transform:rotate(135deg); margin-top:-6rem;}
  .is-mobile .sub_tab_new {display:none;}
  .is-mobile .sub_tab_new.is-open {display:block; position:absolute; top:53rem; z-index:9999; background:#fff; border-bottom:1px solid #ddd; padding:15rem 25rem;}
  .is-mobile .sub_tab_new.is-open li {margin:5rem 0;}
}
@media all and (max-width:480px){
    .is-mobile .tab-mobile-title {padding:15rem 20rem;}
    .is-mobile .sub_tab_new.is-open {padding:15rem 20rem;}
}

#content {margin-bottom:100rem; margin-top:60rem; font-size:17rem;}
@media all and (max-width:768px){
  #content { margin-top:40rem}
}