.cupsake-progress {
    color: #1B2024;
}
.cupsake-progress__head {
    background-image: url(../img/dc-cupsake/progress/main-visual_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40rem 0;
}
.cupsake-progress__head-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupsake-progress__head__logo {
    width: 300rem;
    margin-bottom: 33rem;
}
.cupsake-progress__head_-logo-img {
    display: block;
    width: 100%;
}
.cupsake-progress__head__detail {
    border: 4px solid #EBF3FF;
    border-radius: 40px;
    padding: 6rem;
}
.cupsake-progress__head__detail-inner {
    background: rgba(235, 243, 255, 0.90);
    border-radius: 30px;
    padding: 30rem 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupsake-progress__head__detail-title {
    width: 300rem;
    margin-bottom: 20rem;
}
.cupsake-progress__head__detail-title-img {
    display: block;
    width: 100%;
}
.cupsake-progress__head__detail-text {
    text-align: center;
    font-size: 16rem;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.96px;
}
.cupsake-progress__head__detail-text-main {
    color: #00548F;
    text-align: center;
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 1.44px;
    display: block;
}
@media screen and (min-width: 768px) {
    .cupsake-progress {
        background-image: url(../img/dc-cupsake/progress/sales-decision_bg.jpg);
        background-repeat: repeat;
        background-size: 500px;
    }
    .cupsake-progress__head {
        background-image: url(../img/dc-cupsake/progress/main-visual_pc.jpg);
        padding: 100px 0;
        background-position: center;
        height: 918px;
        background-color: #EBF3FF;
        max-width: 1800px;
        margin: 0 auto;
    }
    .cupsake-progress__head-inner {
        max-width: 890px;
        padding: 0 15px;
        margin: 0 auto;
        width: 100%;
    }
    .cupsake-progress__head__logo {
        width: 582px;
        margin-bottom: 60px;
    }
    .cupsake-progress__head__detail-inner {
        padding: 30px;
    }
    .cupsake-progress__head__detail-title {
        width: 540px;
    }
    .cupsake-progress__head__detail-text {
        font-size: 18px;
    }
}


.cupsake-progress__sales-decision {
    background-image: url(../img/dc-cupsake/progress/sales-decision_bg.jpg);
    background-repeat: repeat;
    background-size: 375rem;
    position: relative;
}
.cupsake-progress__sales-decision::after {
    content: "";
    background-image: url(../img/dc-cupsake/progress/sales-decision_bg-design.png);
    background-repeat: no-repeat;
    background-size: 1512rem 273rem;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: -300rem;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 0;
}
.cupsake-progress__sales-decision__inner {
    width: 100%;
    padding: 60rem 15rem;
    max-width: 1230rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.cupsake-progress__contents-title {
    text-align: center;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 28rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 1.68px;
    margin-bottom: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupsake-progress__sales-decision__title-img {
    display: block;
    width: 264rem;
    margin-bottom: 14rem;
}
.cupsake-progress__sales-decision__content {
    display: flex;
    flex-direction: column;
    gap: 10rem;
}
.cupsake-progress__sales-decision__product {
    background-image: url(../img/dc-cupsake/progress/sales-decision__product-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.cupsake-progress__sales-decision__product-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34rem;
    margin-bottom: 8rem;
}
.cupsake-progress__sales-decision__product-item {
    width: fit-content;
}
.cupsake-progress__sales-decision__product-img {
    display: block;
    width: 87rem;
    margin-bottom: 8rem;
}
.cupsake-progress__sales-decision__product-title {
    text-align: center;
    font-size: 11rem;
    font-weight: 400;
    line-height: 1.25;
}
.cupsake-progress__sales-decision__product-taste {
    display: block;
    font-size: 9rem;
}
.cupsake-progress__sales-decision__product-description {
    text-align: center;
    font-size: 9px;
    line-height: 1;
    letter-spacing: 0.54px;
    border-radius: 4px;
    background: #F5F9FF;
    width: fit-content;
    padding: 5rem 7rem;
    margin: 0 auto;
}
.cupsake-progress__sales-decision__product-description--sub {
    text-align: center;
    font-size: 8rem;
    line-height: 1;
    letter-spacing: 0.48px;
}
.cupsake-progress__sales-decision__about-cupsake {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupsake-progress__sales-decision__about-cupsake-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 22rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 1.32px;
    margin-bottom: 10rem;
    display: flex;
    align-items: flex-end;
}
.cupsake-progress__sales-decision__about-cupsake-title::before {
    content: "";
    background-image: url(../img/dc-cupsake/progress/about-cupsake_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60rem;
    height: 60rem;
    display: block;
    margin-right: 4rem;
}
.cupsake-progress__sales-decision__about-cupsake-text {
    font-size: 16rem;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.96px;
}
.cupsake-progress__sales-decision__about-cupsake__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40rem;
}
.common-button__link--dc-cupsake {
    background-color: #00548F;
    border: 1px solid #00548F;
}
.common-button__link--dc-cupsake::after {
    background-image: url(../img/dc-cupsake/progress/icon_common-button_cupsake.png);
}
.cupsake-progress__sales-decision__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 160rem;
}
.cupsake-progress__collaboration {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupsake-progress__collaboration-title {
    margin-bottom: 10rem;
}
.cupsake-progress__collaboration-title-img {
    display: block;

}
.cupsake-progress__collaboration-img {
    display: block;
    width: 100%;
    margin-bottom: 10rem;
}
.cupsake-progress__collaboration-text {
    text-align: center;
    font-size: 16rem;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.96px;
}
@media screen and (min-width: 768px) {
    .cupsake-progress__sales-decision {
        background-repeat: repeat;
        background-size: 500px;
    }
    .cupsake-progress__sales-decision::after {
        background-size: 100% auto;
        bottom: -50px;
    }
    .cupsake-progress__sales-decision__inner {
        padding: 100px 15rem;
    }
    .cupsake-progress__contents-title {
        margin-bottom: 60rem;
        font-size: 36px;
        letter-spacing: 2.16px;
    }
    .cupsake-progress__sales-decision__title-img {
        width: 420px;
        margin-bottom: 10px;
    }
    .cupsake-progress__sales-decision__content {
        flex-direction: row;
    }
    .cupsake-progress__sales-decision__product {
        width: 55%;
    }
    .cupsake-progress__sales-decision__product-list {
        gap: 46px;
        margin-bottom: 16px;
    }
    .cupsake-progress__sales-decision__product-img {
        width: 150px;
        margin-bottom: 20px;
    }
    .cupsake-progress__sales-decision__product-title {
        font-size: 15px;
    }
    .cupsake-progress__sales-decision__product-taste {
        font-size: 12px;
    }
    .cupsake-progress__sales-decision__product-description {
        padding: 9px 45px;
        font-size: 13px;
        letter-spacing: 0.78px;
        border-radius: 10px;
    }
    .cupsake-progress__sales-decision__product-description--sub {
        font-size: 11px;
        letter-spacing: 0.66px;
    }
    .cupsake-progress__sales-decision__about-cupsake {
        width: 45%;
    }
    .cupsake-progress__sales-decision__about-cupsake-title {
        margin-bottom: 20px;
        font-size: 26px;
        letter-spacing: 1.56px;
        width: 100%;
    }
    .cupsake-progress__sales-decision__about-cupsake-title::before {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: 0;
    }
    .cupsake-progress__sales-decision__about-cupsake__inner {
        padding-left:  70px;
        align-items: flex-start;
    }
    .common-button__link:hover {
        color: #00548F;
        border: 1px solid #00548F;
    }
    .common-button__link:hover:after {
        background-image: url(../img/dc-cupsake/progress/icon_common-button_cupsake.png);
    }
    .cupsake-progress__sales-decision__content-wrapper {
        gap: 188px;
    }
    .cupsake-progress__collaboration-title-img {
        width: 450px;
    }
    .cupsake-progress__collaboration-img {
        max-width: 652px;
    }
    .cupsake-progress__collaboration-text {
        font-size: 18px;
        letter-spacing: 1.08px;
    }
}

.cupsake-progress__progress {
    background-color: #EBF3FF;
    padding: 60rem 0 40rem;
    position: relative;
}
.cupsake-progress__progress::before {
    content: "";
    background-image: url(../img/dc-cupsake/progress/progress_bg-design.png);
    background-repeat: no-repeat;
    background-size: 800rem 160rem;
    position: absolute;
    top: 0;
    right: 0;
    left: -208px;
    margin: auto;
    width: 800rem;
    height: 160rem;
}
.cupsake-progress__progress-inner {
    width: 100%;
    max-width: 1230rem;
    margin: 0 auto;
    padding: 0 15rem;
    position: relative;
}
.cupsake-progress__progress-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10rem;
    margin-bottom: 40rem;
}
.cupsake-progress__progress-item {
    width: 273rem;
    border-radius: 20px;
    border: 1px solid #E1ECFA;
    background: #FFF;
}
.cupsake-progress__progress-link {
    display: block;
    padding: 20rem 0 10rem;
}
.cupsake-progress__progress-title {
    font-size: 14rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.84px;
    color: #1B2024;
    margin-bottom: 14rem;
}
.cupsake-progress__progress-title-num {
    color: #FFF;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 11rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.66px;
    border-radius: 0 4rem 4rem 0;
    background: #0062A7;
    padding: 2rem 6rem;
    margin-right: 10rem;
}
.cupsake-progress__insta-img {
    display: block;
    width: 100%;
}
.cupsake-progress__insta-caption-wrap {
    padding: 10rem;
}
.cupsake-progress__insta-caption {
    font-size: 11rem;
}
.cupsake-progress__insta-caption-rest {
    font-size: 11rem;
}
.cupsake-progress__sake-note {
    font-size: 12rem;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.72px;
    margin-bottom: 80rem;
}
.cupsake-progress__banner-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10rem;
}
.cupsake-progress__banner-item {
    width: 100%;
    max-width: 582rem;
}
.cupsake-progress__banner-link {
    display: block;
}
.cupsake-progress__banner-img {
    display: block;
    max-width: 100%;
}
.cupsake-progress__insta-more-btn {
    color: #0062A7;
    font-size: 12rem;
    display: inline-block;
}
.cupsake-progress__insta-close-btn {
    color: #0062A7;
    font-size: 12rem;
    display: block;
    margin: 5rem auto 0;
    text-align: right;
}
@media screen and (min-width: 768px) {
    .cupsake-progress__progress {
        padding: 100px 0 60px;
    }
    .cupsake-progress__progress::before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }
    .cupsake-progress__progress-list {
        flex-direction: row;
        gap: 36px;
        margin-bottom: 60px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .cupsake-progress__progress-link {
        display: block;
        padding: 20rem 0 10rem;
    }
    .cupsake-progress__progress-title {
        font-size: 14rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.84px;
        color: #1B2024;
    }
    .cupsake-progress__progress-title-num {
        color: #FFF;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-size: 11rem;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0.66px;
        border-radius: 0 4rem 4rem 0;
        background: #0062A7;
        padding: 2rem 6rem;
        margin-right: 10rem;
    }
    .cupsake-progress__sake-note {
        font-size: 12rem;
        font-weight: 300;
        line-height: 1.7;
        letter-spacing: 0.72px;
        margin-bottom: 80rem;
    }
    .cupsake-progress__banner-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10rem;
    }
    .cupsake-progress__banner-item {
        width: 100%;
        max-width: 582rem;
    }
    .cupsake-progress__banner-link {
        display: block;
        overflow: hidden;
    }
    .cupsake-progress__banner-img {
        transition: .3s all;
    }
    .cupsake-progress__banner-link:hover .cupsake-progress__banner-img {
        transform: scale(1.05);
    }
}

/* モーダル・オーバーレイ・スクロールロック */

/* モーダル表示用クラス */
.cupsake-progress__sales-decision__about-cupsake-modal {
    display: none;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    padding: 134rem 15rem 0;
    background: #fff;
    overflow: hidden;
    height: 100vh;
}
.cupsake-progress__sales-decision__about-cupsake-modal.is-open {
    display: flex;
}

.cupsake-progress__sales-decision__about-cupsake-modal__inner {
    max-width: 788rem;
    width: 100%;
    overflow: scroll;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 110rem;
}
.about-cupsake-modal__head {
    margin-bottom: 60rem;
}
.about-cupsake-modal_title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 1.44px;
    text-align: center;
    margin-bottom: 16rem;
}
.about-cupsake-modal_img {
    display: block;
    width: 100%;
    margin-bottom: 20rem;
}
.about-cupsake-modal_lead-text {
    font-size: 14rem;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.84px;
}
.about-cupsake-modal_lead-text-span {
    font-size: 14rem;
    font-weight: 600;
    line-height: 170%;
    letter-spacing: 0.84px;
    background: linear-gradient(transparent 75%, #F2A090 0);
}

/* スクロールロック用クラス */
.modal-scroll-lock {
    overflow: hidden !important;
    /* height: 100vh !important; 削除 */
}
.about-cupsake-modal__list {
    display: flex;
    flex-direction: column;
    gap: 48rem;
}
.about-cupsake-modal__item {
    width: 100%;
}
.about-cupsake-modal__item-title {
    font-size: 16rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.96px;
    margin-bottom: 20rem;
    display: flex;
    align-items: center;
}
.about-cupsake-modal__item-title::before {
    content: "";
    background-image: url(../img/dc-cupsake/progress/about-cupsake-modal_sake-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40rem;
    height: 40rem;
    display: block;
    margin-right: 4rem;
}
.about-cupsake-modal__item-img {
    display: block;
    width: 100%;
    margin-bottom: 20rem;
}
.about-cupsake-modal__item-description {
    font-size: 14rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.84px;
    margin-bottom: 20rem;
}
.about-cupsake-modal__item-dl {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.about-cupsake-modal__item-detail-wrap {
    display: flex;
    border-bottom: 1px solid #E1ECFA;
}
.about-cupsake-modal__item-dt {
    text-align: center;
    font-size: 12rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.72px;
    padding: 12rem 10rem;
    width: 90rem;
    border-radius: 4px 4px 0 4px;
    background: #E1ECFA;
    color: #00548F;
}
.about-cupsake-modal__item-dd {
    width: 100%;
    font-size: 14rem;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.84px;
    padding: 8rem 20rem;
}
.about-cupsake-modal__under-close-button {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border-radius: 25px;
    background: #00548F;
    padding: 16rem 36rem 16rem 56rem;
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    border: none;
    margin: 60rem auto 0;
}
.about-cupsake-modal__under-close-button::before {
    content: "";
    display: block;
    background-color: #FFF;
    width: 18px;
    height: 2px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 26rem;
    transform: rotate(45deg);
}
.about-cupsake-modal__under-close-button::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 18px;
    height: 2px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 26rem;
    transform: rotate(-45deg);
}
.about-cupsake-modal__close-button {
    width: 46rem;
    height: 46rem;
    position: absolute;
    top: 70rem;
    right: 20rem;
    border: none;
    background-color: transparent;
}
.about-cupsake-modal__close-button::before {
    content: "";
    display: block;
    background-image: url(../img/dc-cupsake/progress/modal-close-button.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 46rem;
    height: 46rem;
}
@media screen and (min-width: 768px) {
    .cupsake-progress__sales-decision__about-cupsake-modal {
        max-width: 788px;
        padding: 80px 67px 0;
        height: 702px;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 20px;
    }

    .cupsake-progress__sales-decision__about-cupsake-modal__inner {
        width: 100%;
        overflow: scroll;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 80px;
    }

    .about-cupsake-modal__close-button {
        top: 16rem;
        right: 26rem;
    }
    .about-cupsake-modal__head {
        margin-bottom: 70px;
    }
    .about-cupsake-modal_title {
        font-size: 28px;
        letter-spacing: 1.68px;
    }
    .about-cupsake-modal_lead-text {
        font-size: 15px;
        letter-spacing: 0.9px;
    }
    .about-cupsake-modal_lead-text-span {
        font-size: 15px;
        letter-spacing: 0.9px;
    }
    .about-cupsake-modal__list {
        flex-direction: row;
        gap: 36px;
    }
    .about-cupsake-modal__item {
        width: calc( ( 100% - 36px ) / 2 );
    }
    .about-cupsake-modal__item-description {
        font-size: 15px;
        letter-spacing: 0.9px;
    }
    .about-cupsake-modal__item-dd {
        width: 100%;
        font-size: 15px;
        letter-spacing: 0.9px;
    }
    .about-cupsake-modal__under-close-button {
        display: block;
        border: none;
    }
}
.new-breadcrumb {
    position: relative;
    z-index: 1;
}