/* 2026年まとめ版 */

/*
黄金比
100
61.8
38.2
23.6
14.6
 9
 5.6
 3.4
 2.2
 1.3
 0.9
 0.4
*/

/* Common */

.left-text-col-of-text-and-picture, .right-text-col-of-text-and-picture {
    text-box: trim-start cap alphabetic;
}

.be-page-title {
    margin: 9vw 0 9vw 0;
    padding: 0;
    text-align: center;
}

.be-title {
    margin: 0;
    padding-bottom: 0.4vw;
    font-size: 1.3vw;
    font-weight: 700;
    letter-spacing: .1vw;
}

.be-sub-title {
    font-size: 0.9vw;
    font-weight: 400;
}

.be-section {
    padding-bottom: 5.6vw;
}

.be-section-title {
    margin-bottom: 3.4vw!important;
}

.be-section-name {
    font-size: 1.3vw;
    font-weight: 400!important; /* 一旦残す */
}

.be-p {
    margin: 0;
    font-size: min(4vw, 16px)!important;
    line-height: 36px;
    letter-spacing: 2px;
    color: #3E3A39;
}

.product-link {
    text-align: center;
    margin-bottom: 5.6vw;
}

@media (max-width: 991px) {

    .left-text-col-of-text-and-picture, .right-text-col-of-text-and-picture {
        text-box: unset;
    }

    .left-picture-col-of-text-and-picture, .right-picture-col-of-text-and-picture {
        padding-top: min(12vw, 48px);
    }

    .be-page-title {
        margin: 14.6vw 0 14.6vw 0;
        text-align: center;
    }

    .be-title {
        padding-bottom: 2.2vw;
        font-size: 5.6vw;
    }

    .be-sub-title {
        font-size: 3.4vw;
    }

    .be-section {
        padding-bottom: 14.6vw;
    }

    .be-section-title {
        margin-bottom: 9vw!important;
    }

    .be-section-name {
        font-size: 5.6vw;
    }

    .product-link {
        text-align: center;
        margin-bottom: 14.6vw;
    }

}


/* Ingredient */

.be-h3-ingredient {
    margin-bottom: min(8vw, 32px);
    font-size: min(4vw, 16px)!important;
    line-height: 36px;
    letter-spacing: 2px;
    color: #3E3A39;
    font-weight: 400;
}

.lower-col-left-picture {
    padding-top: calc(var(--bs-gutter-x) * .5)!important;
    padding-right: calc(var(--bs-gutter-x) * .25)!important;
}

.lower-col-right-picture {
    padding-top: calc(var(--bs-gutter-x) * .5)!important;
    padding-left: calc(var(--bs-gutter-x) * .25)!important;
}

@media (max-width: 991px) {
    .be-h3-ingredient {
        text-align: center;
    }
}