@charset "utf-8";

/* mv */
@media (min-width: 769px) {
    .underlayer_mv_img {
        background: url(../../images/info/message/mv.webp) no-repeat center / cover;
    }
}
@media (max-width: 768px) {
    .underlayer_mv_img {
        background: url(../../images/info/message/mv_sp.webp) no-repeat center / cover;
    }
}

/* message */
.message {
    margin-top: 100rem;
}
.message_content {
    display: flex;
}
.message_ttl {
    font-weight: 600;
}
.message_txt {
    line-height: 3;
}
@media (min-width: 769px) {
    .message_content {
        padding-inline: 80rem;
        justify-content: space-between;
    }
    .message_ttl {
        font-size: 60rem;
        line-height: 1.3;
    }
    .message_txt {
        font-size: 20rem;
        letter-spacing: .02em;
    }
}
@media (max-width: 768px) {
    .message_content {
        flex-direction: column;
        gap: 40rem;
    }
    .message_ttl {
        font-size: 32rem;
        line-height: 1.6;
    }
    .message_txt {
        font-size: 16rem;
        letter-spacing: -.01em;
    }
}

.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;
    }
}

/* 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);
    }
}