@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);
    }
}