@charset "utf-8";
/* ==================================================== */
/*  work-life
/* ==================================================== */
.work-life .contents-tlt .tlt-en {
  max-width: 93.68px;
}
@media (max-width: 767px) {
  .work-life .contents-head .full-img figure img {
    object-position: right;
  }
}
/* life-list */
.work-life .life-list {
  margin-top: 33px;
  margin-bottom: 114px;
}
.work-life .life-list .read-txt {
  position: relative;
  padding-bottom: 62px;
  font-size: var(--fs18);
  text-align: center;
  letter-spacing: normal;
}
.work-life .life-list .read-txt .schedule-mark {
  position: absolute;
  right: 3.9%;
  bottom: -7px;
  width: 131.81px;
}
.work-life .life-list .flex {
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1016px;
  margin: auto;
  padding-bottom: 40px;
}
.work-life .life-list .flex:after {
  position: absolute;
  top: 0;
  left: 45px;
  z-index: 1;
  display: block;
  width: 3px;
  height: 100%;
  margin: auto;
  background-color: #f0c926;
  content: "";
}
.work-life .life-list .flex .time {
  position: relative;
  z-index: 2;
  width: 93.69px;
}
.work-life .life-list .flex .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* width: 841.5px; */
  width: 82.8%;
  /* width: 70.29%; */
  margin-top: 44px;
}
.work-life .life-list .flex .schedule .contents-box {
  width: 47.2%;
}
.work-life .life-list .flex .schedule .contents-box:nth-child(2) {
  margin-top: 59px;
}
.work-life .life-list .flex .schedule .contents-box .comment-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;

  gap: 7px;
}
.work-life .life-list .flex .schedule .contents-box .comment-box figure {
  width: 78px;
  /*margin-right: 7px;*/
}
.work-life .life-list .flex .schedule .contents-box .comment-box p {
  width: 53.8%;
  font-size: var(--fs13);
  font-weight: bold;
  color: #ed7a42;
}
.work-life .life-list .flex .schedule .contents-box .item {
  position: relative;
  width: 100%;
  padding: 42px 8.2% 28px;
  border-radius: 24px;
  background-color: #fff;
}
.work-life .life-list .flex .schedule .contents-box .item figure {
  margin-bottom: 18px;
}
.work-life .life-list .flex .schedule .contents-box .item h3 {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  width: 191.32px;
  height: 47.23px;
  margin: auto;
  background-image: url(../img/work-life/cate_bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.work-life .life-list .flex .schedule .contents-box .item h3 span {
  display: block;
  padding-top: 10px;
  font-size: var(--fs17);
  font-weight: bold;
  color: #fff;
}
.work-life .life-list .flex .schedule .contents-box .item .sub {
  display: block;
  margin-bottom: 10px;
  font-size: var(--fs17);
  font-weight: bold;
}
.work-life .life-list .flex .schedule .contents-box .item p {
  font-size: var(--fs15);
  line-height: 1.8;
}
/* schedule_01 */
.work-life .life-list .flex.schedule_01 .schedule .contents-box .schedule-mark {
  width: 79.84%;
  margin: 45px auto 0;
}
/* schedule_03 */
.work-life .life-list .flex.schedule_03 .schedule .contents-box .schedule-mark {
  width: 71.57%;
  margin: 0 auto;
}
/* schedule_04 */
.work-life .life-list .flex.schedule_04 .schedule .contents-box .item p .note {
  font-size: var(--fs14);
}
/* schedule_08 */
.work-life .life-list .flex.schedule_08 .schedule .contents-box .schedule-mark {
  width: 74.61%;
  margin: 0 auto;
}
/* schedule_09 */
.work-life .life-list .flex.schedule_09 .time figure {
  display: none;
}
/* schedule_10 */
.work-life .life-list .flex.schedule_10 .schedule .contents-box .schedule-mark {
  width: 67.83%;
  margin: 0 auto;
}
/* schedule_last */
.work-life .life-list .flex.schedule_last:after {
  content: none;
}

@media (max-width: 767px) {
  .work-life .life-list .read-txt {
    padding-bottom: 26px;
    font-size: var(--fs16);
  }
  .work-life .life-list .flex:after {
    left: 36px;
  }
  .work-life .life-list .flex .time {
    width: 82px;
  }
  .work-life .life-list .flex.schedule_last {
    padding-bottom: 0;
  }
  .work-life .life-list .read-txt .schedule-mark {
    position: relative;
    width: 91.18px;
    margin-left: auto;
  }
  .work-life .life-list .flex .schedule {
    display: block;
    margin-top: 20px;
  }
  .work-life .life-list .flex .schedule .contents-box {
    display: block;
    width: 104%;
    margin-left: -4%;
  }
  .work-life .life-list .flex .schedule .contents-box:nth-child(2) {
    margin-top: 37px;
  }

  .work-life .life-list .flex .schedule .contents-box .item {
    padding: 33px 8.2% 28px;
  }
  .work-life .life-list .flex .schedule .contents-box .item h3 {
    top: -16px;
    width: 135.63px;
    height: auto;
  }
  .work-life .life-list .flex .schedule .contents-box .item h3 span {
    padding: 4px 0;
    font-size: var(--fs16);
  }
  .work-life .life-list .flex .schedule .contents-box .item .sub {
    font-size: var(--fs15);
  }
  .work-life .life-list .flex .schedule .contents-box .item p {
    font-size: var(--fs14);
  }
  .work-life .life-list .flex .schedule .contents-box .comment-box p {
    width: 62%;
    font-size: var(--fs13);
  }
  .work-life .life-list .flex.schedule_01 .schedule .contents-box .schedule-mark {
    width: 50.82%;
    margin: 17px auto 0;
  }
  .work-life .life-list .flex.schedule_03 .schedule .contents-box .schedule-mark {
    width: 51%;
    margin: 0 auto;
  }
  .work-life .life-list .flex.schedule_03 .schedule .contents-box:nth-child(2) {
    margin-top: 20px;
  }
  .work-life .life-list .flex.schedule_08 .schedule .contents-box .schedule-mark {
    width: 41%;
    margin: 0 auto;
  }
  .work-life .life-list .flex.schedule_08 .schedule .contents-box:nth-child(2) {
    margin-top: 20px;
  }
  .work-life .life-list .flex.schedule_10 .schedule .contents-box .schedule-mark {
    width: 41%;
    margin: 0 auto;
  }
  .work-life .life-list .flex.schedule_10 .schedule .contents-box:nth-child(2) {
    margin-top: 20px;
  }
}