@charset "utf-8";

.pc {
    display: block;
}

.sp {
    display: none;
}

@media(max-width:767px) {

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

}

.commit_sec1 {
    background: url(../img/commit/sec1_bg.jpg);
    background-size: cover;
    padding: 21px 0 20px;
    margin-top: -1px;
}

.commit_sec1 .flex {
    margin-top: 5.88235294117647vw;
    align-items: center;
}

.flex.first {
    margin-top: 4.411764705882353vw;
}

.commit_sec1 .flex {
    margin-top: 5.88235294117647vw;
    align-items: center;
}

.flex_50 {
    width: 50%;
}

.commit_sec1 .flex h3 {
    font-size: 2.2058823529411766vw;
    margin: 0 auto 20px;
    text-align: left;
    color: var(--System-Gray-000, #FFF);
    font-family: "Noto Sans JP";
    font-style: italic;
    font-weight: 700;
    line-height: 2.794117647058824vw;
    letter-spacing: 0.5px;
    width: 35.294117647058826vw;
}

.commit_sec1 .flex .txt_box {
    width: 35.294117647058826vw;
    margin: auto;
    text-align: left;
    position: relative;
}

.commit_sec1 .flex p {
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 1px;
}

.commit_sec1 .flex a {
    color: #fff;
    border: solid 1px;
    margin-top: 1.4705882352941175vw;
}

a.view_more {
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    width: 11.98529411764706vw;
    height: 2.6470588235294117vw;
    align-items: center;
    justify-content: center;
}

.commit_sec1 .flex p.no {
    position: absolute;
    right: 2px;
    bottom: -3.6764705882352944vw;
    font-size: 8.38235294117647vw;
    font-family: Inter;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    opacity: 0.2;
}

.commit_sec1 .flex .in_flex {
    display: flex;
    margin-top: 1.4705882352941175vw;
}

.commit_sec1 .flex .in_flex .name_icon {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 6.61764705882353vw;
    margin-right: 1.25vw;
    align-items: center;
    z-index: 2;
}

.thumbnail_slider {
    position: relative;
    width: 1060px;
    margin: auto;
}

.thumbnail_slider .swiper-container {
    position: relative;
    width: 910px;
    margin: 80px auto;
    overflow: hidden;
}

.commit_sec2 {
    position: relative;
    background: var(--System-Gray-050, #FAFAFA);
    padding: 20px 0 20px;
}

.commit_sec2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 16.911764705882355vw;
    bottom: 0;
    background: linear-gradient(254deg, rgba(0, 192, 181, 0.91) -13.78%, #FF7742 104.89%);
    z-index: 1;
}

.staff_slider .swiper-slide {
    opacity: .6;
    z-index: 3;
}

.staff_slider .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.staff_slider {
    position: relative;
    margin-top: 20px;
    z-index: 3;
}

.commit_sec3 {
    padding: 20px 0;
    background: url(../img/commit/oneday_bg.jpg);
}

.one_day {
    margin-top: 20px;
}

.commit_sec3 .more_center {
    margin: 0 0 0;
}

.service_detail_inner {
    margin-bottom: 20px;
}

.commit_sec4 {
    background: url(../img/commit/mes_bg.png);
    background-size: cover;
    padding: 142px 0 85px;
}

.bg-image-2.d-pc-flex {
    display: flex;
}

.bg-image-2.d-pc-flex .flex {
    width: 45%;
    margin: 0 0 0 auto;
}

p.h2_btm {
    color: #212121;
}

.view_btn {
    display: none;
}

.sec04-01 {
    color: #fff;
    margin-bottom: 20px;


    .sec04-01_wrap {
        display: flex;
        align-items: center;
        margin-bottom: 20px;

        .sec04-01_swiper {
            width: 50vw;
        }

        .sec04-01_dis {
            width: 36.294118vw;
            text-align: left;
            margin-left: 6.352941vw;
            position: relative;

            h3 {
                font-size: 2.2058823529411766vw;
                font-weight: 700;
                font-style: italic;
                margin-bottom: 1.4705882352941175vw;
            }

            p {
                margin-bottom: 1.4705882352941175vw;
            }

            span {
                position: absolute;
                opacity: 0.2;
                font-size: 8.38235294117647vw;
                font-style: italic;
                font-weight: 600;
                top: 11.029411764705882vw;
                right: 0;
                padding-right: .8vw;
            }
        }
    }

}

.thumbnail-container {
    width: 77.94117647058823vw;
    margin: 0 auto;
    position: relative;

    .thumb_img {
        transition: opacity .5s;
        width: 12.5vw !important;
    }

    .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
        opacity: 1;
    }

    /* 矢印のクリック範囲など */
    .splide__arrow {
        background-color: transparent;
        /* ボタンの背景を透明にする */
        height: 3.6764705882352944vw;
        transition: .2s;
        width: 3.6764705882352944vw;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        opacity: 0;
    }

    .swiper-button-next {
        right: -50px;
    }

    .swiper-button-prev {
        left: -68px;
    }

    /* 矢印共通のスタイル */
    .splide__arrow::before {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 3.6764705882352944vw;
        left: 0;
        margin: auto;
        position: absolute;
        top: 0;
        width: 3.6764705882352944vw;
    }

    /* 前の矢印 */
    .thum-prev01::before {
        background-image: url(../img/service_gym/prev-btn.svg);
    }

    /* 次の矢印 */
    .thum-next01::before {
        background-image: url(../img/service_gym/next-btn.svg);
    }

    /* 次のスライドが無い場合の矢印 */
    .splide__arrow:disabled::before {
        opacity: .5;
    }

}

@media(max-width:767px) {

    .sec04-01 {
        margin-bottom: 20px;


        .sec04-01_wrap {
            display: block;
            margin-bottom: 10.256410256410255vw;

            .sec04-01_swiper {
                width: 92.3076923076923vw;
            }

            .sec04-01_dis {
                width: 84.61538461538461vw;
                margin: 20px auto 0;
                position: relative;

                h3 {
                    font-size: 5.641025641025641vw;
                    margin-bottom: 5.128205128205128vw;
                    letter-spacing: 0.005em;
                }

                p {
                    margin-bottom: 10.256410256410255vw;
                    letter-spacing: 0.08em;
                }

                span {
                    font-size: 29.230769230769234vw;
                    top: 43.58974358974359vw;
                    width: 40vw;
                    right: 0;
                    letter-spacing: -.5vw;
                }
            }
        }
    }

    .thumbnail-container {
        width: 84.61538461538461vw;

        .thumb_img {
            width: 27.692307692307693vw !important;
        }

        /* 矢印のクリック範囲など */
        .splide__arrow {
            height: 7.435897435897436vw;
            transition: .2s;
            width: 7.435897435897436vw;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            opacity: 0;
        }

        .swiper-button-next {
            right: -20px;
        }

        .swiper-button-prev {
            left: -20px;
        }

        /* 矢印共通のスタイル */
        .splide__arrow::before {
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 0;
            content: "";
            height: 7.435897435897436vw;
            left: 0;
            margin: auto;
            position: absolute;
            top: 0;
            width: 7.435897435897436vw;
        }

        /* 前の矢印 */
        .thum-prev01::before {
            background-image: url(../img/service_gym/prev-btn.svg);
        }

        /* 次の矢印 */
        .thum-next01::before {
            background-image: url(../img/service_gym/next-btn.svg);
        }

        /* 次のスライドが無い場合の矢印 */
        .splide__arrow:disabled::before {
            opacity: .5;
        }
    }
}

/* sec04-02 */

.sec04-02 {
    color: #fff;
    display: flex;
    justify-content: right;
    align-items: center;
    margin-bottom: 20px;

    .sec04-02_dis {
        width: 36.294118vw;
        text-align: left;
        margin-right: 6.352941vw;
        position: relative;

        h3 {
            font-size: 2.2058823529411766vw;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 1.4705882352941175vw;
        }

        p {
            margin-bottom: 1.4705882352941175vw;
        }

        img {
            z-index: 2;
            position: relative;
            width: 29.411764705882355vw;
        }

        span {
            position: absolute;
            opacity: 0.2;
            font-size: 8.38235294117647vw;
            font-style: italic;
            font-weight: 600;
            top: 14.191176470588236vw;
            right: -2vw;
            z-index: 1;
            padding-right: .8vw;
        }
    }

    .sec04-02_img {
        width: 50vw;
    }

}

@media(max-width:767px) {

    .sec04-02 {
        margin-bottom: 20px;
        flex-direction: column-reverse;

        .sec04-02_img {
            width: 92.3076923076923vw;
            margin-left: auto;
        }

        .sec04-02_dis {
            width: 84.61538461538461vw;
            margin: 20px auto 0;
            position: relative;

            h3 {
                font-size: 5.641025641025641vw;
                margin-bottom: 5.128205128205128vw;
                letter-spacing: 0.005em;
            }

            p {
                margin-bottom: 5.128205128205128vw;
                letter-spacing: 0.08em;
            }

            img {
                width: 85.38461538461539vw;
            }

            span {
                position: absolute;
                opacity: 0.2;
                font-style: italic;
                font-weight: 600;
                z-index: 1;
                font-size: 29.230769230769234vw;
                top: 20.59vw;
                width: 36vw;
                right: 0;
                letter-spacing: -.5vw;
            }
        }
    }
}


/* sec04-03 */

.sec04-03 {
    color: #fff;
    margin-bottom: 20px;
}

.sec04-03_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

    .sec04-03_swiper {
        width: 50vw;
    }

    .sec04-03_dis {
        width: 36.294118vw;
        text-align: left;
        margin-left: 6.352941vw;
        position: relative;

        h3 {
            font-size: 2.2058823529411766vw;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 1.4705882352941175vw;
            color: #fcfcfc;
        }

        p {
            margin-bottom: 1.4705882352941175vw;
        }

        span {
            position: absolute;
            opacity: 0.2;
            font-size: 8.38235294117647vw;
            font-style: italic;
            font-weight: 600;
            top: 11.029411764705882vw;
            right: 0;
            width: 11vw;
        }
    }
}

.thumbnail-container_03 {
    width: 77.94117647058823vw;
    margin: 0 auto;
    position: relative;

    .thumb_img {
        transition: opacity .5s;
        width: 12.5vw !important;
    }

    .slider-thumbnail_03 .swiper-slide.swiper-slide-thumb-active {
        opacity: 1;
    }

    /* 矢印のクリック範囲など */
    .splide__arrow {
        background-color: transparent;
        /* ボタンの背景を透明にする */
        height: 3.6764705882352944vw;
        transition: .2s;
        width: 3.6764705882352944vw;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        opacity: 0;
    }

    .swiper-button-next {
        right: -20px;
    }

    .swiper-button-prev {
        left: -68px;
    }

    /* 矢印共通のスタイル */
    .splide__arrow::before {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        height: 3.6764705882352944vw;
        left: 0;
        margin: auto;
        position: absolute;
        top: 0;
        width: 3.6764705882352944vw;
    }

    /* 前の矢印 */
    .thum-prev03::before {
        background-image: url(../img/service_gym/prev-btn.svg);
    }

    /* 次の矢印 */
    .thum-next03::before {
        background-image: url(../img/service_gym/next-btn.svg);
    }

    /* 次のスライドが無い場合の矢印 */
    .splide__arrow:disabled::before {
        opacity: .5;
    }
}

@media(max-width:767px) {

    .sec04-03 {
        margin-bottom: 20px;


        .sec04-03_wrap {
            display: block;
            margin-bottom: 20px;

            .sec04-03_swiper {
                width: 92.3076923076923vw;
            }

            .sec04-03_dis {
                width: 84.61538461538461vw;
                margin: 20px auto 0;
                position: relative;

                h3 {
                    font-size: 5.641025641025641vw;
                    margin-bottom: 20px;
                    letter-spacing: 0.005em;
                }

                p {
                    margin-bottom: 20px;
                    letter-spacing: 0.08em;
                }

                span {
                    font-size: 29.230769230769234vw;
                    top: 37.589744vw;
                    width: 40vw;
                    letter-spacing: -.5vw;
                }
            }
        }
    }

    .thumbnail-container_03 {
        width: 84.61538461538461vw;

        .thumb_img {
            width: 27.692307692307693vw !important;
        }

        /* 矢印のクリック範囲など */
        .splide__arrow {
            height: 7.435897435897436vw;
            transition: .2s;
            width: 7.435897435897436vw;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            opacity: 0;
        }

        .swiper-button-next {
            right: -20px;
        }

        .swiper-button-prev {
            left: -20px;
        }

        /* 矢印共通のスタイル */
        .splide__arrow::before {
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 0;
            content: "";
            height: 7.435897435897436vw;
            left: 0;
            margin: auto;
            position: absolute;
            top: 0;
            width: 7.435897435897436vw;
        }

        /* 前の矢印 */
        .thum-prev03::before {
            background-image: url(../img/service_gym/prev-btn.svg);
        }

        /* 次の矢印 */
        .thum-next03::before {
            background-image: url(../img/service_gym/next-btn.svg);
        }

        /* 次のスライドが無い場合の矢印 */
        .splide__arrow:disabled::before {
            opacity: .5;
        }
    }
}


/* sec04-04 */

.sec04-04 {
    color: #fff;
    display: flex;
    justify-content: right;
    align-items: center;
    margin-bottom: 0;

    .sec04-04_dis {
        width: 36.294118vw;
        text-align: left;
        margin-right: 6.352941vw;
        position: relative;

        h3 {
            font-size: 2.2058823529411766vw;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 1.4705882352941175vw;
        }

        p {
            margin-bottom: 1.4705882352941175vw;
        }

        img {
            z-index: 2;
            position: relative;
            width: 29.411764705882355vw;
        }

        span {
            position: absolute;
            opacity: 0.2;
            font-size: 8.38235294117647vw;
            font-style: italic;
            font-weight: 600;
            top: 9.191176470588236vw;
            right: 0;
            z-index: 1;
            width: 11vw;
        }
    }

    .sec04-04_img {
        width: 50vw;
    }

}

@media(max-width:767px) {

    .sec04-04 {
        margin-bottom: 0;
        flex-direction: column-reverse;

        .sec04-04_img {
            width: 92.3076923076923vw;
            margin-left: auto;
        }

        .sec04-04_dis {
            width: 84.61538461538461vw;
            margin: 20px auto 0;
            position: relative;

            h3 {
                font-size: 5.641025641025641vw;
                margin-bottom: 20px;
                letter-spacing: 0.005em;
            }

            p {
                margin-bottom: 0;
                letter-spacing: 0.08em;
            }

            img {
                width: 85.38461538461539vw;
            }

            span {
                font-size: 29.230769230769234vw;
                top: 35.58974358974359vw;
                width: 40vw;
                letter-spacing: -.5vw;
            }
        }
    }
}

@media screen and (max-width: 767px) {

    .commit_sec1 {
        padding: 20px 0;

        p {
            font-size: 4.050632911392405vw;
        }
    }
    .commit_sec1 {
        .flex {

            .flex_50 {
                width: 93%;
            }

            .flex_50.txt {
                width: 87%;
                margin: 0 6.5%;
            }

            h3 {
                font-size: 22px;
                font-style: normal;
                font-weight: 700;
                line-height: 38px;
                letter-spacing: 0.5px;
                margin-top: 30px;
                margin-bottom: 20px;
                width: 100%;
            }

            .txt_box {
                width: 100%;
            }
        }
    }

    .commit_sec2 {
        padding: 20px 0 20px;
    }

    .commit_sec2:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 243px;
        bottom: 0;
        background: linear-gradient(254deg, rgba(0, 192, 181, 0.91) -13.78%, #FF7742 104.89%);
        z-index: 1;
    }

    .staff_slider {
        width: 93%;
        padding-bottom: 0;
        margin: 0 auto 0;
    }

    p.h2_btm {
        color: #212121;
        font-size: 4.145vw;
    }

    .sec6.commit {
        padding: 20px 0 0;

        .inner_wrap {
            width: 92.294118vw;
            margin: auto;
        }
    }

    .sec4.d-pc-flex.commit {
        padding: 20px 0 0;
    }

    .commit_sec4 {
        background: url(../img/commit/sp/mes_bg.png);
        background-size: cover;
        padding: 129px 0 60px;

        .bg-image-2.d-pc-flex {
            display: flex;
            flex-direction: column;
        }

        .bg-image-2.d-pc-flex .flex {
            width: 87%;
            margin: 0 auto 0;
        }

        .bg-image-2.d-pc-flex .flex:last-child {
            margin-top: 20px;
        }
    }
}

/* 24gym */

h4.md_new {
    width: 23vw;
    margin-bottom: .8vw;
}

.md_wrap {
    width: 58%;
    margin-right: -1vw;
}

.gym h4.md_new img {
    width: 100%;
}

span.sml {
    display: block;
    font-size: .8vw;
    color: #9c9c9c;
}

.service_detail p {
    color: #212121;
}

.flex_md {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gym .flex_md div.md {
    width: 15vw;
}

.md_flex {
    display: flex;
    justify-content: center;
}

.md_flex p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    color: #00C0B5;
    background: var(--bg-grn-bg, #EBFAF8);
    margin: 0 4px;
    padding: 10px;
    line-height: 1.2;
    font-size: 1vw;
}

span.sml {
    margin-right: unset !important;
    font-weight: 500;
}

.gym .basic_plan .basic_plan-dis-wrap .flex_md div.md {
    width: 15vw;
}

.gym .basic_plan .basic_plan-dis-wrap .flex_md div.md.long {
    width: 25vw;
}

.span_wrap {
    display: flex;
    margin-top: .8vw;
    margin-left: 1vw;
}

.span_wrap span {
    font-size: 1vw;
    letter-spacing: 1px;
}

.gym {

    margin-bottom: 20px;

    .title-wrap {
        background: linear-gradient(88deg, #00C0B5 -109.94%, #5DF3CF 112.68%);
        padding: 1.1764705882352942vw 2.941176470588235vw;

        h3 {
            font-size: 2.5vw;
            text-align: left;
            color: #fff;
        }
    }

    p.service_price {
        background: linear-gradient(89deg, #00C0B5 -8.51%, #5DF3CF 197.88%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 3.162vw;
        font-family: 'Inter';
        font-style: italic;
        font-weight: 500;
        margin-left: 0;
        display: inline-block;
        line-height: 1.2;

        span.b_tag {
            position: relative;
            width: 4.479vw;
            display: inline-block;
            font-size: 1.224vw;
            font-style: normal;
            text-align: center;
            vertical-align: middle;
            background: #212121;
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            margin-left: 0;
            margin-right: .1vw;
        }

        span.b_tag:after {
            position: absolute;
            content: "";
            width: 3.412vw;
            height: 3.412vw;
            display: inline-block;
            font-size: 1.324vw;
            text-align: center;
            vertical-align: middle;
            border: solid 1px #212121;
            border-radius: 50%;
            left: 0.421vw;
            top: -1.2vw;
        }

        span.yen {
            font-size: 1.618vw;
            font-family: 'Noto Sans JP';
            font-style: normal;
            margin-left: 0.368vw;
            margin-right: 0;
        }

        span.s-sml {
            background: #818181;
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            margin-left: 0;
            margin-right: 0;
            font-size: .8vw;
            font-style: normal;
        }
    }

    .special_benefits {
        display: flex;
        align-items: center;
        border-bottom: 1px dotted #9E9E9E;
        padding-bottom: .5vw;
        margin-bottom: .5vw;
    }

    .new_tokuten {
        display: flex;
        margin-bottom: 7px;

        p.price_tag {
            position: relative;
            line-height: 1.2;
            letter-spacing: 2px;
        }

        .ribbon14 {
            display: inline-block;
            position: absolute;
            top: 0;
            right: -4.476vw;
            margin: 0;
            padding: 10px 6px;
            z-index: 2;
            width: 40px;
            text-align: center;
            font-size: 17px;
            color: white;
            background: #00C0B5;
        }

        .ribbon14:after {
            content: '';
            position: absolute;
            left: 0;
            top: 100%;
            height: 0;
            width: 0;
            border-left: 26px solid #00C0B5;
            border-right: 26px solid #00C0B5;
            border-bottom: 10px solid transparent;
        }

        .tokuten_detail {
            margin-left: 5.847vw;
        }

        span.span1 {
            color: #212121;
            font-size: 1.3vw;
            letter-spacing: -2px;
        }

        span.span2 {
            font-size: 25px;
            color: #34c0b4;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 1px;
        }

        span.span3 {
            color: #818181;
            font-size: 12px;
            display: inline-block;
            vertical-align: text-top;
        }
    }

    h4.md {
        position: relative;
        color: #fcfcfc;
        background: #212121;
        font-weight: 400;
        font-size: .9vw;
        padding: 0 1vw;
        display: inline-block;
        z-index: 2;
    }

    div.md {
        margin-bottom: -8px;
        text-align: center;
        width: 23vw;
    }

    .md p {
        position: relative;
        top: -12px;
        color: #212121;
        font-size: 1vw;
        border: 1px solid var(--System-Gray-400, #BDBDBD);
        background: var(--bg-grn-bg, #EBFAF8);
        padding: 8px 0 3px;
        line-height: 1.75;
        justify-content: center;
    }

    .plan-wrap {
        padding: 20px 2.794117647058824vw;
        background-color: #FAFAFA;
    }

    .gym-img {
        width: 30.821323529411764vw;
        margin-right: 2.0588235294117645vw;
    }

    .lite_plan {
        padding-bottom: 20px;
        border-bottom: 1px dotted #9E9E9E;
        align-items: center;
    }

    .lite_plan-dis-wrap {
        width: 46.7vw;
        text-align: left;

        .lite_plan-dis {
            text-align: left;
            border-bottom: 1px dotted #9E9E9E;
            padding-bottom: 0.8823529411764706vw;
            margin-bottom: 1.4705882352941175vw;

            h3 {
                font-size: 2.594117647058824vw;
                background: linear-gradient(88deg, #00C0B5 -109.94%, #5DF3CF 112.68%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-right: 0.7352941176470588vw;
                font-weight: 600;
            }

            span {
                font-size: 1.0294117647058822vw;
                font-weight: 400;
                color: #9E9E9E;
                margin-right: 1.7647058823529411vw;
            }
        }

        .benefits {
            margin-bottom: 0.7352941176470588vw;
        }

        span {
            margin-right: 1.3705882352941175vw;
        }

        .price-img {
            width: 16.691176470588236vw;
        }

        .flex {
            justify-content: left;
            align-items: center;
        }

    }

    .basic_plan {
        margin-top: 20px;
        padding-bottom: 20px;
        align-items: center;
        flex-wrap: nowrap;

        .basic_plan-dis-wrap {
            width: 46.911764705882355vw;
            text-align: left;

            .basic_plan-dis {
                text-align: left;
                border-bottom: 1px dotted #9E9E9E;
                padding-bottom: 0.8823529411764706vw;
                margin-bottom: 1.4705882352941175vw;

                h3 {
                    font-size: 2.594117647058824vw;
                    background: linear-gradient(88deg, #00C0B5 -109.94%, #5DF3CF 112.68%);
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    margin-right: 0.7352941176470588vw;
                    font-weight: 600;
                    letter-spacing: 0.0061em;

                }

                p.service_price {
                    background: linear-gradient(89deg, #00C0B5 -8.51%, #5DF3CF 197.88%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    font-size: 3.162vw;
                    font-family: 'Inter';
                    font-style: italic;
                    font-weight: 500;
                    margin-left: 0;
                    display: inline-block;
                    line-height: 1.2;
            
                    span.b_tag {
                        position: relative;
                        width: 4.479vw;
                        display: inline-block;
                        font-size: 1.224vw;
                        font-style: normal;
                        text-align: center;
                        vertical-align: middle;
                        background: #212121;
                        -webkit-text-fill-color: transparent;
                        -webkit-background-clip: text;
                        margin-left: 0;
                        margin-right: .1vw;
                    }
            
                    span.b_tag:after {
                        position: absolute;
                        content: "";
                        width: 3.412vw;
                        height: 3.412vw;
                        display: inline-block;
                        font-size: 1.324vw;
                        text-align: center;
                        vertical-align: middle;
                        border: solid 1px #212121;
                        border-radius: 50%;
                        left: 0.421vw;
                        top: -1.2vw;
                    }
            
                    span.yen {
                        font-size: 1.618vw;
                        font-family: 'Noto Sans JP';
                        font-style: normal;
                        margin-left: 0.368vw;
                        margin-right: 0;
                    }
            
                    span.s-sml {
                        background: #818181;
                        -webkit-text-fill-color: transparent;
                        -webkit-background-clip: text;
                        margin-left: 0;
                        margin-right: 0;
                        font-size: .8vw;
                        font-style: normal;
                    }
                }

                span {
                    font-size: 1.0294117647058822vw;
                    font-weight: 400;
                    color: #9E9E9E;
                    margin-right: 0.7352941176470588vw;
                }

                .flex {
                    justify-content: left;
                    align-items: center;
                }

                .price-img {
                    width: 18.38235294117647vw;
                }
            }

            .benefits {
                margin-bottom: 0.7352941176470588vw;
            }

            span {
                margin-right: 1.4705882352941175vw;
            }
        
            .special_benefits {
                display: flex;
                align-items: center;
                border-bottom: 1px dotted #9E9E9E;
                padding-bottom: .5vw;
                margin-bottom: .5vw;
            }
        
            .new_tokuten {
                display: flex;
                margin-bottom: 7px;
        
                p.price_tag {
                    position: relative;
                    line-height: 1.2;
                    letter-spacing: 2px;
                }
        
                .ribbon14 {
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    right: -4.476vw;
                    margin: 0;
                    padding: 10px 6px;
                    z-index: 2;
                    width: 40px;
                    text-align: center;
                    font-size: 17px;
                    color: white;
                    background: #00C0B5;
                }
        
                .ribbon14:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 100%;
                    height: 0;
                    width: 0;
                    border-left: 26px solid #00C0B5;;
                    border-right: 26px solid #00C0B5;;
                    border-bottom: 10px solid transparent;
                }
        
                .tokuten_detail {
                    margin-left: 5.847vw;
                }
        
                span.span1 {
                    color: #212121;
                    font-size: 1.3vw;
                    letter-spacing: -2px;
                }
        
                span.span2 {
                    font-size: 25px;
                    color: #3fdcc3;
                    font-weight: 500;
                    line-height: 1;
                    letter-spacing: 1px;
                }
        
                span.span3 {
                    color: #818181;
                    font-size: 12px;
                    display: inline-block;
                    vertical-align: text-top;
                }
            }
        
            h4.md {
                position: relative;
                color: #fcfcfc;
                background: #212121;
                font-weight: 400;
                font-size: .9vw;
                padding: 0 1vw;
                display: inline-block;
                z-index: 2;
            }
        
            div.md {
                margin-bottom: -8px;
                text-align: center;
                width: 23vw;
            }
        
            .md p {
                position: relative;
                top: -12px;
                color: #212121;
                font-size: 1vw;
                border: 1px solid var(--System-Gray-400, #BDBDBD);
                background: var(--bg-grn-bg, #EBFAF8);
                padding: 8px 0 3px;
                line-height: 1.75;
                justify-content: center;
            }
        }
    }

    .gym-note {
        width: 77.94117647058823vw;
        margin: 0 auto;
    }
}

@media(max-width:767px) {
    .gym {
        margin-bottom: 7.6923076923076925vw;

        .title-wrap {
            padding: 1.692308vw 5.128205128205128vw;

            h3 {
                font-size: 7.179487179487179vw;
            }
        }

        .plan-wrap {
            padding: 20px 5.128205128205128vw;
        }

        .gym-img {
            width: 100%;
            margin-right: 0;
            margin-bottom: 5.128205128205128vw;
        }

        .lite_plan {
            padding-bottom: 20px;
            border-bottom: 1px dotted #9E9E9E;
            display: block;
        }

        .lite_plan-dis-wrap {
            width: 100%;

            .flex {
                justify-content: center;
            }

            .lite_plan-dis {
                padding-bottom: 3.076923076923077vw;
                margin-bottom: 5.128205128205128vw;

                h3 {
                    font-size: 8.205128205128204vw;
                    margin-right: 2.512820512820513vw;
                }

                span {
                    font-size: 3.5897435897435894vw;
                    margin-right: 0;
                    margin-left: 0;
                }
            }

            .benefits {
                margin-bottom: 5.128205128205128vw;
            }

            span {
                margin: 0 auto;
                display: block;
                text-align: center;
            }

            .price-img {
                width: 58.97435897435898vw;
                margin: 0 auto 3.5897435897435894vw;
            }
        }

        .basic_plan {
            margin-top: 7.6923076923076925vw;
            padding-bottom: 7.6923076923076925vw;
            display: block;

            .basic_plan-dis-wrap {
                width: 100%;

                .basic_plan-dis {
                    padding-bottom: 3.076923076923077vw;
                    margin-bottom: 5.128205128205128vw;

                    .flex {
                        justify-content: center;
                    }


                    h3 {
                        font-size: 8.205128205128204vw;
                        margin-right: 0;
                        text-align: center;
                    }

                    span {
                        font-size: 3.5897435897435894vw;
                        margin-right: 0;
                    }

                    .flex {
                        display: block;
                    }

                    .price-img {
                        width: 64.1025641025641vw;
                    }
                }

                .benefits {
                    margin-bottom: 5.128205128205128vw;
                }

                span {
                    margin: 0 auto;
                    display: block;
                    text-align: center;
                }

                .price-img {
                    width: 58.97435897435898vw;
                    margin: 0 auto 3.5897435897435894vw;
                }
            }
        }

        & .lite_plan {
            & .lite_plan-dis-wrap {
                & .lite_plan-dis {
                    p.service_price {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: linear-gradient(89deg, #00C0B5 -8.51%, #5DF3CF 197.88%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        font-size: 12.162vw;
                        font-family: 'Inter';
                        font-style: italic;
                        font-weight: 500;
                        margin-left: 0;
                        line-height: 1.2;

                        span.b_tag {
                            position: relative;
                            width: 14.479vw;
                            display: inline-block;
                            font-size: 4.224vw;
                            font-style: normal;
                            text-align: center;
                            vertical-align: middle;
                            background: #212121;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-left: 0;
                            margin-right: .1vw;
                        }

                        span.b_tag:after {
                            position: absolute;
                            content: "";
                            width: 12.412vw;
                            height: 12.412vw;
                            display: inline-block;
                            font-size: 1.324vw;
                            text-align: center;
                            vertical-align: middle;
                            border: solid 1px #212121;
                            border-radius: 50%;
                            left: 0.421vw;
                            top: -4.2vw;
                        }

                        span.yen {
                            font-size: 5.618vw;
                            font-family: 'Noto Sans JP';
                            font-weight: 600;
                            font-style: normal;
                            margin-left: 1.368vw;
                            margin-right: 0;
                            margin-top: 10px;
                        }

                        span.s-sml {
                            background: #818181;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-top: 4.145vw;
                            margin-left: 0;
                            margin-right: 0;
                            font-size: 3.8vw;
                            font-style: normal;
                        }
                    }
                }

                div.md {
                    margin-bottom: -8px;
                    text-align: center;
                    width: 80vw;
                }

                h4.md {
                    position: relative;
                    color: #fcfcfc;
                    background: #212121;
                    font-weight: 400;
                    font-size: 3.9vw;
                    padding: 0 1vw;
                    display: inline-block;
                    z-index: 2;
                }

                .md p {
                    position: relative;
                    top: -12px;
                    color: #212121;
                    font-size: 3.5vw;
                    border: 1px solid var(--System-Gray-400, #BDBDBD);
                    background: var(--bg-grn-bg, #EBFAF8);
                    padding: 10px 0 0px;
                    line-height: 1.75;
                    justify-content: center;
                }

                .special_benefits {
                    flex-direction: column;
                    padding-bottom: 10px;
                    margin-bottom: 10px;

                    & .new_tokuten {
                        span.span1 {
                            color: #212121;
                            font-size: 4.145vw;
                        }
                        span.span3 {
                            color: #818181;
                            font-size: 14px;
                            display: block;
                            vertical-align: text-top;
                            text-align: center;
                        }
                    }
                }
            }
        }

        .gym-note {
            width: 77.94117647058823vw;
            margin: 0 auto;
        }

        & .basic_plan {
            & .basic_plan-dis-wrap {
                & .basic_plan-dis {
                    p.service_price {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: linear-gradient(89deg, #00C0B5 -8.51%, #5DF3CF 197.88%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        font-size: 12.162vw;
                        font-family: 'Inter';
                        font-style: italic;
                        font-weight: 500;
                        margin-left: 0;
                        line-height: 1.2;

                        span.b_tag {
                            position: relative;
                            width: 14.479vw;
                            display: inline-block;
                            font-size: 4.224vw;
                            font-style: normal;
                            text-align: center;
                            vertical-align: middle;
                            background: #212121;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-left: 0;
                            margin-right: .1vw;
                        }

                        span.b_tag:after {
                            position: absolute;
                            content: "";
                            width: 12.412vw;
                            height: 12.412vw;
                            display: inline-block;
                            font-size: 1.324vw;
                            text-align: center;
                            vertical-align: middle;
                            border: solid 1px #212121;
                            border-radius: 50%;
                            left: 0.421vw;
                            top: -4.2vw;
                        }

                        span.yen {
                            font-size: 5.618vw;
                            font-family: 'Noto Sans JP';
                            font-weight: 600;
                            font-style: normal;
                            margin-left: 1.368vw;
                            margin-right: 0;
                            margin-top: 10px;
                        }

                        span.s-sml {
                            background: #818181;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-top: 4.145vw;
                            margin-left: 0;
                            margin-right: 0;
                            font-size: 3.8vw;
                            font-style: normal;
                        }
                    }
                }

                div.md {
                    margin-bottom: -8px;
                    text-align: center;
                    width: 80vw;
                }

                h4.md {
                    position: relative;
                    color: #fcfcfc;
                    background: #212121;
                    font-weight: 400;
                    font-size: 3.9vw;
                    padding: 0 1vw;
                    display: inline-block;
                    z-index: 2;
                }

                .md p {
                    position: relative;
                    top: -12px;
                    color: #212121;
                    font-size: 3.5vw;
                    border: 1px solid var(--System-Gray-400, #BDBDBD);
                    background: var(--bg-grn-bg, #EBFAF8);
                    padding: 10px 0 0px;
                    line-height: 1.75;
                    justify-content: center;
                }

                .special_benefits {
                    flex-direction: column;
                    padding-bottom: 10px;
                    margin-bottom: 10px;

                    & .new_tokuten {
                        span.span1 {
                            color: #212121;
                            font-size: 4.145vw;
                        }
                        span.span3 {
                            color: #818181;
                            font-size: 14px;
                            display: block;
                            vertical-align: text-top;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }

    h4.md_new {
        width: 100%;
        margin-bottom: -8px;
    }

    .md_wrap {
        width: 100%;
    }

    .md_flex p {
        font-size: 14px;
        width: 48%;
        padding: 1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .md_flex.premium p {
        font-size: 14px;
        width: 48%;
        padding: 1%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    span.sml {
        margin: 0 !important;
        font-size: 2.5vw;
    }

    .flex_md {
        flex-direction: column;
    }

    .span_wrap {
        flex-direction: column;
    }

    .span_wrap span {
        font-size: 3.5vw;
    }

    .gym .basic_plan .basic_plan-dis-wrap .flex_md div.md,
    .gym .basic_plan .basic_plan-dis-wrap .flex_md div.md.long {
        width: 80vw;
    }

}

/* personal */

.personal {

    margin-bottom: 20px;

    .title-wrap {
        background: var(--grd-org-grd, linear-gradient(74deg, #FF7742 -0.04%, #FFBF5E 82.82%));
        padding: 1.1764705882352942vw 2.941176470588235vw;

        h3 {
            font-size: 2.5vw;
            text-align: left;
            color: #fff;
        }
    }

    .plan-wrap {
        padding: 20px 2.794117647058824vw;
        background-color: #FAFAFA;
    }

    .personal-img {
        width: 30.821323529411764vw;
        margin-right: 2.0588235294117645vw;
    }

    .basic {
        padding-bottom: 20px;
        border-bottom: 1px dotted #9E9E9E;
        margin-bottom: 20px;
        align-items: center;
        flex-wrap: nowrap;
    }

    .basic-dis-wrap {
        width: 46.838235294117645vw;
        text-align: left;

        .basic-dis {
            text-align: left;

            h3 {
                font-size: 2.594117647058824vw;
                background: var(--grd-org-grd, linear-gradient(74deg, #FF7742 -0.04%, #FFBF5E 82.82%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-right: 0.7352941176470588vw;
                font-weight: 600;
            }

            span {
                font-size: 1.0294117647058822vw;
                font-weight: 400;
                color: #9E9E9E;
                margin-right: 0.7352941176470588vw;
            }
        }

        p.service_price {
            background: linear-gradient(74deg, #FF7742 -0.03%, #FFBF5E 181.06%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 3.162vw;
            font-family: 'Inter';
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            display: inline-block;
            line-height: 1.2;
            letter-spacing: -1px;
    
            span.b_tag {
                position: relative;
                width: 3.579vw;
                display: inline-block;
                font-size: 1.124vw;
                text-align: center;
                vertical-align: middle;
                background: #212121;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
                margin-left: 0;
                font-style: normal;
            }
    
            span.b_tag:after {
                position: absolute;
                content: "";
                width: 3.412vw;
                height: 3.412vw;
                display: inline-block;
                font-size: 1.324vw;
                text-align: center;
                vertical-align: middle;
                border: solid 1px #212121;
                border-radius: 50%;
                left: 0;
                top: -1.2vw;
            }
    
            span.yen {
                font-size: 1.618vw;
                font-family: 'Noto Sans JP';
                font-style: normal;
                margin-left: 0.368vw;
                margin-right: 0.1vw;
            }
    
            span.s-sml {
                background: #818181;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
                margin-left: 0;
                font-size: .8vw;
                font-style: normal;
            }
        }
    
        p.gray {
            color: #818181;
            font-size: 1vw;
        }
    
        .new_tokuten {
            display: flex;
            margin-bottom: 7px;
    
            p.price_tag {
                position: relative;
                line-height: 1.2;
                letter-spacing: 2px;
            }
    
            .tokuten_detail {
                margin-left: 5.847vw;
            }
        }
    
        .pes_basic {
            display: flex;
            justify-content: space-between;
            padding: 1vw 0;
            border-top: dotted 1px #c6c6c6;
    
            .flex_plan {
    
                p.service_price {
                    background: linear-gradient(74deg, #FF7742 -0.03%, #FFBF5E 181.06%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    font-size: 1.962vw;
                    font-family: 'Inter';
                    font-style: italic;
                    font-weight: 500;
                    margin-left: 0;
                    display: inline-block;
                    line-height: 1.2;
                    letter-spacing: -1px;
        
                    span.b_tag {
                        position: relative;
                        width: 2.279vw;
                        font-size: .8vw;
                    }
        
                    span.b_tag:after {
                        position: absolute;
                        content: "";
                        width: 2.112vw;
                        height: 2.112vw;
                        display: inline-block;
                        font-size: 1vw;
                        text-align: center;
                        vertical-align: middle;
                        border: solid 1px #212121;
                        border-radius: 50%;
                        left: 0;
                        top: -0.7vw;
                    }
        
                    span.yen {
                        font-size: 0.818vw;
                        font-family: 'Noto Sans JP';
                        font-style: normal;
                        margin-left: 0.168vw;
                    }
        
                    p.gray {
                        color: #818181;
                        font-size: .9vw;
                    }
        
                    .pes_basic {
                        display: flex;
                        justify-content: space-between;
                        margin-top: 10px;
                    }
                }
            }
    
            .plan_img {
                margin-top: 20px;
            }
        }

        .benefits {
            margin-bottom: 0.7352941176470588vw;
        }

        .price-img {
            width: 20.66176470588235vw;
        }

        .flex {
            justify-content: left;
            align-items: center;
        }

        .benefits-note {
            border-bottom: 1px dotted #9E9E9E;
            padding-bottom: 0.7352941176470588vw;
        }

        .price-img {
            width: 20.66176470588235vw;
        }

        .date {
            color: #9E9E9E;
            font-size: 1.0294117647058822vw;
            margin-left: 0.4411764705882353vw;
        }

    }

    .week1 {
        padding-bottom: 20px;
        border-bottom: 1px dotted #9E9E9E;
        margin-bottom: 20px;
        align-items: center;
    }

    .week1-dis-wrap {
        width: 44.55882352941177vw;
        text-align: left;


        .week1-dis {

            h3 {
                font-size: 2.594117647058824vw;
                background: var(--grd-org-grd, linear-gradient(74deg, #FF7742 -0.04%, #FFBF5E 82.82%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-right: 0.7352941176470588vw;
                font-weight: 600;
            }

            span {
                font-size: 1.0294117647058822vw;
                font-weight: 400;
                color: #9E9E9E;
                margin-right: 0.7352941176470588vw;
            }
        }

        .benefits-note {
            border-bottom: 1px dotted #9E9E9E;
            padding-bottom: 0.7352941176470588vw;
            margin-bottom: 0.7352941176470588vw;
        }

        .price-img {
            width: 20.66176470588235vw;
        }

        .flex {
            justify-content: left;
            align-items: center;
        }

        .date {
            color: #9E9E9E;
            font-size: 1.0294117647058822vw;
            margin-left: 0.4411764705882353vw;
        }
    }


    .personal_plan {
        align-items: flex-start;
    }

    .personal_plan-p {
        margin-bottom: 1.4705882352941175vw;
    }

    .personal_plan-dis-wrap {
        width: 44.55882352941177vw;
        text-align: left;
        margin-top: -1.4705882352941175vw;

        .personal_plan-dis {
            h3 {
                font-size: 2.594117647058824vw;
                background: var(--grd-org-grd, linear-gradient(74deg, #FF7742 -0.04%, #FFBF5E 82.82%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-right: 0.7352941176470588vw;
                font-weight: 600;
            }

            span {
                font-size: 1.0294117647058822vw;
                font-weight: 400;
                color: #9E9E9E;
                margin-right: 0.7352941176470588vw;
            }
        }

        .price-img {
            width: 46.69117647058824vw;
            margin-bottom: 1.4705882352941175vw;

        }

        .flex {
            justify-content: left;
            align-items: center;
        }

        .benefits {
            width: 27.500000000000004vw;
        }

        .benefits-note {
            margin-bottom: 1.4705882352941175vw;
        }
    }
}

@media(max-width:767px) {
    .personal {
        margin-bottom: 7.6923076923076925vw;

        .title-wrap {
            padding: 1.692308vw 5.128205128205128vw;

            h3 {
                font-size: 7.179487179487179vw;
            }
        }

        .plan-wrap {
            padding: 20px 5.128205128205128vw;
        }

        .personal-img {
            width: 100%;
            margin-right: 0;
            margin-bottom: 5.128205128205128vw;
        }

        .basic {
            padding-bottom: 20px;
            border-bottom: 1px dotted #9E9E9E;
            display: block;
        }

        .basic-dis-wrap {
            width: 104%;
            margin-left: -2%;

            .basic-dis {
                padding-bottom: 3.076923076923077vw;
                margin-bottom: 5.128205128205128vw;
    
                h3 {
                    font-size: 8.205128205128204vw;
                    margin-right: 2.512820512820513vw;
                }
    
                span {
                    font-size: 3.5897435897435894vw;
                    margin-right: 0;
                    margin-left: 0;
                }
            }

            p.gray {
                color: #818181;
                font-size: 3.5vw;
                text-align: center;
            }

            .pes_basic {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                padding: 1vw 0;
                border-top: dotted 1px #c6c6c6;

                & .flex_plan {
                    width: 50%;

                    & p.service_price {
                        display: flex;
                        align-items: center;
                        font-size: 6.5vw;

                        span.b_tag {
                            position: relative;
                            display: flex;
                            width: 8.279vw;
                            font-size: 3.5vw;
                            height: 8.5vw;
                            align-items: center;
                            justify-content: center;
                            margin-right: 2px;
                        }

                        span.b_tag:after {
                            position: absolute;
                            content: "";
                            width: 8.112vw;
                            height: 8.112vw;
                            display: inline-block;
                            font-size: 1vw;
                            text-align: center;
                            vertical-align: middle;
                            border: solid 1px #212121;
                            border-radius: 50%;
                            left: 0px;
                            top: 0vw;
                        }

                        span.yen {
                            font-size: 2.818vw;
                            font-family: 'Noto Sans JP';
                            font-style: normal;
                            margin-left: 1.168vw;
                            margin-top: 5px;
                        }
                    }
                }
            }
        }

        .flex {
            justify-content: center;
        }

        .date {
            font-size: 3.5897435897435894vw;
            margin-left: 1.5384615384615385vw;
        }

        .basic-dis {
            padding-bottom: 3.076923076923077vw;
            margin-bottom: 5.128205128205128vw;

                .benefits-note.flex {
                    flex-direction: row;
                    align-items: baseline;
                    justify-content: center;
                }

                .date {
                    color: #9E9E9E;
                    font-size: 4.029412vw;
                    margin-left: 2.441176vw;
                }
            }

            .benefits {
                margin-bottom: 5.128205128205128vw;
            }

            span {
                margin: 0 auto;
                display: block;
                text-align: center;
            }

            .price-img {
                width: 72.05128205128204vw;
                margin: 0 auto 3.5897435897435894vw;
            }

            .personal {
                .basic-dis-wrap {
                    .date {
                        color: #9E9E9E;
                        font-size: 1.0294117647058822vw;
                        margin-left: 0.4411764705882353vw;
                    }
                }
            }

            & .basic-dis-wrap {
                & .basic-dis {
                    p.service_price {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: linear-gradient(74deg, #FF7742 -0.03%, #FFBF5E 181.06%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        font-size: 12.162vw;
                        font-family: 'Inter';
                        font-style: italic;
                        font-weight: 500;
                        margin-left: 0;
                        line-height: 1.2;

                        span.b_tag {
                            position: relative;
                            width: 14.479vw;
                            display: inline-block;
                            font-size: 4.224vw;
                            font-style: normal;
                            text-align: center;
                            vertical-align: middle;
                            background: #212121;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-left: 0;
                            margin-right: .1vw;
                        }

                        span.b_tag:after {
                            position: absolute;
                            content: "";
                            width: 12.412vw;
                            height: 12.412vw;
                            display: inline-block;
                            font-size: 1.324vw;
                            text-align: center;
                            vertical-align: middle;
                            border: solid 1px #212121;
                            border-radius: 50%;
                            left: 0.421vw;
                            top: -4.2vw;
                        }

                        span.yen {
                            font-size: 5.618vw;
                            font-family: 'Noto Sans JP';
                            font-weight: 600;
                            font-style: normal;
                            margin-left: 1.368vw;
                            margin-right: 0;
                            margin-top: 10px;
                        }

                        span.s-sml {
                            background: #818181;
                            -webkit-text-fill-color: transparent;
                            -webkit-background-clip: text;
                            margin-top: 4.145vw;
                            margin-left: 0;
                            margin-right: 0;
                            font-size: 3.8vw;
                            font-style: normal;
                        }
                    }
                }

                div.md {
                    margin-bottom: -8px;
                    text-align: center;
                    width: 80vw;
                }

                h4.md {
                    position: relative;
                    color: #fcfcfc;
                    background: #212121;
                    font-weight: 400;
                    font-size: 3.9vw;
                    padding: 0 1vw;
                    display: inline-block;
                    z-index: 2;
                }

                .md p {
                    position: relative;
                    top: -12px;
                    color: #212121;
                    font-size: 3.5vw;
                    border: 1px solid var(--System-Gray-400, #BDBDBD);
                    background: var(--bg-grn-bg, #EBFAF8);
                    padding: 10px 0 0px;
                    line-height: 1.75;
                    justify-content: center;
                }

                .special_benefits {
                    flex-direction: column;
                    padding-bottom: 10px;
                    margin-bottom: 10px;

                    & .new_tokuten {
                        span.span1 {
                            color: #212121;
                            font-size: 4.145vw;
                        }
                        span.span3 {
                            color: #818181;
                            font-size: 14px;
                            display: block;
                            vertical-align: text-top;
                            text-align: center;
                        }
                    }
                }
            }

        .week1 {
            margin-top: 7.6923076923076925vw;
            padding-bottom: 7.6923076923076925vw;
            display: block;

            .week1-dis-wrap {
                width: 100%;

                .week1-dis {

                    .flex {
                        display: flex;
                        justify-content: center;
                    }

                    h3 {
                        font-size: 8.205128205128204vw;
                        margin-right: 2.512820512820513vw;
                    }

                    span {
                        font-size: 3.5897435897435894vw;
                        margin-right: 0;
                        margin-left: 0;
                    }

                    .benefits {
                        margin-bottom: 5.128205128205128vw;
                    }

                    .price-img {
                        width: 66.92307692307692vw;
                        margin: 0 auto 3.5897435897435894vw;
                    }
                }

                .benefits-note {
                    justify-content: center;
                    margin: 3.5897435897435894vw auto 5.384615384615385vw;
                    padding-bottom: 3.8461538461538463vw;
                }

                .date {
                    font-size: 3.5897435897435894vw;
                    margin-left: 1.5384615384615385vw;
                }

                span {
                    margin: 0 auto;
                    display: block;
                    text-align: center;
                }
            }
        }

        .personal_plan {
            margin-top: 7.6923076923076925vw;
            padding-bottom: 7.6923076923076925vw;
            display: block;

            .personal_plan-dis-wrap {
                width: 100%;

                .personal_plan-dis {
                    display: block;

                    .flex {
                        display: flex;
                        justify-content: center;
                    }

                    h3 {
                        font-size: 8.205128205128204vw;
                        margin-right: 0;
                        text-align: center;
                    }

                    span {
                        font-size: 3.5897435897435894vw;
                        margin-right: 0;
                        margin-left: 0;
                    }
                }

                .personal_plan-dis.flex {
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                }


                .price-img {
                    width: 76.92307692307693vw;
                    margin: 0 auto 5.128205128205128vw;
                }

                .benefits {
                    width: 100%;
                    margin-bottom: 5.128205128205128vw;
                }


                .benefits-note {
                    text-align: center;
                }

                .personal_plan-p {
                    margin-bottom: 8.205128205128204vw;
                    padding-bottom: 3.076923076923077vw;
                    border-bottom: 1px dotted #9E9E9E;
                }
            }
        }
    }
}

/* other */

.other {

    margin-bottom: 0;

    .title-wrap {
        background-color: #212121;
        padding: 1.1764705882352942vw 2.941176470588235vw;

        h3 {
            font-size: 2.5vw;
            text-align: left;
            font-weight: 600;
            color: #fff;
        }
    }

    .plan-wrap {
        padding: 20px 2.794117647058824vw;
        background-color: #FAFAFA;
    }

    .other-img {
        width: 30.821323529411764vw;
        margin-right: 2.0588235294117645vw;

    }

    .other {
        padding-bottom: 20px;
        border-bottom: 1px dotted #9E9E9E;
        margin-bottom: 20px;
    }

    .other-dis-wrap {
        width: 46.794118vw;
        text-align: left;

        .pay_as {
            justify-content: left;
            margin-top: 20px;
            padding-top: 20px;
            border-top: dotted 1px;

            h3 {
                font-size: 2.3529411764705883vw;
                margin-right: 1.7647058823529411vw;
            }

            h4 {
                font-size: 1.3941176470588237vw;
                margin-right: 0.6617647058823529vw;
            }

            .month {
                width: 9.338235294117647vw;
            }

            img {
                width: 36.441176vw;
            }

            p.d-gray {
                color: #9E9E9E;
            }
        }

        .pay_as.flex.pc {
            flex-direction: column;
            align-items: flex-start;
        }

        .other_plan:first-child {
            padding-bottom: .5vw;
            margin-bottom: .5vw;
            border-bottom: dotted 1px;
        }

        .other_p_inner {
            display: flex;
            align-items: center;

            h3 {
                font-size: 2.094117647058824vw;
                margin-right: 10px;
            }
        }

        p.service_price {
            color: #7879F1;
            background-clip: unset;
            -webkit-text-fill-color: unset;
            background: unset;
            font-size: 3.162vw;
            font-family: 'Inter';
            font-style: italic;
            font-weight: 500;
            margin-left: 0;
            display: inline-block;
            line-height: 1.2;
            letter-spacing: -1px;
            margin-right: 10px;

            span.b_tag {
                position: relative;
                width: 4.479vw;
                display: inline-block;
                font-size: 1.224vw;
                font-style: normal;
                text-align: center;
                vertical-align: middle;
                background: #212121;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
                margin-left: 0;
                margin-right: .1vw;
            }

            span.b_tag:after {
                position: absolute;
                content: "";
                width: 3.412vw;
                height: 3.412vw;
                display: inline-block;
                font-size: 1.324vw;
                text-align: center;
                vertical-align: middle;
                border: solid 1px #212121;
                border-radius: 50%;
                left: 0.421vw;
                top: -1.2vw;
            }
    
            span.c_tag {
                top: -0.3vw;
                font-size: .9vw;
                position: relative;
                width: 3.579vw;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                background: #212121;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
                margin-left: 0;
                margin-right: 10px;
            }
    
            span.c_tag:after {
                position: absolute;
                content: "";
                width: 3.812vw;
                height: 3.812vw;
                display: inline-block;
                font-size: .9vw;
                text-align: center;
                vertical-align: middle;
                border: solid 1px #212121;
                border-radius: 50%;
                left: -0.12vw;
                top: -0.9vw;
                font-style: normal;
            }

            span.yen {
                font-size: 1.618vw;
                font-family: 'Noto Sans JP';
                font-style: normal;
                margin-left: 0.368vw;
                margin-right: 0;
            }

            span.s-sml {
                background: #818181;
                -webkit-text-fill-color: transparent;
                -webkit-background-clip: text;
                margin-top: 4.145vw;
                margin-left: 0;
                margin-right: 0;
                font-size: .8vw;
                font-style: normal;
            }
        }
    }

    .flex {
        align-items: center;
    }
}

@media(max-width:767px) {
    .other {
        margin-bottom: 7.6923076923076925vw;

        .flex {
            display: block;
        }

        .title-wrap {
            padding: 1.6923076923076925vw 5.128205128205128vw;
            background: #212121;

            h3 {
                font-size: 7.179487179487179vw;
                color: #fff;
            }
        }

        .plan-wrap {
            padding: 20px 5.128205128205128vw;
            background-color: #FAFAFA;
        }

        .other-img {
            width: 100%;
            margin-right: 0;
            margin-bottom: 5.128205128205128vw;
        }

        .other-dis-wrap {
            width: 100%;

            .flex {
                display: block;
            }

            .other-dis {
                padding-bottom: 3.076923076923077vw;

                h3 {
                    font-size: 8.205128205128204vw;
                    margin-right: 0;
                    text-align: center;
                }

                span {
                    font-size: 3.5897435897435894vw;
                    margin-right: 0;
                    margin-left: 0;
                }
            }

            .week_price {
                width: 64.87179487179488vw;
                margin: 0 auto 9.230769230769232vw;
                display: block;
            }

            p.d-gray {
                text-align: center;
            }

            .other_p_inner {
                display: flex;
                align-items: center;
                flex-direction: column;
    
                h3 {
                    font-size: 8.205128205128204vw;
                    margin-right: 0;
                }
            }

            p.service_price {
                color: #7879F1;
                background-clip: unset;
                -webkit-text-fill-color: unset;
                background: unset;
                font-size: 12.162vw;
                font-family: 'Inter';
                font-style: italic;
                font-weight: 500;
                margin-left: 0;
                display: inline-block;
                line-height: 1.2;
                letter-spacing: -1px;
                margin-right: 10px;
    
                span.b_tag {
                    position: relative;
                    width: 14.479vw;
                    display: inline-block;
                    font-size: 4.224vw;
                    font-style: normal;
                    text-align: center;
                    vertical-align: middle;
                    background: #212121;
                    -webkit-text-fill-color: transparent;
                    -webkit-background-clip: text;
                    margin-left: 0;
                    margin-right: .1vw;
                }

                span.b_tag:after {
                    position: absolute;
                    content: "";
                    width: 12.412vw;
                    height: 12.412vw;
                    display: inline-block;
                    font-size: 1.324vw;
                    text-align: center;
                    vertical-align: middle;
                    border: solid 1px #212121;
                    border-radius: 50%;
                    left: 0.421vw;
                    top: -4.2vw;
                }
        
                span.c_tag {
                    font-size: 3.5vw;
                    position: relative;
                    width: 14.579vw;
                    display: inline-block;
                    text-align: center;
                    vertical-align: middle;
                    background: #212121;
                    -webkit-text-fill-color: transparent;
                    -webkit-background-clip: text;
                    margin-left: 0;
                    margin-right: 10px;
                    font-style: normal;
                }
        
                span.c_tag:after {
                    position: absolute;
                    content: "";
                    width: 14.812vw;
                    height: 14.812vw;
                    display: inline-block;
                    font-size: .9vw;
                    text-align: center;
                    vertical-align: middle;
                    border: solid 1px #212121;
                    border-radius: 50%;
                    left: -0.12vw;
                    top: -3vw;
                }
    
                span.yen {
                    font-size: 5.618vw;
                    font-family: 'Noto Sans JP';
                    font-weight: 600;
                    font-style: normal;
                    margin-left: 1.368vw;
                    margin-right: 0;
                    margin-top: 10px;
                }

                span.s-sml {
                    background: #818181;
                    -webkit-text-fill-color: transparent;
                    -webkit-background-clip: text;
                    margin-top: 4.145vw;
                    margin-left: 0;
                    margin-right: 0;
                    font-size: 3.8vw;
                    font-style: normal;
                }
            }


        }
    }

    .one_day {
        margin-top: 0;
    }

}