@charset "UTF-8";

/* service-common */

body {
    font-size: 1.1764705882352942vw !important;
    line-height: 1.88;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    color: #212121;
}

html {
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.1em;
    overflow-x: hidden;
}

img {
    width: 100%;
    vertical-align: bottom;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

article {
    width: 85.29411764705883vw;
    margin: 0 auto;
}

.article {
    width: 85.29411764705883vw;
    margin: 0 auto;
}

li {
    list-style: none;
}

.white {
    color: #FFFFFF !important;
}

.gray {
    color: #EEEEEE;
}

.dark_gray {
    color: #757575;
}

.inter {
    font-family: "Inter", sans-serif;
}

.view_btn {
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    font-size: 1.0294117647058822vw;
    border: 1px solid #fff;
    padding: 0.4352941176470588vw 0 0;
    text-decoration: none;
    width: 11.98529411764706vw;
    height: 2.2470588235294117vw;
    text-align: center;
}

.title_flex {
    display: flex;
    justify-content: space-between;
}

@media(max-width:767px) {
    body {
        font-size: 4.102564102564102vw;
    }

    article {
        width: 84.61538461538461vw;
    }

    .view_btn {
        font-size: 3.5897435897435894vw;
        padding: 1.3vw 0 0;
        width: 41.026vw;
        height: 7.42vw;
    }
}

@media(max-width:767px) {

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

}

/* MV */

.mv {
    width: 100vw;
}

.mv_pc {
    width: 100%;
}

/* slide */

.gym_slider {
    margin-bottom: 20px;
    margin-top: -4.411764705882353vw;

    /* スライドの動き等速 */
    .swiper-wrapper {
        transition-timing-function: linear;
    }

    /* 画像のサイズ調整 */
    .service-slider {
        margin-bottom: 20px;

        .swiper-slide {
            height: auto;
        }
    }

    .service_bnr-slider {
        .swiper-slide {
            height: auto;
        }
    }
}

@media(max-width:767px) {

    .gym_slider {
        margin-bottom: 20px;
        margin-top: -8.411765vw;
    }
}

/* sec01 */

.sec01 {
    background-image: url(../img/service_personal/sec01-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 7.352941176470589vw;

    h2 {
        font-size: 1.7647058823529411vw;
        font-weight: 700;
        margin-bottom: 2.5735294117647056vw;
        line-height: 1.5;

        span {
            font-size: 2.5vw;
            font-weight: 600;
        }
    }

    .sec01-wrap {
        background: rgba(255, 255, 255, 0.80);
        padding: 20px 2.941176470588235vw;

        ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 72.13235294117646vw;
            margin: 0 auto;

            li {
                width: 22.573529411764707vw;

                &:nth-child(4),
                &:nth-child(5),
                &:nth-child(6) {
                    margin-top: 2.941176470588235vw;
                }

                img {
                    margin-bottom: 0.9558823529411765vw;
                }

                p {
                    font-size: 1.3235294117647058vw;
                    color: #212121;
                    text-align: left;
                }
            }
        }
    }
}

@media(max-width:767px) {

    .sec01 {
        padding: 20px 3.8461538461538463vw;

        h2 {
            font-size: 6.153846153846154vw;
            margin-bottom: 20px;

            span {
                font-size: 8.717948717948717vw;
            }
        }

        .sec01-wrap {
            padding: 12.82051282051282vw 5.128205128205128vw;

            .sec01-slider_wrap {
                position: relative;


                .swiper-horizontal>.swiper-pagination-bullets,
                .swiper-pagination-bullets.swiper-pagination-horizontal,
                .swiper-pagination-custom,
                .swiper-pagination-fraction {
                    bottom: -7.6923076923076925vw !important;
                }

                /* ページネーションのサイズと色 */
                .swiper-pagination-bullet {
                    background-color: #212121;
                    height: 1.5384615384615385vw;
                    width: 1.5384615384615385vw;
                }
            }

            ul {
                flex-wrap: nowrap;
                width: auto;
                transition-timing-function: linear;

                li {
                    width: 100%;

                    &:nth-child(4),
                    &:nth-child(5),
                    &:nth-child(6) {
                        margin-top: 0;
                    }

                    img {
                        margin-bottom: 3.076923076923077vw;
                    }

                    p {
                        font-size: 4.615384615384616vw;
                        color: #212121;
                    }
                }
            }
        }
    }
}



/* sec02 */

.sec02 {
    margin-top: 2.941vw;
    border-color: #FAFAFA;

    .title_wrap {
        width: 75.73529411764706vw;
        margin: 0 auto;
        position: relative;
        margin-bottom: 7.352941176470589vw;

        h2 {
            font-size: 2.6470588235294117vw;
            font-weight: 700;
        }

        span {
            font-size: 4.5588235294117645vw;
            font-weight: 600;
            line-height: 0.97;
            position: absolute;
            top: -50%;
            width: 100%;
            right: 0%;
            z-index: -1;
        }
    }

    ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;

        li {
            width: 15.616911764705883vw;
        }
    }

    .reason {
        background-image: url(../img/service_personal/reason_big-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15.073529411764705vw 0 7.720588235294118vw;

        .reason_inner {
            width: 57.35294117647059vw;
            margin: 0 auto;
            position: relative;
        }

        .ab_txt_wrap {
            position: absolute;
            top: 52%;
            width: 57.35294117647059vw;
            transform: translate(0, -50%);
            
            h3 {
                font-size: 2.353vw;
                display: inline-block;
                vertical-align: baseline;
                color: #fafafa;
                font-weight: 500;

                span.img {
                    width: 14.706vw;
                    margin-bottom: 0.441vw;
                    margin-right: 0.441vw;
                }

                span.inter {
                    text-align: center;
                    font-size: 2.794vw;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 3.885vw;
                    letter-spacing: 0.044vw;
                    font-family: 'inter';
                }

                span.sml {
                    display: inline-block;
                    font-size: 2.059vw;
                    margin-bottom: 0.294vw;
                }

                span {
                    display: inline-block;
                    vertical-align: bottom;
                }

                span.txt38 {
                    font-size: 2.279vw;
                    vertical-align: bottom;
                }

                span.txt32 {
                    margin-bottom: 0.221vw;
                }
            }

            .hash_wrap {
                margin-top: 1.471vw;

                ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-evenly;

                    li {
                        width: 45%;
                        background: #212121;
                        border-radius: 5.882vw;
                        margin-bottom: 0.735vw;
                        padding: .3vw 0;
                    }
                }
            }
        }
    }

}

@media(max-width:767px) {
    .sec02 {
        margin-top: 10.256vw;

        .title_wrap {
            width: 92.3076923076923vw;
            margin-bottom: 15.384615384615385vw;

            h2 {
                font-size: 7.179487179487179vw;
                line-height: 1.21;

            }

            span {
                font-size: 8.205128205128204vw;
                top: -3.8461538461538463vw;
                letter-spacing: 0.005em;
            }
        }

        ul {
            li {
                width: initial;
            }
        }

        /* slide */

        /* スライドの動き等速 */
        .swiper-wrapper {
            transition-timing-function: linear;
            margin-bottom: 7.352941176470589vw;
        }

        /* 画像のサイズ調整 */
        .sec02-slider {
            margin-bottom: 0;

            .swiper-slide {
                height: auto;
            }
        }

        .reason {
            background-image: url(../img/service_personal/sp/reason_big-bg.png);
            padding: 25.64102564102564vw 0 15.384615384615385vw;

            .reason_inner {
                width: 84.125vw;
                margin: 0 auto;
                position: relative;
            }
    
            .ab_txt_wrap {
                position: absolute;
                top: 52%;
                width: 84.125vw;
                transform: translate(0, -50%);
                
                h3 {
                    font-size: 2.353vw;
                    display: inline-block;
                    vertical-align: baseline;
                    color: #fafafa;
                    font-weight: 500;
    
                    span.img {
                        width: 38.974vw;
                        margin-bottom: 1.441vw;
                        margin-right: 0.441vw;
                    }
    
                    span.inter {
                        text-align: center;
                        font-size: 6.667vw;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 10.885vw;
                        letter-spacing: 0.044vw;
                        font-family: 'inter';
                    }
    
                    span.sml {
                        display: inline-block;
                        font-size: 6.154vw;
                        margin-bottom: 0.294vw;
                    }
    
                    span {
                        display: inline-block;
                        vertical-align: bottom;
                    }
    
                    span.txt38 {
                        font-size: 6.154vw;
                        vertical-align: bottom;
                    }
    
                    span.txt32 {
                        margin-bottom: 0vw;
                        font-size: 7.179vw;
                    }
                }
    
                .hash_wrap {
                    margin-top: 5.471vw;
    
                    ul {
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: space-evenly;
    
                        li {
                            width: 95%;
                            background: #212121;
                            border-radius: 5.882vw;
                            margin-bottom: 2.735vw;
                            padding: .3vw 0;
                            font-size: 3.8vw;
                        }
                    }
                }
            }
        }
    }
}

/* sec03 */

.sec03 {
    .title_wrap {
        display: flex;
        align-items: center;

        h2 {
            font-size: 4.117647058823529vw;
            font-weight: 600;
            margin-right: 1.1029411764705883vw;
        }

        span {
            color: #9E9E9E;
            font-size: 1.4705882352941175vw;
        }
    }
}

@media(max-width:767px) {

    .sec03 {
        .title_wrap {
            display: flex;
            align-items: center;
            text-align: left;

            h2 {
                font-size: 8.205128205128204vw;
                margin-right: 2.051282051282051vw;
                letter-spacing: 0.005em;
            }

            span {
                font-size: 4.102564102564102vw;
            }
        }
    }

}

/* sec3 before_after */

.sec3 {
    padding: 20px 0 50px;
    position: relative;
    background: url(../img/top/sec3_bg.png);
    background-size: cover;
}

/* cta */

.cta {
    background-color: #FAF7F2;
    padding: 20px 0;

    .cta_wrap {
        background-image: url(../img/service_personal/cta-bg.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 3.2352941176470593vw 0;
        width: 63.23529411764706vw;
        margin: 0 auto;

        h2 {
            font-size: 7.352941176470589vw;
            line-height: 0.91;
            font-weight: 800;
            font-style: italic;
            color: transparent;
            -webkit-text-stroke: 1px rgb(255, 255, 255);
            margin-bottom: 1.8382352941176472vw;
        }

        p {
            font-size: 1.4705882352941175vw;
            font-weight: 500;
            margin-bottom: 2.2058823529411766vw;
        }

        img {
            width: 25.735294117647058vw;
            margin: 0 auto;
        }
    }
}

@media(max-width:767px) {

    .sec3 {
        padding: 20px 0 0px;
        position: relative;
        background: url(../img/top/sec3_bg.png);
        background-size: cover;
    }

    .sec3 .h2_wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .before_after_wrap {
        padding-bottom: 40px;
    }

    .staff_slider {
        width: 93vw;
        margin: auto;
    }

    .cta {
        .cta_wrap {
            background-image: url(../img/service_personal/sp/cta-bg.jpg);
            padding: 13.846153846153847vw 0;
            width: 84.61538461538461vw;

            h2 {
                font-size: 15.384615384615385vw;
                margin-bottom: 4.615384615384616vw;
            }

            p {
                font-size: 4.102564102564102vw;
                letter-spacing: 0.005em;
                margin: 0 auto 7.6923076923076925vw;
                width: 72.05128205128204vw;
            }

            img {
                width: 71.7948717948718vw;
                margin: 0 auto;
            }
        }
    }
}

/* sec04 */

.sec04 {
    background-image: url(../img/service_personal/reason-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2.941vw 0 20px;

    .title_wrap {
        /* width: 37.4264705882353vw; */
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;

        h2 {
            font-size: 2.6470588235294117vw;
            font-weight: 700;
            z-index: 1;
            position: relative;
        }

        span {
            font-size: 4.5588235294117645vw;
            font-weight: 600;
            line-height: 0.97;
            position: absolute;
            top: -20%;
            width: 100%;
            right: 0%;
            z-index: 0;
            opacity: 0.2;
        }
    }

}

@media(max-width:767px) {
    .sec04 {
        background-image: url(../img/service_personal/sp/reason-bg.png);
        padding: 10.256vw 0 20px;

        .title_wrap {
            width: 92.3076923076923vw;
            margin-bottom: 20px;

            h2 {
                font-size: 7.179487179487179vw;
                line-height: 1.21;

            }

            span {
                font-size: 8.205128205128204vw;
                top: -3.8461538461538463vw;
                letter-spacing: 0.005em;
            }
        }
        
        p {
            font-size: 4.050632911392405vw;
        }
    }

}

/* sec04-01 */

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

    .sec04-01_dis {
        width: 35.294117647058826vw;
        text-align: left;
        position: relative;

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

        p {
            margin-bottom: 20px;
        }

        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: 8.823529411764707vw;
            right: 0;
            z-index: 1;
            padding-right: .7vw;
        }
    }

    .sec04-01_img {
        width: 50vw;
        margin-right: 7.352941176470589vw;
    }

}

@media(max-width:767px) {
    .sec04-01 {
        margin-bottom: 20px;
        display: block;

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

        .sec04-01_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;
            }

            img {
                width: 85.38461538461539vw;
            }

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

}

/* sec04-02 */

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

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


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

        p {
            margin-bottom: 20px;
        }

        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: 7.13235294117647vw;
            right: 0;
            z-index: 1;
            padding-right: .7vw;
        }
    }

    .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: 20px;
                letter-spacing: 0.005em;
            }

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

            img {
                width: 85.38461538461539vw;
            }

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

}

/* sec04-03 */

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

    .sec04-03_dis {
        width: 35.294117647058826vw;
        text-align: left;
        position: relative;

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

        p {
            margin-bottom: 20px;
        }

        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: 10.808823529411764vw;
            right: 0;
            z-index: 1;
            padding-right: .7vw;
        }
    }

    .sec04-03_img {
        width: 50vw;
        margin-right: 7.352941176470589vw;
    }

}

@media(max-width:767px) {
    .sec04-03 {
        margin-bottom: 20px;
        display: block;

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

        .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;
            }

            img {
                width: 85.38461538461539vw;
            }

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

}


/* sec04-04 */

.sec04-04 {
    display: flex;
    justify-content: right;
    margin-bottom: 20px;

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

        h3 {
            font-size: 2.2058823529411766vw;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 20px;
            line-height: 1.5;
        }

        p {
            margin-bottom: 20px;
        }

        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: 15.514705882352942vw;
            right: 0;
            z-index: 1;
            padding-right: .7vw;
        }
    }

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

}

@media(max-width:767px) {
    .sec04-04 {
        margin-bottom: 20px;
        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: 20px;
                letter-spacing: 0.08em;
            }

            img {
                width: 85.38461538461539vw;
            }

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

}

/* sec05 */

.sec05 {
    background-image: url(../img/service_gym/sec05-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 20px;

    img {
        width: 35.22058823529412vw;
    }

    .sec05-wrap {
        width: 73.52941176470588vw;
        margin: 0 auto 0;
        background-color: #FAFAFA;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0 20px;

        img {
            width: 23.01470588235294vw;
            margin-right: 4.191176470588235vw;
        }

        .note_wrap {
            width: 39.705882352941174vw;
            text-align: left;

            h4 {
                font-weight: 400;
                margin-bottom: 20px;
            }

            .user_voice_wrap {
                background-color: #FFFFFF;
                padding: 1.0294117647058822vw 0;

                p {
                    width: 36.76470588235294vw;
                    margin: 0 auto;
                }

                .dark_gray {
                    font-size: 1.0294117647058822vw;
                }

                .user_voice {
                    border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
                    margin-bottom: 0.5147058823529411vw;
                    color: #212121;
                }
            }
        }
    }
}

@media(max-width:767px) {
    .sec05 {
        background-image: url(../img/service_gym/webp/sec05-bg.png);
        padding: 20px 0;

        img {
            width: 86.66666666666667vw;
        }

        .sec05-wrap {
            width: 92.3076923076923vw;
            margin: -10.76923076923077vw auto 0;
            display: block;
            padding: 20px 0 20px;

            img {
                width: 73.33333333333333vw;
                margin-right: 0;
                margin-bottom: 20px;
            }

            .note_wrap {
                width: 76.92307692307693vw;
                margin: 0 auto;

                h4 {
                    font-size: 3.5897435897435894vw;
                    margin-bottom: 20px;
                }

                .user_voice_wrap {
                    padding: 3.5897435897435894vw 0;

                    p {
                        width: 66.66666666666666vw;
                    }

                    .dark_gray {
                        font-size: 3.5897435897435894vw;
                    }

                    .user_voice {
                        border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
                        margin-bottom: 20px;
                        font-size: 4.050632911392405vw;
                        color: #212121;
                    }
                }
            }
        }
    }

}

/* sec06 */

.sec06 {
    padding: 20px 0 20px;

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

        h2 {
            font-size: 4.117647058823529vw;
            font-weight: 600;
            margin-right: 1.1029411764705883vw;
        }

        span {
            color: #9E9E9E;
            font-size: 1.4705882352941175vw;
        }
    }

    .h2_wrap {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .title_dis {
        text-align: left;
        width: 61.76470588235294vw;
    }

    .view_btn {
        background-color: #9e9e9e;
        border: initial;
    }
}

@media(max-width:767px) {
    .sec06 {
        padding: 20px 0;

        .title_flex {
            display: block;
        }

        .title_wrap {
            display: block;
            align-items: center;
            text-align: left;
            margin-bottom: 20px;

            h2 {
                font-size: 8.205128205128204vw;
                margin-right: 2.051282051282051vw;
                letter-spacing: 0.005em;
            }

            span {
                font-size: 4.102564102564102vw;
            }
        }

        .title_dis {
            text-align: left;
            width: 84.61538461538461vw;
            font-size: 3.5897435897435894vw;
        }

        .view_btn-sp {
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
        }
    }

}

/* sec07 */

.sec07 {

    background-image: url(../img/service_gym/webp/sec07-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 0 20px;

    h2 {
        width: 76.83823529411765vw;
        margin: 0 auto 2.941176470588235vw;
    }

    .flex {
        display: flex;
        justify-content: space-around;
        align-items: initial;

        .sec07-img_wrap {

            img {
                margin-bottom: 0.8823529411764706vw;
                width: 20.588235294117645vw;
            }

            p {
                font-size: 1.4705882352941175vw;
                font-weight: 500;
                letter-spacing: 0.05em;
                width: 23.52941176470588vw;
                text-align: left;
            }
        }
    }

    .sec07-dis_wrap {
        width: 73.52941176470588vw;
        background: none;
        border: solid 1px #fff;
        padding: 2.6470588235294117vw 0;
        margin: 2.2058823529411766vw auto 0;

        h3 {
            font-size: 2.2058823529411766vw;

            span {
                font-size: 2.3529411764705883vw;
            }
        }

        p {
            width: 61.76470588235294vw;
            margin: 0 auto;
            text-align: left;
        }
    }

}

@media(max-width:767px) {

    .sec07 {
        background-image: url(../img/service_gym/sp/webp/sec07-bg.webp);
        padding: 20px 0 20px;

        article {
            width: 100%;
        }

        h2 {
            width: 85.12820512820512vw;
            margin: 0 auto 20px;
        }

        .sec07-slider_wrap {
            position: relative;
            margin-bottom: 20px;

            .sec07-img_wrap {
                img {
                    margin-bottom: 3.076923076923077vw;
                    width: 71.7948717948718vw;
                }

                p {
                    font-size: 4.128205vw;
                    letter-spacing: 0.05em;
                    text-align: left;
                    display: flex;
                    justify-content: center;
                }

                /* slide */
                /* スライドの動き等速 */
                .swiper-wrapper {
                    transition-timing-function: linear;
                }
            }

            .swiper-horizontal>.swiper-pagination-bullets,
            .swiper-pagination-bullets.swiper-pagination-horizontal,
            .swiper-pagination-custom,
            .swiper-pagination-fraction {
                bottom: -7.6923076923076925vw !important;
            }

            /* ページネーションのサイズと色 */
            .swiper-pagination-bullet {
                background-color: #fff;
                height: 1.5384615384615385vw;
                width: 1.5384615384615385vw;
            }
        }

        .sec07-dis_wrap {
            width: 92.3076923076923vw;
            padding: 7.6923076923076925vw 0;
            margin: 0 auto;

            h3 {
                font-size: 5.128205128205128vw;
                line-height: 1.5;
                margin-bottom: 3.8461538461538463vw;

                span {
                    font-size: 5.641025641025641vw;
                }
            }

            p {
                width: 82.05128205128204vw;
                font-size: 3.5443037974683547vw;
            }
        }
    }
}

/* sec08 */

.sec08 {
    padding: 2.941vw 0 20px;

    .title_wrap {
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;

        h2 {
            position: relative;
            font-size: 2.6470588235294117vw;
            font-weight: 700;
            z-index: 1;
        }

        span {
            font-size: 4.5588235294117645vw;
            font-weight: 600;
            line-height: 0.97;
            position: absolute;
            top: 0;
            width: 100%;
            right: 0%;
            z-index: 0;
        }
    }

    ul li {
        margin-bottom: 2.911764705882353vw;

        &:last-child {
            margin-bottom: 0;
        }
    }

    .flow_card {
        border: solid 1px #bdbdbd;
    }

    .flow_inner {
        display: flex;
        align-items: center;
        text-align: left;

        .txt_wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            width: 75%;

            p.nom {
                font-size: 8vw;
                color: #e0e0e0;
                font-weight: 500;
                font-family: 'Inter';
                width: 18%;
                margin-left: 2%;
                letter-spacing: -2px;
            }

            .txt {
                display: inline-block;
                width: 74%;
                margin-left: 4%;

                h3 {
                    font-size: 20px;
                    color: #212121;
                }

                p {
                    color: #212121;
                }
            }
        }
    
        .img {
            width: 25%;
            margin: 0 2% 0 1%;
        }
    }

    .triangle-bottom {
        position: absolute;
        display: inline-block;
        border-style: solid;
        border-width: 25px 40px 0 40px;
        border-color: #bdbdbd transparent transparent transparent;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media(max-width:767px) {
    .sec08 {
        padding: 10.256vw 0 20px;

        .title_wrap {
            width: 74.87179487179488vw;
            margin-bottom: 20px;

            h2 {
                font-size: 7.179487179487179vw;
                line-height: 1.21;
            }

            span {
                font-size: 8.205128205128204vw;
                top: -3.8461538461538463vw;
                letter-spacing: 0.005em;
                z-index: -1;
            }
        }

        ul li {
            margin-bottom: 30px;

            &:last-child {
                margin-bottom: 0;
            }
        }

        .flow_card {
            position: relative;

            .flow_inner {
                flex-direction: column;

                .txt_wrap {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    width: 100%;
                    padding-top: 10px;

                    p.nom {
                        position: absolute;
                        right: 5px;
                        top: 0;
                        font-size: 19vw;
                        width: auto;
                        margin-left: 0;
                        line-height: 1.2;
                        z-index: -1;
                    }
        
                    .txt {
                        display: inline-block;
                        width: 90%;
                        margin-left: 5%;
                    }
                }

                .img {
                    width: 89%;
                    margin: 3% 0 5%;
                }
            }
        }
    }

}

/* sec09 */

.sec09 {
    background-color: #fafafa;
    padding: 20px 0 20px;

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

        h2 {
            font-size: 4.117647058823529vw;
            font-weight: 600;
            margin-right: 1.1029411764705883vw;
        }

        span {
            color: #9E9E9E;
            font-size: 1.4705882352941175vw;
        }
    }

    .title_dis {
        text-align: left;
        width: 61.76470588235294vw;
    }

    .view_btn {
        background-color: #9e9e9e;
        border: initial;
    }

    .faq_wrap {
        margin-top: 0;
        text-align: left;
    }

    /* accordion */

    .accordion {
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.411764705882353vw;
        position: relative;
        width: 100%;
    }

    .accordion-title {
        cursor: pointer;
        font-size: 1.3235294117647058vw;
        padding: 1.25vw 1.4705882352941175vw;
        position: relative;
        text-align: left;
        font-weight: 700;
        display: flex;

        img {
            width: 2.6470588235294117vw;
            height: 2.6470588235294117vw;
            text-align: center;
            margin-right: 0.8823529411764706vw;
        }
    }

    .accordion-content {
        display: none;
        padding: 1.4705882352941175vw 6.985294117647059vw 2.2058823529411766vw 2.2058823529411766vw;
    }

    .content-flex {
        display: flex;

        span {
            font-size: 1.6176470588235297vw;
            font-weight: 600;
            margin-right: 1.397058823529412vw;
        }
    }

    .accordion-content p {
        color: #9E9E9E;
        text-align: left;
    }

    /* タイトルの背景色 */
    .accordion-item .accordion-title {
        border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
    }

    /* 縦線 */
    .accordion-title::before {
        background: #212121;
        /* 線の色 */
        content: "";
        height: 2px;
        /* 線の太さ */
        position: absolute;
        right: 25px;
        top: 50%;
        /* 線の位置を縦中央に */
        transform: rotate(90deg);
        /* 線を縦に */
        transition: transform .3s ease-in-out;
        width: 15px;
        /* 線の幅 */
    }

    /* 横線 */
    .accordion-title::after {
        background: #212121;
        /* 線の色 */
        content: "";
        height: 2px;
        /* 線の太さ */
        position: absolute;
        right: 25px;
        top: 50%;
        /* 線の位置を縦中央に */
        transition: opacity .3s ease-in-out;
        width: 15px;
        /* 線の幅 */
    }

    /* 縦線(クリック後) */
    .accordion-title.open::before {
        transform: rotate(180deg);
    }

    /* 横線(クリック後) */
    .accordion-title.open::after {
        opacity: 0;
    }
}

@media(max-width:767px) {

    .sec09 {
        padding: 20px 0;

        .title_flex {
            display: block;

            .view_btn-sp {
                text-align: left;
            }
        }

        .title_wrap {
            display: flex;
            align-items: center;
            text-align: left;
            margin-bottom: 2.564102564102564vw;

            h2 {
                font-size: 8.205128205128204vw;
                margin-right: 2.051282051282051vw;
                letter-spacing: 0.005em;
            }

            span {
                font-size: 4.102564102564102vw;
            }
        }

        /* accordion */

        .accordion {
            margin-top: 7.6923076923076925vw;
        }

        .accordion-title {
            font-size: 4.102564102564102vw;
            padding: 3.076923076923077vw 9.230769230769232vw 3.076923076923077vw 2.564102564102564vw;

            img {
                width: 7.6923076923076925vw;
                height: auto;
                margin-right: 2.051282051282051vw;
            }
        }

        .accordion-content {
            padding: 3.076923076923077vw 9.230769230769232vw 3.076923076923077vw 2.564102564102564vw;
        }

        .content-flex {

            span {
                font-size: 4.615384615384616vw;
                font-weight: 600;
                margin-right: 4.102564102564102vw;
            }
        }

        .accordion-content p {
            color: #9E9E9E;
            text-align: left;
        }

        /* タイトルの背景色 */
        .accordion-item .accordion-title {
            border-bottom: 1px dotted var(--System-Gray-400, #9e9e9e);
        }

        /* 縦線 */
        .accordion-title::before {
            right: 10px;
        }

        /* 横線 */
        .accordion-title::after {
            right: 10px;
        }
    }

}