.head-wrap {
  background-image: url(../img/environment/hero_2x.jpg);
}
main h2 {
  text-align: center;
}
.sec .desc {
  margin-bottom: 50px;
}
.desc.ct {
  text-align: center;
}

.wb-box {
  border:2px solid var(--main-color);
  background: #fff;
  padding:34px 20px;
  text-align: center;
}
.wb-box .t {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 32px;
  color:var(--main-color);
  margin-bottom: 8px;
}
.wb-box .perc {
  color:var(--main-color);
  font-size: 1.7rem;
  line-height: 70px;
  font-weight: 600;
  margin-bottom: 14px;
}
.wb-box .perc .num {
  font-size: 3.1rem;
}
.wb-box .y {
  font-size: 0.8rem;
  line-height: 18px;
}
.sec .row-ib {
  margin-bottom: -60px;
}
.sec .row-ib>div {
  margin-bottom: 60px;
}
.i-box {
  height: 100%;
  font-size: 1rem;
}
.i-box .tt {
  display: flex;
  align-items: center;
  border-left: 5px solid var(--main-color);
  padding:12px 0;
  padding-left:30px;
  margin-bottom:4px;

}
.i-box .tt .ic {
  width: 36px;
  flex:0 0 auto;
}
.i-box .tt .t {
  flex:1;
  padding-left: 10px;
  font-weight:600;
  font-size: 1.3rem;
  line-height: 34px;
  color:var(--main-color);
}
.i-box .txt {
  padding-left: 35px;
}
.i-box dl {
  display: flex;
  margin-bottom: 12px;
}
.i-box dl:last-child {
  margin-bottom: 0;
}
.i-box dl dt {
  margin: 0;
  font-weight: 600;
  flex:0 0 auto;
}
.i-box dl dd {
  margin: 0;
  flex: 1;
}
.career .i-box.i1 dt {
  width: 164px;
}
.career .i-box.i2 dt {
  width: 140px;
}
.bene .i-box dt {
  width: 92px;
}
.btm-l {
  margin-top: 60px;
  text-align: center;
}

.se-box {
  height: 100%;
}
.se-box .thumb {
  text-align: center;
  margin-bottom: 20px;
}
.se-box .t {
  text-align: center;
  font-weight: 600;
  color: var(--main-color);
  font-size: 1.3rem;
  line-height: 32px;
  margin-bottom: 20px;
}

.fixed-smenu.close {
  right: -226px;
}

@media (max-width: 1199px) {

  .wb-box {
    padding:25px 15px;
  }
  .wb-box .t {
    font-size: 1.0rem;
    line-height: 30px;
  }

  .i-box .tt {
    padding:8px 0;
    padding-left: 15px;
  }
  .i-box .tt .t {
    font-size: 1.1rem;
    line-height: 28px;
  }
  .i-box .txt {
    padding-left: 20px;
  }
  .se-box .t {
    font-size: 1.1rem;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .sec .row-ib {
    margin-bottom: -30px;
  }
  .sec .row-ib>div {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .row-wlb {
    margin-bottom: -30px;
  }
  .row-wlb>div {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .head-wrap {
    background-image: url(../img/environment/sp/hero_2x.jpg);
  }
  .desc.ct {
    text-align: justify;
  }

  .row-wlb {
    margin:0 -4px -8px;
  }
  .row-wlb>div {
    padding:0 4px;
    margin-bottom: 8px;
  }
  .wb-box .t {
    font-size: 0.85rem;
    line-height: 24px;
  }
  .wb-box .ic img {
    max-width: 80px;
  }
  .wb-box .perc {
    font-size: 1.5rem;
    line-height: 50px;
  }
  .wb-box .perc .num {
    font-size: 2.35rem;
  }

  .i-box dl {
    flex-wrap: wrap;
    padding-left: 20px;
  }
  .career .i-box.i1 dt,
  .career .i-box.i2 dt,
  .bene .i-box dt,
  .i-box dl dt,.i-box dl dd {
    width: 100%;
  }
}