@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@1,700&display=swap";
section.recommend .common-inner {
    background-color: rgba(255, 221, 156, 0.6);
}
section.tanpakushitsu-busoku {
    padding-top: calc(40 / 390 * 100vw);
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku {
        padding-top: calc(40 / 1440 * 100vw);
    }
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner {
        max-width: calc(800 / 1440 * 100vw);
    }
}
section.tanpakushitsu-busoku .common-inner .margin-top {
    margin-top: calc(20 / 390 * 100vw);
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner .margin-top {
        margin-top: calc(40 / 1440 * 100vw);
    }
}
section.tanpakushitsu-busoku .common-inner .section-title {
    position: relative;
    margin: 0 auto;
    font-size: calc(24 / 390 * 100vw);
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    width: fit-content;
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner .section-title {
        font-size: calc(36 / 1440 * 100vw);
    }
}
section.tanpakushitsu-busoku .common-inner .section-title span {
    background: unset;
}
section.tanpakushitsu-busoku .common-inner .section-title::before {
    position: absolute;
    bottom: calc(4 / 390 * 100vw);
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    height: calc(10 / 390 * 100vw);
    margin: 0 auto;
    content: "";
    background-color: #ffbf42;
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner .section-title::before {
        bottom: calc(6 / 1440 * 100vw);
        height: calc(10 / 1440 * 100vw);
    }
}
section.tanpakushitsu-busoku .common-inner h3 {
    margin-top: calc(20 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
    font-weight: bold;
    text-align: center;
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner h3 {
        margin-top: calc(40 / 1440 * 100vw);
        font-size: calc(24 / 1440 * 100vw);
    }
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner .img-wrap {
        width: calc(540 / 1440 * 100vw);
        margin: 0 auto;
    }
}
section.tanpakushitsu-busoku .common-inner .amount {
    font-size: calc(12 / 390 * 100vw);
}
@media (min-width: 768px) {
    section.tanpakushitsu-busoku .common-inner .amount {
        font-size: calc(14 / 1440 * 100vw);
    }
}
section.feature .section-title span {
    background: unset;
}
section.feature .feature-content.not-margin-top {
    margin-top: 0;
}
section.feature .section-title {
    width: fit-content;
}
section.feature .section-title::before {
    position: absolute;
    bottom: calc(4 / 390 * 100vw);
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    height: calc(10 / 390 * 100vw);
    margin: 0 auto;
    content: "";
    background-color: #ffbf42;
}
@media (min-width: 768px) {
    section.feature .section-title::before {
        bottom: calc(6 / 1440 * 100vw);
        height: calc(10 / 1440 * 100vw);
    }
}
section.feature .feature-content .kinnikuzukuri {
    padding: calc(30 / 390 * 100vw) 0;
    margin: calc(35 / 390 * 100vw) calc((100vw - 350 / 390 * 100vw) / -2) 0 !important;
    background-color: #e8ecf0;
}
@media (min-width: 768px) {
    section.feature .feature-content .kinnikuzukuri {
        padding: calc(40 / 1440 * 100vw) 0;
        margin: calc(40 / 1440 * 100vw) calc((100vw - 800 / 1440 * 100vw) / -2) 0 !important;
    }
}
section.feature .feature-content .kinnikuzukuri .common-inner {
    padding: calc(10 / 390 * 100vw);
    background-color: #fff;
}
@media (min-width: 768px) {
    section.feature .feature-content .kinnikuzukuri .common-inner {
        padding: calc(20 / 1440 * 100vw);
    }
}
section.feature .feature-content .kinnikuzukuri .common-inner .section-title {
    position: relative;
    margin: 0 auto;
    font-size: calc(24 / 390 * 100vw);
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
}
@media (min-width: 768px) {
    section.feature .feature-content .kinnikuzukuri .common-inner .section-title {
        font-size: calc(36 / 1440 * 100vw);
    }
}
section.feature .feature-content .kinnikuzukuri .common-inner .img-wrap {
    margin-top: calc(20 / 390 * 100vw);
}
@media (min-width: 768px) {
    section.feature .feature-content .kinnikuzukuri .common-inner .img-wrap {
        width: calc(540 / 1440 * 100vw);
        margin: calc(40 / 1440 * 100vw) auto 0;
    }
}