@charset "UTF-8";

/* Work life balance page additions */
#work-life-balance #wlb-wrap .num-and-ttl > span {
  height: 11.2vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-01 {
  background-image: url("../images/environment/work_life_balance/img_contents_01.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-02 {
  background-image: url("../images/environment/work_life_balance/img_contents_02.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-03 {
  background-image: url("../images/environment/work_life_balance/img_contents_03.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-04 {
  background-image: url("../images/environment/work_life_balance/img_contents_04.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-05 {
  background-image: url("../images/environment/work_life_balance/img_contents_05.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-06 {
  background-image: url("../images/environment/work_life_balance/img_contents_06.png");
}

#work-life-balance #wlb-wrap .num-and-ttl > .num-icon-07 {
  background-image: url("../images/environment/work_life_balance/img_contents_07.png");
}

#work-life-balance #wlb-wrap .info-card-list {
  display: grid;
  gap: 2.5vw;
  margin-top: 3em;
}

#work-life-balance #wlb-wrap .info-card-wrap {
  background-color: rgba(21, 105, 200, 0.05);
}

#work-life-balance #wlb-wrap .info-card {
  display: grid;
  gap: .5vw 2.5vw;
  grid-template-columns: 5vw 1fr;
  padding: 2.5vw;
  align-items: center;
}

#work-life-balance #wlb-wrap .info-card.info-card-column {
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

#work-life-balance #wlb-wrap .info-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5vw;
  height: 5vw;
  background-color: #1569c8;
  grid-row: 1 / 3;
}

#work-life-balance #wlb-wrap .info-card-icon img {
  width: 3vw;
  height: 3vw;
  object-fit: contain;
}

#work-life-balance #wlb-wrap .info-card h4 {
  padding: 0;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}

#work-life-balance #wlb-wrap .info-card p {
  line-height: 1.8;
}

#work-life-balance #wlb-wrap .info-card .p-img {
  display: flex;
  justify-content: center;
  margin-top: 2vw;
  grid-column: 1 / 3;
}

#work-life-balance #wlb-wrap .info-card .p-img .img-set {
  width: 31.25%;
  margin: 0 2.0833333333%;
}

@media screen and (max-width: 767px) {
  #work-life-balance #wlb-wrap .num-and-ttl > span {
    height: 28vw;
  }

  #work-life-balance #wlb-wrap .info-card-list {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 5vw;
  }

  #work-life-balance #wlb-wrap .info-card {
    grid-template-columns: 10vw 1fr;
    padding: 0 0 10vw 0;
    margin: 10vw 10vw 0 10vw;
    gap: 2.5vw 4vw;
    border-bottom: 1px solid #ccc;
  }

  #work-life-balance #wlb-wrap .info-card-list .info-card-wrap:last-child .info-card {
    border-bottom: none;
  }

  #work-life-balance #wlb-wrap .info-card-icon {
    width: 10vw;
    height: 10vw;
    grid-row: 1 / 2;
  }

  #work-life-balance #wlb-wrap .info-card-icon img {
    width: 6vw;
    height: 6vw;
  }

  #work-life-balance #wlb-wrap .info-card p {
    line-height: 1.6;
    grid-column: 1 / 3;
  }

  #work-life-balance #wlb-wrap .info-card .p-img {
    margin-top: 0;
  }

  #work-life-balance #wlb-wrap .info-card .p-img .img-set {
    width: 100%;
  }

  #work-life-balance #wlb-wrap .info-card .p-img .img-set:nth-of-type(1) {
    margin: 0 2.0833333333% 0 0;
  }

  #work-life-balance #wlb-wrap .info-card .p-img .img-set:nth-last-of-type(1) {
    margin: 0 0 0 2.0833333333%;
  }
}