@charset "utf-8";

/* mv */
@media (min-width: 769px) {
    .story1 .underlayer_mv_img {
        background: url('../../images/project/story1/mv.webp') no-repeat 50% 50% / cover;
    }
    .story2 .underlayer_mv_img {
        background: url('../../images/project/story2/mv.webp') no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .story1 .underlayer_mv_img {
        background: url('../../images/project/story1/mv_sp.webp') no-repeat 50% 50% / cover;
    }
    .story2 .underlayer_mv_img {
        background: url('../../images/project/story2/mv_sp.webp') no-repeat 50% 50% / cover;
    }
}
/* column */
@media (min-width: 769px) {
    .column_content {
        margin-top:181rem;
        gap:30rem;
    }
    .column_content + .column_content {
        margin-top: 0rem;
    }
    .column_ttl {
        width: calc((1206 - 30 - 640) / 1206 * 100%);
    }
    .column_txt_area {
        flex: 1;
    }
    .other_story_box {
        min-width: calc(var(--main-font-size) * 205);
    }
}
@media (max-width: 768px) {
}

.other {
    --other-panel-width: 300;
}