/* MV */
.cake .heading--primary.imgBg {
    background-image: url(../../img/mv_nousan_page.webp);
    margin-bottom: 60rem;
}

@media screen and (max-width: 767.9px) {
    .cake .heading--primary.imgBg {
        margin-bottom: 38rem;
    }
}

/* about */
.about {
    padding-top: 131rem;
}

.about>.text {
    margin: 51rem 0 32rem;
}

.about .card__lists {
    flex-wrap: nowrap;
    gap: 0;
}

.about .about__wrapper {
    width: 507rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.card {
    width: 240rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card__img {
    height: 250rem;
    align-self: center;
}

.card__text {
    font-size: 14rem;
    transform: translateY(8rem);
}
sub {
    vertical-align: baseline;
}
@media screen and (max-width: 767.9px) {
    .about {
        padding-top: 59rem;
    }

    .about>.text {
        margin: 32rem 0;
    }

    .about .about__wrapper {
        width: 100%;
        flex-direction: column;
    }

    .card {
        width: 100%;
        margin-top: 40rem;
    }

    .card__text {
        margin-top: 6rem;
    }
}

/* flow */
.flow {
    padding-top: 41rem;
}

.flow>.text {
    margin: 51rem 0 33rem;
}

@media screen and (max-width: 767.9px) {
    .flow {
        padding-top: 19rem;
    }

    .flow>.text {
        margin: 32rem 0 42rem;
    }
    .flow .scroll__wrapper {
        padding-top: 85rem;
    }
    .flow .scroll__img {
        width: 772rem;
    }
}

/* quality */
.quality {
    padding-top: 40rem;
}

.quality>.text {
    margin: 51rem 0 33rem;
    letter-spacing: -.015em;
}

.btn--bottom {
    margin: 39rem auto 50rem;
}

@media screen and (max-width: 767.9px) {
    .quality {
        padding-top: 6rem;
    }

    .quality>.text {
        margin: 33rem 0 31rem;
    }

    .btn--bottom {
        margin: 80rem auto 32rem;
    }
}