@charset "utf-8";

/* mv */
@media (min-width: 769px) {
  .column1 .underlayer_mv_img {
    background: url("../../images/life/column1/mv.webp") no-repeat center /
      cover;
  }
  .column2 .underlayer_mv_img {
    background: url("../../images/life/column2/mv.jpg") no-repeat center / cover;
  }
  .column3 .underlayer_mv_img {
    background: url("../../images/life/column3/mv.webp") no-repeat center /
      cover;
  }
  .column4 .underlayer_mv_img {
    background: url("../../images/life/column4/mv.webp") no-repeat center /
      cover;
  }
}
@media (max-width: 768px) {
  .column1 .underlayer_mv_img {
    background: url("../../images/life/column1/mv_sp.webp") no-repeat center /
      cover;
  }
  .column2 .underlayer_mv_img {
    background: url("../../images/life/column2/mv_sp.jpg") no-repeat center /
      cover;
  }
  .column3 .underlayer_mv_img {
    background: url("../../images/life/column3/mv_sp.webp") no-repeat center /
      cover;
  }
  .column4 .underlayer_mv_img {
    background: url("../../images/life/column4/mv_sp.webp") no-repeat center /
      cover;
  }
}
.member_detail {
  justify-content: flex-end;
}
.member_detail_position {
  letter-spacing: -0.06em;
}
@media (max-width: 768px) {
  .member_img {
    width: 100%;
    min-width: auto;
  }
  .member_detail {
    min-height: 168rem;
  }
}

@media (min-width: 769px) {
  .underlayer_mv_txt_l {
    font-size: 34rem;
  }
  .underlayer_mv_txt_2 {
    font-size: 20rem;
    margin-top: 20rem;
  }
}
@media (max-width: 768px) {
  .underlayer_mv_txt_2 {
    font-size: 16rem;
    margin-top: 16rem;
  }
}

/* system_description */
.system_description_ttl {
  line-height: 1.6;
  font-weight: 500;
}
.system_description_list {
  display: flex;
  flex-wrap: wrap;
}
.system_description_list > li > dl {
  color: var(--color-dark-gray);
  text-align: justify;
}
.system_description_list > li > dl > dt {
  font-weight: 700;
}
.system_description_list > li > dl > dd {
  font-weight: 500;
}
@media (min-width: 769px) {
  .system_description {
    padding-top: min(80px, 80rem);
  }
  .system_description_ttl {
    font-size: min(32px, 32rem);
  }
  .system_description_txt {
    font-size: min(20px, 20rem);
    margin-top: min(20px, 20rem);
  }
  .system_description_txt + .system_description_ttl {
    margin-top: min(30px, 30rem);
  }
  .system_description_list_wrap {
    position: relative;
    padding-bottom: min(72px, 72rem);
  }
  .system_description_list_wrap::after {
    content: "";
    position: absolute;
    width: calc(100% - 40rem * 2);
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin-inline: auto;
    border-top: 1px solid var(--color-gray-20);
  }
  .system_description_list {
    gap: min(36px, 36rem) min(80px, 80rem);
    font-size: min(16px, 16rem);
    margin-top: min(40px, 40rem);
  }
  .system_description_list > li {
    width: calc((100% - min(80px, 80rem)) / 2);
  }
  .system_description_list > li > dl > dt {
    font-size: 18px;
  }
  .system_description_list > li > dl > dd {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .system_description_ttl {
    font-size: 16rem;
  }
  .system_description {
    padding-top: 40rem;
  }
  .system_description_txt {
    font-size: 20rem;
    margin-top: 20rem;
  }
  .system_description_txt + .system_description_ttl {
    margin-top: 30rem;
  }
  .system_description_list > li > dl > dt {
    font-size: 16px;
  }
  .system_description_list > li > dl > dd {
    font-size: 14px;
  }
}

.underlayer_mv_lead_ttl {
  font-size: 20rem;
  line-height: calc(34 / 20);
  margin-bottom: 40rem;
}
.underlayer_mv_lead_txt {
  font-size: 14rem;
  line-height: calc(24 / 14);
}

/* member */
.member_list li {
  flex-direction: column;
  border-bottom: 1px solid var(--color-black);
}
.life_member {
  display: flex;
}
.life_member_txt {
  line-height: 1.6;
}
.life_column_txt_list {
  display: flex;
  flex-direction: column;
}
.life_column_txt_list li {
  display: flex;
}
@media (min-width: 769px) {
  .column {
    margin-top: 180px;
  }
  .column_ttl {
    /* width: calc(360 / 1248 * 100%); */
    width: calc((1206 - 30 - 640) / 1206 * 100%);
  }
  .column_txt_area {
    flex: 1;
    /* max-width: 685px; */
    /* padding-right: 40px; */
  }
  .life_member_txt {
    padding-block: 20px;
    font-size: 12px;
  }
  .life_column_txt_list {
    gap: 30px;
  }
  .life_column_txt_list li {
    justify-content: space-between;
    gap: 24px;
  }
  .life_column_txt_name {
    min-width: 64px;
    width: 64px;
  }
}
@media (max-width: 768px) {
  .life_column_txt_list li {
    flex-direction: column;
  }
  .life_member_txt {
    padding-block: 20rem;
    font-size: 12rem;
  }
  .life_column_txt_list {
    gap: 30rem;
  }
  .other_story_box {
    min-width: calc(var(--main-font-size) * 180);
  }
}
.other {
  --other-panel-width: 240;
}
.other_ttl_txt {
  font-size: calc(var(--main-font-size) * 12);
}
@media (min-width: 769px) {
  .other_story_box {
    min-width: calc(var(--main-font-size) * 190);
  }
}