.blurred-outline {
    font-weight: bold;
    color: #000; /* 文字色を黒に設定 */
    position: relative;
    display: inline-block;
    z-index:20;
}


.blurred-outline::before {
    content: attr(data-text); /* 元の文字と同じテキストを表示 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* 背景に配置 */
    color: transparent;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 1); /* ぼかし効果 */
    filter: blur(3px); /* さらにぼかす */
    transform: scale(1.0)
}

@media screen and (min-width: 771px) {
    /*似合わせボディメイク PC*/

    .bodymake-col30 {
        width:30%;
        height:90%
    }

    .bodymake-top-img {
        height:100%; width:100%; object-fit: cover; object-position: 0% 15%;    
    }

    .seitai-top-img {
        height:100%; width:100%; object-fit: cover; transform: translateY(-0%); 
    }

    .eiyou-top-img {
        height:100%; width:100%; object-fit: cover; transform: translateY(0%);
    }

    .bodymake-top {
        text-align: center; font-weight: bold; font-size:50px;
    }

    .bodymake-text {
        font-size:20px;
    }

    .yazirusi-sita {
        margin-left:20px;
        height:60px
    }

}

@media screen and (max-width: 770px) {
    /*似合わせボディメイク mobile*/

    .bodymake-col30 {
        width:100%;
        height:40%;
        overflow-y: hidden;
    }

    .bodymake-top-img {
        margin-top: 10px;
        width:100%; object-fit: cover; object-position: 100% 15%;    
    }

    .seitai-top-img {
        margin-top: 10px;
        width:100%; object-fit: cover; transform: translateY(-30%); 
    }

    .eiyou-top-img {
        width:100%; object-fit: contain; transform: translateY(-40%);
    }

    .bodymake-top {
        text-align: center; font-weight: bold; font-size:20px;
    }

    .bodymake-text {
        font-size:14px;
    }

    .yazirusi-sita {
        height:30px;
        margin-left:20px;
    }


}

@media screen and (min-width: 771px) {
    /*TOPの飾り PC*/

    .icon {
        height:120px; padding: 10px;
    }

    .otoku-flame {
        left:0;
        width:80%;
        margin-top: 5%;
        margin-left: 5%; 
        height:93%;
        background-color: #280f91;
        border: solid;
        border-width: 1px;
        border-color: white;
        color: white;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;        
    }

    .otoku-stamp {
        color:#fff;
        background-color: #280f91;
        width:6vw;
        height:6vw;
        padding: 1vw;
        text-align: center;
        align-items: center;
        font-weight: 900;
        border: solid;
        border-color: white;
        border-top-left-radius: 3.25vw;
        border-top-right-radius: 3.25vw;
        border-bottom-right-radius: 3.25vw;
        border-bottom-left-radius: 3.25vw;  
    }

    .otoku-line {
        border-bottom: 4px dashed #fff;
        width: 100%;
        margin: 20px 0;
    }

    .otoku-label1 {
        font-size: 18px;
    }

    .otoku-label2 {
        font-size: 22px;
    }


    .top-img-layer notice {
        position: absolute;
        width: 22vw;
        height: 16vw;
        z-index: 1;
        left: 2%;
        top: 62%;
    }

    .top-img-layer notice2 {
        position: absolute;
        width: 22vw;
        height: 16vw;
        z-index: 1;
        left: 22%;
        top: 62%;

    }

    .top-img-layer notice3 {
        position: absolute;
        width: 22vw;
        height: 16vw;
        z-index: 1;
        left: 42%;
        top: 62%;

    }

    .top-img-layer noticedeco {
        position: absolute;
        height: 15vw;
        z-index: 2;
        left: 1.5%;
        top: 59%;
    }

    .top-img-layer noticedeco2 {
        position: absolute;
        width: 15vw;
        z-index: 2;
        left: 21.5%;
        top: 59%;
    }

    .top-img-layer noticedeco3 {
        position: absolute;
        width: 15vw;
        z-index: 2;
        left: 41.5%;
        top: 59%;
    }

    .notice2-label1 {
        font-weight: 900;
        font-size: 1.5vw;
        padding: 0;
    }

    .notice2-label2 {
        width:25%;
        justify-content: right;
    }

    .notice2-label2-2 {
        text-decoration: none;
        width:25%;
        font-size: 0.8vw;
        text-align: left;
        margin-top:1vw;
        justify-content: left !important;
    }

    .notice2-label3 {
        width:40%;
        font-size: 1.5vw;
        text-decoration: line-through;
        justify-content: center !important;
        padding: 0%;
    }

    .notice2-row {
        height:5vw;
        overflow-y: hidden;
        margin-top:-20px
    }

    .notice2-label4 {
        font-size: 1.8vw;
        width: 100%;
        margin-top: -15px;

    }

    .notice2-label5 {
        margin-top:-1vw;
        width:30%;
        justify-content: right;
        text-align: center;
        margin-left:-45px;
    }

    .notice2-label6 {
        font-size: 3vw;
        font-weight: 400;
        margin-top:-1vw;
        width:50%
    }

    .notice2-label7 {
        width:30%;
        justify-content: left;
        font-size: 1.5vw;
        margin-top:1vw;
        width:15%;
        margin-left:-20px
    }

    .notice2-label8 {
        font-size: 0.6vw;
        margin-top: 2vw;
        margin-left:75%
    }

    .notice2-label9 {
        font-size: 3vw;
        font-weight: 900;
    }

    .notice3-label1 {
        font-size: 1vw;
        font-weight: bold; 
    }

    .margin-zei {
        margin-top:-3vw
    }

    .margin-kutikomi {
        margin-top:-18%;
    }


}

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

    .icon {
        height:20vw; padding: 10px;
    }


    .otoku-flame {
        left:0;
        width:100%;
        margin-top: 7%;
        margin-left: 5%; 
        height:70%;
        background-color: #280f91;
        border: solid;
        border-width: 1px;
        border-color: white;
        color: white;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;        
    }

    .otoku-stamp {
        color:#fff;
        background-color: #280f91;
        width:20vw;
        height:40px;
        padding: 0;
        text-align: center;
        align-items: center;
        font-weight: 900;
        border: solid 1px;
        border-color: white;
        border-top-left-radius: 5vw;
        border-top-right-radius: 5vw;
        border-bottom-right-radius: 5vw;
        border-bottom-left-radius: 5vw; 
        overflow-y: hidden; 
    }

    .otoku-line {
        border-bottom: 4px dashed #fff;
        width: 100%;
        margin: 0px 0;
    }

    .otoku-label1 {
        font-size: 12px;
    }

    .otoku-label2 {
        font-size: 14px;
    }

    /*TOPの飾り mobile*/
    .top-img-layer notice {
        position: absolute;
        width: 32dvw;
        height: 50vw;
        z-index: 1;
        left: 4%;
        top: 50%;
    }

    .top-img-layer notice2 {
        position: absolute;
        width: 32vw;
        height: 50vw;
        z-index: 1;
        left: 35%;
        top: 50%;

    }

    .top-img-layer notice3 {
        position: absolute;
        width: 32vw;
        height: 50vw;
        z-index: 1;
        left: 66%;
        top: 50%;

    }

    .top-img-layer noticedeco {
        position: absolute;
        height: 15vw;
        display: block;
        object-fit: cover;
        z-index: 2;
        left: 1.5%;
        top: 44%;
    }

    .top-img-layer noticedeco2 {
        position: absolute;
        height: 15vw;
        display: block;
        object-fit: cover;
        z-index: 2;
        left: 34.5%;
        top: 44%;
    }

    .top-img-layer noticedeco3 {
        position: absolute;
        height: 15vw;
        display: block;
        object-fit: cover;
        z-index: 2;
        left: 63.5%;
        top: 44%;
    }


/*
    特典２文字(mobile)
*/

    .notice2-label1 {
        font-size: 3.5vw;
        font-weight: 400;
        justify-content: center;
        margin-top: 30px;

    }

    .notice2-row {
        height:7vw;
        overflow-y: hidden;
        margin-top:0px
    }


    .notice2-label2 {
        font-size: 2vw;
        justify-content: center;
        width: 30%;
        padding: 0;
    }

    .notice2-label2-2 {
        text-decoration: none;
        width:30%;
        font-size: 1vw;
        text-align: left;
        margin-top:3vw;
        justify-content: left !important;
    }

    .notice2-label3 {
        width:40%;
        justify-content: center;
        font-size: 3vw;
        text-decoration: line-through;
        padding: 0;
    }

    .notice2-label4 {
        font-size: 3vw;

    }

    .notice2-label5 {
        margin-top:-1vw;
        width:20%;
        font-size: 2vw;
        padding: 0%;

    }

    .notice2-label6 {
        font-size: 6vw;
        font-weight: 400;
        padding: 0%;
        margin-top:-1vw;
        width:60%;
    }

    .notice2-label7 {
        width:20%;
        font-size: 2vw;
        margin-top:1vw;
        margin-left:-15%;        
        margin-left: right;
    }

    .notice2-label8 {
        font-size: 1.2vw;
        margin-top: 0vw;
        margin-left:68%;        
    }


    .notice3-label1 {
        font-size: 2vw;
        font-weight: bold;
        margin-top:20px
    }
    
    .notice2-label9 {
        font-size: 3vw;
        font-weight: 900;
    }

    .margin-zei {
        margin-top:1vw
    }

    .margin-kutikomi {
        margin-top:5%;
    }

}




@media screen and (min-width: 771px) {
    .body-width {
        width:80%;
    }

    .top-img-main {
        width: 100%;
        height: 50vw;
        object-fit: cover;
        object-position:20% 30%;
        z-index: -2;
    }

    .line-container { 
        display: flex;
        align-items: center; 

        position: relative; 
        width:80%;
        height:100px
    }
        
    .line-container::before, .line-container::after { 
        content: '▶';
        font-size: 24px;
        position: absolute;
        top: 0px; /* 矢印の位置を調整 */ 
    }

    .line-container::before { 
        left: 0; 
    } 
    .line-container::after { 
        right: 0; 
        content: '◀'; 
    } 
    .line { 
 
        border-bottom: 1px solid #000; /* ラインのスタイル */
        width:99%;
        margin-top:-64px
    }
}




@media screen and (max-width: 770px) {
    .body-width {
        width:100%;
    }

    .top-img-main {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position:80% 30%;
        z-index: -2;
    }

    .line-container { 
        display: flex;
        align-items: center; 
        position: relative; 
        width:100%;
        height:100px
    }
        
    .line-container::before, .line-container::after { 
        content: '▶';
        font-size: 18px;
        position: absolute;
        top: 0px; /* 矢印の位置を調整 */ 
    }

    .line-container::before { 
        left: 0; 
    } 
    .line-container::after { 
        right: 0; 
        content: '◀'; 
    } 
    .line { 
 
        border-bottom: 1px solid #000; /* ラインのスタイル */
        width:95%;
        margin-top:-70px
    }

    .mobile-none {
        display: none;
    }
}

@media screen and (min-width: 771px) {
     /*
    |------------------------------|
    | PC about top                 |
    |------------------------------|
    */

    .about-top-flame {
        height:700px;
        background-color: #202020;
    }

    .about-top-img {
        position: absolute;
        right:10%;
        height:700px
    }

    .abount-top-text-flame {
        margin-left: 250px; width:600px 
    }

    .abount-top-text-flame {
        margin-top:100px;
        text-align: center;
    }

    .btktoha {
        margin-top: -40px;
    }

    .top-font {
        font-size: 1.8vw
    }

}

@media screen and (max-width: 770px) {
     /*
    |------------------------------|
    | mobile  about top            |
    |------------------------------|
    */

    .about-top-flame {
        height:400px;
        background-color: #202020;
    }

    .about-top-img {
        position: absolute;
        right:0%;
        bottom: 0;
        height:200px
    }
    

    .abount-top-text-flame { 
        width:300px ;
        justify-content: center !important;
        text-align: center;
    }

    .abount-top-text-flame {

        text-align: center;
    }

    .btktoha {
        margin-top: -10px;
        padding: 0%;

    }

    .top-font {
        font-size: 5vw
    }
}

@media screen and (min-width: 771px) {

     /*
    |------------------------------|
    | PC お客様の声                 |
    |------------------------------|
    */

    .rebyu-img-flame {
        height:100%;
        width:40%;
    } 

    .rebyu-img {
        width:100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    } 

    .google-map5-img {
        width:100px;
        right:0;
        display: block;
        position: absolute;
    }


}

@media screen and (max-width: 770px) {
     /*
    |------------------------------|
    | mobile お客様の声             |
    |------------------------------|
    */

    .rebyu-img-flame {
        height:100%;
        width:40%;
    } 

    .rebyu-img {
        width:100%;
        object-position: 30% 0%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    } 

    .google-map5-img {
        height:50px;
        width:80px;
        right:0px;
        display: block;
        position: absolute;
    }

}

@media screen and (min-width: 771px) {
    /*
    |------------------------------|
    | PC LINE                      |
    |------------------------------|
    */

    .line-flame {
        height:400px
    }

    .line-col1 {
        width: 20%;
    }

    .line-col2 {
        width: 80%;
    }

    .line-img-flame {
        width:100%;
    }

    .line-img {
        max-width:100px;
        object-fit: fill
    }

    .line-square {
        width: 900px;
        background-color: #06c654;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow-y: hidden;
    }

    .line-square-top {
        height:40%;
        padding: 30px;
        color:black;
        overflow-y: hidden;
    }

    .line-title {
        font-weight: bold;
        font-size:28px;
        margin-top: 0px;
    }

    .line-kirakira {
        height:50px
    }

    .line-text-main {
        font-weight: bold;
        font-size:20px;
    }

    .line-text {
        font-size:24px;
        font-weight: bold;
    }

    .line-tokuten {
        position: absolute;
        height:150px;
        bottom:10px;
    }

    .line-click {
        position: absolute;
        height:100px;
        margin-left:700px;
        bottom:0px
    }

}

@media screen and (max-width: 770px) {
    /*
    |------------------------------|
    | mobile LINE                  |
    |------------------------------|
    */
    .line-flame {
        height:300px;
        padding:10px
    }

    .line-col1 {
        width: 20%;
        padding: 10px;
    }

    .line-col2 {
        width: 80%;
    }

    .line-img-flame {
        width:100px;
        height:50px;
        margin-left: 0px;
    }

    .line-img {
        max-width:50px;
        object-fit: fill
    }

    .line-square {
        background-color: #06c654;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .line-square-top {
        height:35%;
        padding: 15px;
        color:black
    }

    .line-title {
        font-weight: bold;
        font-size:18px;
        margin-top: 0px;
    }

    .line-kirakira {
        height:20px
    }

    .line-text-main {
        font-weight: bold;
        font-size:16px;
    }

    .line-text {
        font-size:12px;
        font-weight: bold;
    }

    .line-tokuten {
        position: absolute;
        height:80px;
        bottom:0px;
        left: 30px;
    }

    .line-click {
        position: absolute;
        height:60px;
        margin-left:200px;
        bottom:0px
    }

}


@media screen and (min-width: 771px) {
    /*
    |------------------------------|
    | PC(体験レッスン申し込み）      |
    |------------------------------|
    */
    .test-gym-flame {
        height:650px;
        position:relative;
        padding:0
    }

    .test-gym-row1 {
        height:146px;
        background-color: white
    }

    .test-gym-row2 {
        height:397px;
        background: linear-gradient(to right, #5170ff 20%, #ff66c4);
    }

    .test-gym-width {
        width:70%;
    }

    .str-risou {
        font-weight:900;
        font-size:130px;
        width:100%;
    }

    .str-no {
        font-weight:900;
        font-size:80px;
        width:100%;
    }

    .str-zibun {
        font-weight:900;
        font-size:110px;
        width:100%;
        margin-left:0px
    } 
    
    .str-he {
        font-weight:900;
        font-size:80px;
        width:100%;
        margin-left:5px
    }

    .test-gym-text {
        line-height: normal;
        font-weight:900;
        font-size:26px;
        color:white;
        text-align: center;
        margin-left: 10%;
        margin-right: auto;
        margin-top:30px
    }

    .hotpepper-img {
        margin-top: 20px;
        margin-left:18%;
    }

    .you-flame {
        width:40%;
        height:550px;
        position: absolute;
        right: 0;
        top:0;
        padding:0
    }

    .you-img {
        object-fit: cover;
        width:100%;
        height: 100%;
        object-position: 30% 50%;
    }
}

@media screen and (max-width: 770px) {
    /*
    |----------------------------------|
    | mobile(体験レッスン申し込み）      |
    |----------------------------------|
    */
    .test-gym-flame {
        height:300px;
        position:relative;
        padding:0
    }

    .test-gym-row1 {
        height:56px;
        background-color: white
    }

    .test-gym-row2 {
        height:151px;
        background: linear-gradient(to right, #5170ff 20%, #ff66c4);
    }

    .test-gym-width {
        width:95%;
    }

    .str-risou {
        font-weight:900;
        font-size:30px;
        width:100%;
        margin-left: 20px;

    }

    .str-no {
        font-weight:900;
        font-size:14px;
        width:100%;
    }

    .str-zibun {
        font-weight:900;
        font-size:24px;
        width:100%;
        margin-left:0px
    } 
    
    .str-he {
        font-weight:900;
        font-size:14px;
        width:100%;
        margin-left:0px
    }

    .test-gym-text {
        line-height: normal;
        font-weight:900;
        font-size:12px;
        color:white;

        margin-left: 0%;
        margin-top:15px
    }

    .hotpepper-img {
        margin-top: 10px;
        margin-left:15%;
        width:100px;

    }

    .you-flame {
        width:40%;
        height:300px;
        position: absolute;
        right: 0;
        top:0;
        padding:0
    }

    .you-img {
        object-fit: cover;
        width:100%;
        height: 70%;
        object-position: 45% 50%;
    }

}

@media screen and (min-width: 771px) {
    /*
    |---------------------|
    | PC(料金プラン）      |
    |---------------------|
    */

    .enter-plan-flame {
        width: 20%;
        height:600px;
        padding: 0%;
        position: relative;
        right: 0%;
    }

    .enter-plan-square {
        min-width: 200px; 
        background: linear-gradient(to bottom right, #ffb13d, #ffc700, #f2ff00, #ffffff);
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .enter-plan-row {
        height:35%;
        padding: 30px;
    }

    .enter-plan-row2 {
        height:60%;
        padding:20px
    }

    .course-plan-flame {
        width: 50%;
        padding: 0%;   
    }

    .course-plan-square {
        background-color: #edeced ;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        padding: 30px;
    }
}

@media screen and (max-width: 770px) {
    /*
    |---------------------|
    | mobile(料金プラン）  |
    |---------------------|
    */

    .enter-plan-flame {
        width: 100%;
        height:400px;
        padding: 0%;
        position: relative;
        right: 0%;
        justify-content: center;
    }

    .enter-plan-square {
        min-width: 200px; 
        background: linear-gradient(to bottom right, #ffb13d, #ffc700, #f2ff00, #ffffff);
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .enter-plan-row {
        height:35%;
        padding: 30px;
    }

    .enter-plan-row2 {
        height:60%;
        padding:20px
    }

    .course-plan-flame {
        width: 95%;
        padding: 0%;   
    }

    .course-plan-square {
        background-color: #edeced ;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        padding: 30px;
    }


}


@media screen and (min-width: 771px) {

    /*
    |---------------------|
    | PC(BTK3つの強み）    |
    |---------------------|
    */
    .col20 {
        width:20%;
    }

    .col30 {
        width:30%;
    }

    .col40 {
        width:40%;
    }

    .col50 {
        width:50%;
    }

    .col60 {
        width:60%;
    }

    .col70 {
        width:70%;
    }

    .col80 {
        width:80%;
    }

    .col90 {
        width:90%
    }

    .yellow-flame {
        width:25%;
        height:480px;
        background-color: #f9ef23;
        padding: 0%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .yellow-flame-img {
        object-fit: cover;
        width:100%;
        height: 250px;
        object-position: 100% 30%;
    }

    .migiyazirusi {
        margin-left: -100px;
    }


}

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

    /*
    |---------------------|
    | mobile(BTK3つの強み）|
    |---------------------|
    */

    .col20 {
        width:100%;
    }

    .col30 {
        width:100%;
    }

    .col40 {
        width:100%;
    }

    .col50 {
        width:100%;
    }

    .col60 {
        width:100%;
    }

    .col70 {
        width:100%
    }

    .col90 {
        width:100%
    }

    .yellow-flame {
        margin-top: 20px;
        width:80%;
        height:350px;
        background-color: #f9ef23;
        padding: 0%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .yellow-flame-img {
        object-fit: cover;
        width:100%;
        height: 130px;
        object-position: 100% 20%;
    }

    .migiyazirusi {
        margin-left: -30px;
    }
}


@media screen and (min-width: 770px) {

    /*
    |---------------------|
    | PC(STUDIO紹介）     |
    |---------------------|
    */

    .uketuke {
        width: 30%;
        height:800px;
        padding: 0%;
    }

    .uketuke-img {
        object-fit: cover;
        width:100%;
        height: 250px;
        object-position: 100% 30%; 
    }

    .studio-height {
        height:50%;
    }

    .training-img {
        object-fit: cover;
        width:100%;
        height: 250px;
        object-position: 100% 50%;
    }

    .floor-area {
        width: 70%; height:800px; background-color: #edeced; padding: 0%;
    }

    .floor-img {
        object-fit: cover;
        width:100%;
        height:100%;
        object-position: 20% 30%;
        position: relative;
        right:0
    }
    
    .floor-area-flame1 {
        height:20%;
        padding: 0%;
    }

    .floor-area-flame2 {
        height:80%;
        padding: 0%;
    }
}


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

    /*
    |---------------------|
    | mobile(STUDIO紹介）  |
    |---------------------|
    */

    .uketuke {
        height:800px;
        width: 100%;
        padding: 0%;
    }

    .uketuke-img {
        object-fit: cover;
        width:100%;
        height: 250px;
        object-position: 100% 30%; 
    }

    .studio-height {
        height:100%;
    }

    .training-img {
        object-fit: cover;
        width:100%;
        height: 250px;
        object-position: 100% 50%;
    }

    .floor-area {
        width: 100%;
        height:500px;
        background-color: #edeced;
        padding: 0%;
    }

    .floor-img {
        object-fit: fill;
        width:100%;
        height:250px;
        object-position: 20% 30%;
        position: relative;
        right:0
    }

    .floor-area-flame1 {
        height:25%;
        padding: 0%;
    }

    .floor-area-flame2 {
        height:75%;
        padding: 0%;
    }


}


@media screen and (min-width: 771px) {

    /*
    |---------------------|
    | PC(コース内容）     |
    |---------------------|
    */

    .total-body-flame{
        height:900px;
        overflow: hidden;      
    }

    .total-body-col1-flame {
        width:40%;
        height: 900px;
        position: relative;
    }

    .total-body-col2-flame {
        height:1100px;
        width:60%;
        padding: 25px;
        overflow: hidden;   
    }

    .total-body-small-flame {
        padding:10px;
        width: 100%;
        height:130px;
        overflow-y: hidden;
    }

    .beauty-small-flame {
        padding:10px;
        width: 100%;
        height:140px;
        overflow-y: hidden;
    }

    .total-body-small-title-font{
        font-size: 20px;
    }

    .total-body-small-font {
        font-size: 14px;
    }

    .total-body-small-img-flame {
        width:20%;
        height:100%;
    }

    .total-body-small-description-flame {
        width:80%;
        height:100%;
    }

    .total-body-small-img {
        object-position: 20% 30%;
    }

    .pay-flame {
        height:300px; 
    }

    .beauty-title-flame {
        height:15%
    }

    .beauty-sub-title {
        font-size: 22px; 
    }

    .beauty-title {
        font-size: 35px;
    }

    .beuty-flame {
        height:950px;
        background-color: #edeced;
        width:80%;
    }

    .beuty-flame-col1 {
        height:950px;
        width:60%;
        overflow-y: hidden;
    }

    .beuty-flame-col2 {
        width:40%;
        height:950px;
        position: relative;
    }

    .beauty-small-img {
        object-position: 20% 30%;
        object-fit: cover;
        position: relative;
        width: 150px;
        height: auto;
    }

}


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

    /*
    |---------------------|
    | mobile(コース内容）  |
    |---------------------|
    */
    .total-body-flame{
        height:1450px;
        overflow-y: hidden;
    }

    .total-body-col1-flame {
        width:100%;
        height:300px;
        position: relative;
        display: none;
    }

    .total-body-col2-flame {
        height:1350px;
        width:100%;
    }

    .total-body-small-flame {
        padding:10px;
        width: 100%;
        height:180px; 
    }

    .beauty-small-flame {
        padding:10px;
        width: 100%;
        height:180px; 
    }

    .total-body-small-title-font{
        font-size: 18px;
    }

    .total-body-small-font {
        font-size: 12px;
    }

    .total-body-small-img-flame {
        display: block;
        width:30%;
        height:100%;
    }

    .total-body-small-description-flame {
        display: block;
        width:70%;
        height:100%;
    }

    .total-body-small-img {
        object-position: 50% 30%;
    }

    .beauty-small-img {
        object-position: 60% 30%;
        object-fit: cover;
        width:100%;
        height: 100%;
        position: relative;
        right:0
    }

    .pay-flame {
        height:400px; 
    }

    .beuty-flame {
        height:1550px;
        background-color: #edeced;
        width: 100%;
    }

    .beauty-title-flame {
        height:60px;
    }

    .beauty-sub-title {
        font-size: 18px; 
    }

    .beauty-title {
        font-size: 22px;
    }

    .beuty-flame-col1 {
        height: 1100px;
        width:100%;
        overflow-y: hidden;
    }

    .beuty-flame-col2 {
        width:100%;
        height:300px;
        position: relative;
    }

    .beauty-pay-flame {
        height:300px; 
    }
    
}

@media screen and (min-width: 781px) {
    /*
        |---------------------|
        |       header        |
        |---------------------|
    */

    .head-logo-space {
        flex: 0 0 auto;
        width: 25%;
    }

    .head-menu-space {    
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .head-lineinvite-space {
        flex: 0 0 auto;
        width: 17%;
    }

    .btk-head {
        position: fixed;
        width: 100%;
        height: 60px;
        top: 0;
        background: #333;
        z-index: 1000;
        padding: 0 0 0 1rem;
        display: flex;
        align-items: center;
        overflow-y: hidden;
    }

    .logo {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 2vw;
    }

    .btk-logo {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 3.5vw;
    }

    .btk-logo-sub {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 1.5vw !important; 
        font-weight: 400;
    }

    .btk-head-menu {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 1vw;
    }
    
    .menu_icon {
        display: none;
    }

    .nav-block {
        border-right: solid 1px #0c0c0c;
        display:flex;
        -webkit-box-align: center;
        align-items: center;
        color: white;
        font-family: 'Noto Sans JP';
        padding: 1vw;
        color: inherit;
        text-decoration: none;
    }

    .line-invite {
        background-color: #06c654;
        color:black;
        font-weight: 900;
        border-style: none;
        margin-right: 0%;
        font-family: sans-serif;
        overflow-y: hidden;
        text-align: center;
        margin: 0 0 0 auto;
    }

    .btn {
        display:flex;
        text-align: center;
        text-decoration: none;
        margin: auto;
        padding: 1rem 3rem;
        font-weight: bold;
        background: linear-gradient(to top, rgb(148, 215, 105), rgb(168, 225, 125));
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        transition: 0.5s;
    }

    body {
        color: #333;
        font-size: 1vw;
        font-family: 'Noto Sans JP', sans-serif;
    }
    
    .kings-regular {
        font-family: "Kings", cursive;
        font-weight: 900;
        font-style: normal;
    }

    .pinyon-script-regular {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
        font-style: normal;
    }

    .zen-antique-soft-regular {
        font-family: "Zen Antique Soft", serif;
        font-weight: 900;
        font-style: normal;
    }

    .top-img {
        width: 100%;
        height: 45vw;
        object-fit: cover;
        object-position: 100% 0%;
    }

    .top_large_font {
        font-size:8dvw;
        font-weight: 900;
        color: white;
    }

    .top_small_font {
        font-size: 2dvw;
        font-weight: 900;
        color:white;
    }
    
    .top_mini_font {
        font-size: 1.2dvw;
        font-weight: 900;
        color:white;       
    }

    .top-main-phrase {
        margin-top: 80px;
        margin-left: 120px;
        color: #000;
    }

    .top-main-phrase2 {
        color: #000;
        margin-left: 130px;
    }

    .top-main-phrase3 {
        margin-left: 130px;
        margin-top: -30px;
        color:#000
    }

    .top-main-phrase4 {
        margin-top:-20px;
        margin-left: 20px;
        color:#000
    }

    .top_medium_font {
        font-size: 3dvw;
        font-weight: 700;
        color:white;
    }

    .top-img-layer {
        position: relative; 
    }

    .top-img-layer p {
        position: absolute;
        top:5%;
        left: 5%;
    }


    .imgnotice {
        width: 4vw;
    }

    .notice {
        width: 4vw;
    }

    .noticeimg {
        width: 3.5vw;
    }

    .campaign-title {
        font-size: 1.6vw;
        font-weight: 400;
    }

    .campaign-sub-title {
        font-size: 1.1vw;
        font-weight: 400;
    }

    .campaign-small-label {
        font-size: 0.6vw;
        font-weight: 100;
    }

    .campaign-arrow {
        font-size: 1vw;
    }

    .campaign-label {
        font-size: 1.5vw;
        font-weight: 100;
    }

    .campaign-large-label {
        font-size: 2.4vw;
        font-weight: 400;
    }


    .content {
        margin-top: 0px;
        padding: 0px;
    }

    .flame {
        width: 80dvw;
        height: 50dvh;
        object-fit: fill;
    }
    
    .img-layer {
        position: relative; 
    }

    .img-layer p {
    position: absolute;
    top:15%;
    left: 15%;
    color: #000000;

    }

    .review-flame {
        width: 100%;
        background-color: #e8e399;
        height: 100%;
        border: #000000;
        border-width: 20px !important;
        padding: 0.5vw;
        border: solid;
    }

    .review-img {
        width: 15vw;
        height: 30vh;
        overflow: hidden; /* 画像が枠を超えないようにする */
        position: relative
    }

    .review-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: fill;
        top: 50%; /* 親要素の中央に配置 */
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .review-detail-button {
        width:10vw;
        height:3vw;
        background-color: #1e1414;
        color: azure;
        font-weight: bold;
        justify-content: center !important;
        padding: 10px;
        text-align: center;
        margin:auto
    }

    .hidden-view{
        display: none;
    }
    .review-detail-button::before{
        content: "もっと見る";
        justify-content: center;
        text-align: center;
        
    }

    input[type="checkbox"]#trigger{
        display: none;
    }

    input[type="checkbox"]#trigger:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    input[type="checkbox"]#trigger02{
        display: none;
    }

    input[type="checkbox"]#trigger02:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger02:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    input[type="checkbox"]#trigger03{
        display: none;
    }

    input[type="checkbox"]#trigger03:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger03:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    .detail-button {
        width:30%;
        height:3vw;
        background-color: #000000;
        color: azure;
        font-weight: bold;
    }

    .label-main {
        font-size: 48px;
        font-weight: bold;
    }
    .label-sub {
        font-size: 32px;
        font-weight:bold;
    }
    .label-sub-min {
        font-size: 20px;
        font-weight: bold;
    }
    .label-sub-min2 {
        font-size: 16px;
        font-weight: bold;
    }

    .maru-img-layer {
        position: relative;
        z-index: 1;
        position: absolute;
        left: 42%
    }

    .maru-img {
        width:10vw;
    }

    .maru-img-layer p {
        position: absolute;
        top:25%;
        left: 15%;
        color:white;
        font-family: serif;
        text-align: center;
        font-size: 1.8vw;
        font-weight: 600;
    }

    .btk-plan {
        width: 80%;
        /* background-image: url(../img/トレーニングジム背景.png); */
        background-color:antiquewhite;
        border: solid;
        border-width: 0.5vw;
        border-color: black;
        padding: 0;
    }

    .btk-plan-table {
        border: solid;
        border-width: 0.2vw;
        border-color: black;
        padding: 0;
        font-size: 1.1vw;
        background-color: white;
        padding: 10px;
        column-rule-style: double;
        border-collapse: solid;
    }

    .btk-plan-table, .btk-plan-table th, .btk-plan-table td {
        border: solid;
        border-width: 0.2vw;
        border-color: black;
    }

    .btk-access {
        width: 100%;
        background-color: black;
        color:white;
        border: solid;
        border-width: 0.5vw;
        border-color: black;
        padding: 0;
    }

    .plan-img {
        width: 100%;
        height: 10vw;
        object-fit: cover;
    }

    .rounded-circle {
        width: 3vw;
        height: 3vw;
        background-color: rgb(92, 92, 211); /* 円の色 */
        border-radius: 50%; /* 完全な円にする */
    }

    .question-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question{
        display: none;
    }
    input[type="checkbox"]#question:checked ~ .question-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question:checked ~ .question-detail-button::before{
        content: "ー";
    }

    .question-hidden-view{
        display: none;
    }

    .question02-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question02-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question02{
        display: none;
    }
    input[type="checkbox"]#question02:checked ~ .question02-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question02:checked ~ .question02-detail-button::before{
        content: "ー";
    }

    .question02-hidden-view{
        display: none;
    }

    .question03-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question03-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question03{
        display: none;
    }
    input[type="checkbox"]#question03:checked ~ .question03-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question03:checked ~ .question03-detail-button::before{
        content: "ー";
    }

    .question03-hidden-view{
        display: none;
    }

    .question04-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question04-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question04{
        display: none;
    }
    input[type="checkbox"]#question04:checked ~ .question04-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question04:checked ~ .question04-detail-button::before{
        content: "ー";
    }

    .question04-hidden-view{
        display: none;
    }

    .question05-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question05-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question05{
        display: none;
    }
    input[type="checkbox"]#question05:checked ~ .question05-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question05:checked ~ .question05-detail-button::before{
        content: "ー";
    }

    .question05-hidden-view{
        display: none;
    }

    .question06-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question06-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question06{
        display: none;
    }
    input[type="checkbox"]#question06:checked ~ .question06-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question06:checked ~ .question06-detail-button::before{
        content: "ー";
    }

    .question06-hidden-view{
        display: none;
    }

    .question07-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question07-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question07{
        display: none;
    }
    input[type="checkbox"]#question07:checked ~ .question07-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question07:checked ~ .question07-detail-button::before{
        content: "ー";
    }

    .question07-hidden-view{
        display: none;
    }

    .question08-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question08-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question08{
        display: none;
    }
    input[type="checkbox"]#question08:checked ~ .question08-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question08:checked ~ .question08-detail-button::before{
        content: "ー";
    }

    .question08-hidden-view{
        display: none;
    }

    .question09-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question09-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question09{
        display: none;
    }
    input[type="checkbox"]#question09:checked ~ .question09-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question09:checked ~ .question09-detail-button::before{
        content: "ー";
    }

    .question09-hidden-view{
        display: none;
    }

    .question10-detail-button {
        width:10vw;
        height:3vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question10-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question10{
        display: none;
    }
    input[type="checkbox"]#question10:checked ~ .question10-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question10:checked ~ .question10-detail-button::before{
        content: "ー";
    }

    .question10-hidden-view{
        display: none;
    }

}


/*
    |-----------------|
    |      mobile     |
    |-----------------|
*/
 @media screen and (max-width: 750px) {
    /*
        |---------------------|
        |       header        |
        |---------------------|
    */


    /*
        |---------------------|
        |       header        |
        |---------------------|
    */

    .head-logo-space {
        flex: 0 0 auto;
        width: 70%;
    }

    .head-menu-space {    
        flex: 0 0 auto;
        width: 0%;
    }

    .head-lineinvite-space {
        flex: 0 0 auto;
        width: 10%;
        display: none;
    }
    
    .btk-head {
        position: fixed;
        width: 100%;
        height: 80px;
        top:0;
        transition: .4s ease-in-out;
        background: #333;
        z-index: 1000;
        padding: 0 0 0 1rem;
        display: flex;
        align-items: center;
        overflow-y: hidden;
    }

    .logo {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 2vw;
    }

    .btk-logo {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 10vw;
    }

    .btk-logo-sub {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 6vw !important; 
        font-weight: 400;
    }

    
    .btk-head-menu {
        overflow: hidden;
        color:white;
        text-decoration: none;
        font-size: 2vw;
    }
    
    .nav-block {
        border-right: solid 1px #0c0c0c;
        display:none;
        -webkit-box-align: center;
        align-items: center;
        color: white;
        font-family: 'Noto Sans JP';
        padding: 1vw;
        color: inherit;
        text-decoration: none;
    }

    .top_mini_font {
        font-size: 3dvw;
        font-weight: 900;
        color:white;       
    }
    
    .line-invite {
        background-color: #cb0080;
        color:black;
        display: none;
        font-weight: 900;
        border-style: none;
        margin-right: 0%;
        font-family: sans-serif;
        overflow-y: hidden;
        text-align: center;
        margin: 0 0 0 auto;
    }
    
    .btn {
        display:flex;
        text-align: center;
        text-decoration: none;
        margin: auto;
        padding: 1rem 3rem;
        font-weight: bold;
        background: linear-gradient(to top, rgb(148, 215, 105), rgb(168, 225, 125));
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        transition: 0.5s;
    }

    * {
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .noto-sans-jp-uniquifier {
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    }

    body {
        color: #333;
        font-size: 1vw;
        font-family: 'noto-sans-jp-uniquifier','Noto Sans JP', sans-serif;
    }
    
    .kings-regular {
        font-family: "Kings", cursive;
        font-weight: 900;
        font-style: normal;
    }

    .pinyon-script-regular {
        font-family: "Pinyon Script", cursive;
        font-weight: 400;
        font-style: normal;
    }

    .zen-antique-soft-regular {
        font-family: "Zen Antique Soft", serif;
        font-weight: 900;
        font-style: normal;
    }

    .top-img {
        width: 1000px;
        height: 500px;
        object-fit: cover;
        object-position: 55% 0% 50% 50%;
        
    }

    .top_large_font {
        font-size:15dvw;
        font-weight: 900;
        color: white;
        margin-right: 22%;
    }

    .top_small_font {
        margin-top: 60px;
        font-size: 5vw;
        font-weight: 400;
        color:white;
        
    }

    .top_medium_font {
        margin-top: 18px;
        font-size: 6.5dvw;
        font-weight: 700;
        color:white;
        margin-right: 0%;

    }

    .top-img-layer {
        position: relative; 
        overflow-y: hidden;
    }

    .top-img-layer p {
        position: absolute;
        top:5%;
        left: -10%;
    }

    .top-main-phrase {
        margin-top: 10px;
        margin-left: 6vw;

        color: #000;
    }

    .top-main-phrase2 {
        color: #000;
        margin-left: 10vw;
        margin-top: 0px;
        text-align: center;
    }

    .top-main-phrase3 {
        margin-left:15vw;
        margin-top: -20px;
        color:#000
    }

    .top-main-phrase4 {
        margin-top:-20px;
        margin-right:0px;
        color:#000
    }

    .notice {
        width: 4vw;
    }

    .noticeimg {
        width: 13vw;
        height: 40px;
    }



    .campaign-title {
        font-size: 1.6vw;
        font-weight: 400;
    }

    .campaign-sub-title {
        font-size: 1.1vw;
        font-weight: 400;
    }

    .campaign-small-label {
        font-size: 0.6vw;
        font-weight: 100;
    }

    .campaign-arrow {
        font-size: 1vw;
    }

    .campaign-label {
        font-size: 1.5vw;
        font-weight: 100;
    }

    .campaign-large-label {
        font-size: 2.4vw;
        font-weight: 400;
    }


    .content {
        margin-top: 80px;
        padding: 0px;
    }

    .flame {
        width: 80dvw;
        height: 50dvh;
        object-fit: fill;
    }
    
    .img-layer {
        position: relative; 
    }

    .img-layer p {
    position: absolute;
    top:15%;
    left: 10%;
    color: #000000;

    }

    .review-flame {
        width: 100%;
        background-color: #e8e399;
        height: 110vw;
        border: #000000;
        border-width: 5px !important;
        padding: 0vw;
        border: solid;
    }

    .review-img {
        width: 100%;
        height: 30vh;
        overflow: hidden; /* 画像が枠を超えないようにする */
        position: relative
    }

    .review-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: fill;
        top: 50%; /* 親要素の中央に配置 */
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .review-detail-button {
        position: sticky;
        top:80%;
        width:30vw;
        height:10vw;
        margin-bottom:0%;
        background-color: #1e1414;
        color: azure;
        font-weight: bold;
        justify-content: center !important;
        padding: 10px;
        text-align: center;
        margin:auto;
        font-size: 3vw;
    }

    .hidden-view{
        display: none;
    }
    .review-detail-button::before{
        content: "もっと見る";
        justify-content: center;
        text-align: center;
        
    }

    input[type="checkbox"]#trigger{
        display: none;
    }

    input[type="checkbox"]#trigger:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    input[type="checkbox"]#trigger02{
        display: none;
    }

    input[type="checkbox"]#trigger02:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger02:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    input[type="checkbox"]#trigger03{
        display: none;
    }

    input[type="checkbox"]#trigger03:checked ~ .hidden-view{
        display: block;
    }

    input[type="checkbox"]#trigger03:checked ~ .review-detail-button::before{
        content: "閉じる";
    }

    .detail-button {
        width:70%;
        height:6vw;
        background-color: #000000;
        color: azure;
        font-weight: bold;
        font-size: 3vw;
    }

    .label-main {
        font-size: 24px;
        font-weight: bold;
    }
    .label-sub {
        font-size: 18px;
        font-weight:bold;
    }
    .label-sub-min {
        font-size: 14px;
        font-weight: bold;
    }
    .label-sub-min2 {
        font-size: 12px;
        font-weight: bold;
    }

    .maru-img-layer {
        position: relative;
        z-index: 1;
        position: absolute;
        left: 3%
    }

    .maru-img {
        width: 22vw;
    }

    .maru-img-layer p {
        position: absolute;
        top:25%;
        left: 15%;
        color:white;
        font-family: serif;
        text-align: center;
        font-size: 3.8vw;
        font-weight: 600;
    }

    .btk-plan {
        width: 98%;
        /* background-image: url(../img/トレーニングジム背景.png); */
        background-color:antiquewhite;
        border: solid;
        border-width: 0.5vw;
        border-color: black;
        padding: 0;
    }

    .btk-plan-table {
        border: solid;
        border-width: 0.2vw;
        border-color: black;
        padding: 0;
        font-size: 2.2vw;
        background-color: white;
        padding: 10px;
        column-rule-style: double;
        border-collapse: solid;
    }

    .btk-plan-table, .btk-plan-table th, .btk-plan-table td {
        border: solid;
        border-width: 0.2vw;
        border-color: black;
    }

    .btk-access {
        width: 100%;
        background-color: black;
        color:white;
        border: solid;
        border-width: 0.5vw;
        border-color: black;
        padding: 0;
    }

    .plan-img {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }

    .rounded-circle {
        width: 10vw;
        height: 10vw;
        background-color: rgb(92, 92, 211); /* 円の色 */
        border-radius: 50%; /* 完全な円にする */
    }

    .question-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;
        text-align: center;
        margin:auto
    }

    .question-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question{
        display: none;
    }
    input[type="checkbox"]#question:checked ~ .question-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question:checked ~ .question-detail-button::before{
        content: "ー";
    }

    .question-hidden-view{
        display: none;
    }

    .question02-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question02-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question02{
        display: none;
    }
    input[type="checkbox"]#question02:checked ~ .question02-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question02:checked ~ .question02-detail-button::before{
        content: "ー";
    }

    .question02-hidden-view{
        display: none;
    }

    .question03-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question03-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question03{
        display: none;
    }
    input[type="checkbox"]#question03:checked ~ .question03-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question03:checked ~ .question03-detail-button::before{
        content: "ー";
    }

    .question03-hidden-view{
        display: none;
    }

    .question04-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question04-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question04{
        display: none;
    }
    input[type="checkbox"]#question04:checked ~ .question04-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question04:checked ~ .question04-detail-button::before{
        content: "ー";
    }

    .question04-hidden-view{
        display: none;
    }

    .question05-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question05-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question05{
        display: none;
    }
    input[type="checkbox"]#question05:checked ~ .question05-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question05:checked ~ .question05-detail-button::before{
        content: "ー";
    }

    .question05-hidden-view{
        display: none;
    }

    .question06-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question06-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question06{
        display: none;
    }
    input[type="checkbox"]#question06:checked ~ .question06-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question06:checked ~ .question06-detail-button::before{
        content: "ー";
    }

    .question06-hidden-view{
        display: none;
    }

    .question07-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question07-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question07{
        display: none;
    }
    input[type="checkbox"]#question07:checked ~ .question07-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question07:checked ~ .question07-detail-button::before{
        content: "ー";
    }

    .question07-hidden-view{
        display: none;
    }

    .question08-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question08-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question08{
        display: none;
    }
    input[type="checkbox"]#question08:checked ~ .question08-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question08:checked ~ .question08-detail-button::before{
        content: "ー";
    }

    .question08-hidden-view{
        display: none;
    }

    .question09-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question09-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question09{
        display: none;
    }
    input[type="checkbox"]#question09:checked ~ .question09-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question09:checked ~ .question09-detail-button::before{
        content: "ー";
    }

    .question09-hidden-view{
        display: none;
    }

    .question10-detail-button {
        width:5vw;
        height:5vw;
        color: black;
        font-weight: bold;
        justify-content: center !important;

        text-align: center;
        margin:auto
    }

    .question10-detail-button::before{
        content: "＋";
        justify-content: center;
        text-align: center; 
    }

    input[type="checkbox"]#question10{
        display: none;
    }
    input[type="checkbox"]#question10:checked ~ .question10-hidden-view{
        display: block;
    }
    input[type="checkbox"]#question10:checked ~ .question10-detail-button::before{
        content: "ー";
    }

    .question10-hidden-view{
        display: none;
    }

}

/*

*/
@media screen and (max-width: 480px) {
    .drawer {
        position: fixed;
        flex-direction: column;
        top: 40px;
        left: 30px;
        width: 100%; /* 親要素の幅を固定 */
        max-width: 150px; /* 必要に応じて最大幅を設定 */
        height: calc(100% - 40px);
        color: #ffffff;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 999;
        background-color: #000000;
        padding: 10px;
        display: flex;
        overflow-y: scroll;
    }
    
    .drawer.open {
        transform: translateX(0);
    }
}


/*
    特典１文字(PC)
*/

@media screen and (min-width: 481px) {
    .notice1-label1 {
        font-size: 1.8vw;
        font-weight: 400;
        justify-content: right;
    }

    .notice1-label2 {
        justify-content: center;
        font-size: 1.1vw;
        font-weight: 400;
    }

    .notice1-label3 {
        font-size: 0.6vw;
        font-weight: 100;
        justify-content: right !important;
        width:30%;
    }

    .notice1-label4 {
        width:60%; 
        justify-content: left;
        font-size: 1.5vw;
        font-weight: 100;
        text-decoration: line-through;
    }

    .notice1-label5 {
        font-size: 1vw;
        width: 100%;
    }

    .notice1-label6 {
        width: 30%;
        justify-content: right;
        font-size: 0.6vw;
        font-weight: 100;
    }

    .notice1-label7 {
        font-size: 2.4vw;
        font-weight: 400;
        justify-content: left;
        width:70%;
    }

}

/*
    特典１文字(mobile)
*/

@media screen and (max-width: 480px) {
    .notice1-label1 {
        font-size: 4.2vw;
        font-weight: 400;
        justify-content: center;
        margin-top: 10px;
    }

    .notice1-label2 {
        justify-content: center;
        font-size:2vw;
        font-weight: 100;
    }

    .notice1-label3 {
        font-size: 2vw;
        font-weight: 100;
        width:30%;
    }

    .notice1-label4 {
        width:55%; 
        justify-content: left;
        font-size: 3vw;
        font-weight: 100;
        text-decoration: line-through;
    }

    .notice1-label5 {
        font-size: 3vw;
    }

    .notice1-label6 {
        width:47%;
        justify-content: center;
        font-size: 2.5vw;
        font-weight: 100;
        padding-right: 5px;
    }

    .notice1-label7 {
        width:53%;
        justify-content: right;
        font-size: 4vw;
        font-weight: 700;
        justify-content: left;
        padding: 0;

    }
}




/*
    特典３文字(PC)
*/

@media screen and (min-width: 481px) {


    .notice3-label2 {
        justify-content: center;
        font-size: 1.1vw;
        font-weight: 400;

    }

    .notice3-label3 {
        font-size: 1.1vw;
        font-weight: 400;
    }

    .notice3-label4 {
        font-size: 2.4vw;
        font-weight: 400;
    }

    .notice3-label4-line {
        position: absolute;
        left: 20%;
        bottom: 4vw;
        width: 60%;
        height: 5px;
        background-color: red;
    }

    .notice3-label5 {
        text-align: start;
        font-size: 1.6vw;
        font-weight: 400;
    }
}

/*
    特典３文字(mobile)
*/

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

    .notice3-label2 {
        justify-content: center;
        font-size: 2.1vw;
        font-weight: 400;

    }

    .notice3-label3 {
        font-size: 2.5vw;
        font-weight: 400;
        margin-top: 14px;
    }

    .notice3-label4-line {
        position: absolute;
        left: 18%;
        bottom: 15vw;
        width: 65%;
        height: 2px;
        background-color: red;
    }

    .notice3-label4 {
        font-size: 5vw;
        font-weight: 400;
    }

    .notice3-label5 {
        text-align: start;
        font-size: 5vw;
        font-weight: 400;
    }
}

/*
    間違えたくないパーソナルジム（PC）
*/

@media screen and (min-width: 481px) {
    .gym-select-flame {
        width: 80dvw;
        height: 30vw;
        object-fit: fill;
    }

    .gym-select-label1 {
        font-size: 3vw;
        font-weight: bold;
        justify-content: center !important;

    }

    .gym-select-label2 {
        font-size: 2vw;
        font-weight:bold;
    }
}


/*
    間違えたくないパーソナルジム（mobile）
*/
@media screen and (max-width: 480px) {
    .gym-select-flame {
        padding: 0%;
        width:100vw;
        height:40vw;
    }

    .gym-select-label1 {
        font-size: 4.2vw;
        font-weight: bold;
        text-align: center;
        margin-left: 3%;

    }

    .gym-select-label2 {
        font-size: 2.8vw;
        font-weight:bold;
    }
}

/*
    パーソナルジムBTKとは（PC）
*/

@media screen and (min-width: 481px) {
    .content-about-btk {
        width: 83%;
    }

    .sns-content {
        width:80%;
    }

    .tiktok-movie {
        width:50%;
        align-content: right;
    }

    .famouse-label {
        font-size: 3vw;
        font-weight: bold;
    }
}

/*
    パーソナルジムBTKとは（mobile）
*/
@media screen and (max-width: 480px) {
    .content-about-btk {
        width: 100%;
    }

    .sns-content {
        width:100%;
    }

    .tiktok-movie {
        width:100%;
        align-content: center;
        justify-content: center !important;
    }

    .famouse-label {
        font-size: 4.8vw;
        font-weight: bold;
    }
}

/*
    BTKのトレーナー紹介（PC）
*/

@media screen and (min-width: 481px) {

    .torener-img-content {
        width:33%
    }
    .torener-content {
        width:33%
    }
}

/*
    BTKのトレーナー紹介（mobile）
*/

@media screen and (max-width: 480px) {
    .torener-img-content {
        width:70%
    }

    .torener-content {
        width:95%
    }
}


/*
    お客様の声（PC）
*/

@media screen and (min-width: 481px) {
    .customer-review-content {
        width:80%
    }

    .customer-img-content {
        width: 25%
    }



}

/*
    お客様の声（mobile）
*/

@media screen and (max-width: 480px) {
    .customer-review-content {
        width: 100%;
        overflow: hidden;
    }

    .customer-img-content {
        width: 70%;
        height: 50vw;
        overflow: hidden;
    }


}

/*
    BTKのサポート（PC）
*/
@media screen and (min-width: 481px) {
    .body-make-image-col {
        width : 16.666%;
    }

    .body-make-label-col {
        width : 50%;
    }

    .stretch-image-col {
        width : 16.666%;
    }

    .stretch-label-col {
        width : 50%;
    }

    .nutrition-image-col {
        width: 16.666%;
    }

    .nutrition-label-col {
        width: 50%;
    }

}

/*
    BTKのサポート（mobile）
*/

@media screen and (max-width: 480px) {
    .body-make-image-col {
        width : 40%;
    }

    .body-make-label-col {
        width : 60%;
    }

    .stretch-image-col {
        width:40%;
    }

    .stretch-label-col {
        width : 60%;
    }

    .nutrition-image-col {
        width: 40%;
    }

    .nutrition-label-col {
        width: 60%;
    }

}

/*
    コースと料金システム（PC）
*/

@media screen and (min-width: 481px) {

    .course-col {
        width: 25%;
    }

    .fee1-col {
        width: 33.33%;
        padding: 1svw;
        font-family: serif;
        margin-left: auto;
    }

    .fee2-col {
        width: 8.33%;
    }

    .fee3-col {
        width: 58.33%;
    }

    .limited-campaign {
        background-color: black;
        width: 35vw;
        position:relative;
        border: solid;
        height: 8.2vw;
        left:0%;
        overflow-y: hidden;
    }

    .limited-campaign-title {
        font-family:serif;
        color:white;
        margin:auto;
        width:100%;
        font-size: 1.5vw;
        justify-content: center !important;
        display: flex !important;
    }

    .limited-campaign-label1 {
        bottom:auto;
        font-family:serif;
        color:white;
        text-align: center;
        width:12%;
        font-size: 0.5vw;
    }

    .limited-campaign-label2 {
        display:block;
        text-decoration: line-through;
    }

    .limited-campaign-label3 {
        font-family:serif;
        color:white;
        text-align: center;
        width:8%;
        font-size: 4vw;
    }

    .limited-campaign-label4 {
        font-family:serif;
        color:white;
        text-align: center;
        width:1%;
        font-size: 1vw;
    }

    .limited-campaign-label5 {
        font-weight: 900;
        font-size: 1.5vw;
    }

    .limited-campaign-label6 {
        bottom:auto;
        font-family:serif;
        color:white;
        text-align: center;
        width:12%;
        font-size: 0.5vw;
    }

    .limited-campaign-label7 {
        display:block ;
        text-decoration: line-through;
        
    }

    .limited-campaign-label8 {
        font-family:serif;
        color:white;
        text-align: center;
        width:33%;
        font-size: 4vw;
        
    }

    .limited-campaign-label9 {
        font-family:serif;
        color:white;
        text-align: left;
        width:1%;
        font-size: 1vw;
        justify-content: center !important;
    }

    .limited-campaign-label10 {
        position:absolute;
        font-family:serif;
        color:white;
        text-align: left;
        width:42%;
        bottom:6%;
        font-size: 0.5vw;
    }
}

/*
    コースと料金システム（mobile）
*/

@media screen and (max-width: 480px) {
    .course-col {
        width: 50%;
    }

    .fee1-col {
        width: 100%;
        padding: 1svw;
        font-family: serif;
        margin-left: auto;
    }

    .fee2-col {
        width: 100%;
    }

    .fee3-col {
        width: 100%;
    }

    .fee-label1 {
        content: "→";
        font-size: 3vw;
    }

    .limited-campaign {
        background-color: black;
        width: 80vw;
        position:relative;
        border: solid;
        height: 18vw;
        left:5%;
        overflow-y: hidden;
    }

    .limited-campaign-title {
        font-family:serif;
        color:white;
        text-align: end;
        width:100%;
        font-size: 3.8vw;
    }

    .limited-campaign-label1 {
        bottom:auto;
        font-family:serif;
        color:white;
        text-align: center;
        width:18%;
        font-size: 2.5vw;
    }

    .limited-campaign-label2 {
        display:block;
        text-decoration: line-through;
        font-size: 1.5vw;
    }

    .limited-campaign-label3 {
        font-family:serif;
        color:white;
        text-align: center;
        width:8%;
        font-size: 7vw;
    }

    .limited-campaign-label4 {
        font-family:serif;

        color:white;
        text-align: center;
        width:1%;
        font-size: 5vw;
    }

    .limited-campaign-label5 {
        font-weight: 900;
        font-size: 5vw;
    }

    .limited-campaign-label6 {
        bottom:auto;
        font-family:serif;
        color:white;
        text-align: center;
        width:15%;
        font-size: 2vw;
        padding: 0;
    }

    .limited-campaign-label7 {
        display:block ;
        text-decoration: line-through;
        font-size: 1.5vw;
    }

    .limited-campaign-label8 {
        font-family:serif;
        color:white;
        justify-content: left !important;
        text-align: left;
        width:20%;
        font-size: 6vw;
        padding: 0;
    }

    .limited-campaign-label9 {
        font-family:serif;
        color:white;
        text-align: left;
        width:5%;
        font-size: 4vw;
        padding: 0
    }

    .limited-campaign-label10 {
        position:absolute;
        font-family:serif;
        color:white;
        text-align: left;
        width:42%;
        bottom:6%;
        font-size: 1vw;
    }
}

/*
    BTKのサポート（PC）
*/
@media screen and (min-width: 481px) {
    .line-image-col {
        width: 16.6%
    }

    .line-label-col {
        width: 83.4%
    }

    .line-image2-col {
        width:20%;
        justify-content:right
    }

    .line-label2-col {
        width:40%
    }
}

/*
    BTKのサポート（mobile）
*/
@media screen and (max-width: 480px) {
    .line-image-col {
        width: 20%;
    }

    .line-label-col {
        width: 80%;
    }

    .line-image2-col {
        width:80%;
        justify-content:center;
    }

    .line-label2-col {
        width:100%
    }
}

/*
    よくある質問（PC）
*/
@media screen and (min-width: 481px) {
    .qa_col {
        width:70%
    }
}

/*
    よくある質問（mobile）
*/
@media screen and (max-width: 480px) {

    .qa_col {
        width:90%
    }
}

/*
    アクセス（PC）
*/
@media screen and (min-width: 481px) {
    .access-col {
        width: 90%
    }

    .access-label {
        font-size: 1.1vw;
        font-weight: bold;
    }

    .access-label2 {
        font-size: 0.8vw;
        font-weight: bold;
    }

    .access-col2 {
        width:50%;
    }

    .access-col3 {
        width:50%;

    }

}

/*
    アクセス（mobile）
*/
@media screen and (max-width: 480px) {

    .access-col {
        width:100%
    }

    .access-label {
        font-size: 2.8vw;
    }

    .access-label2 {
        font-size: 2.2vw;
    }

    .access-col2 {
        width:100%;
    }

    .access-col3 {
        width:100%;

    }
}


/*
    ハンバーガーメニュー
*/

@media screen and (min-width: 481px) {

    .hamburger-menu {

        display: none;
    }

    .navigation {
        display: none;
    }
}

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

  .hamburger-menu {
    width: 50px;
    height: 50px;
    position: relative;
    border: none;
    background: transparent;
    appearance: none;
    padding: 0;
    cursor: pointer;
  }
  .hamburger-menu__bar {
    display: inline-block;
    width: 30%;
    height: 2px;
    background: #fbfbfb;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
  }
  .hamburger-menu__bar:first-child {
    top: 16px;
  }
  .hamburger-menu__bar:nth-child(2) {
    top: 24px;
  }
  .hamburger-menu__bar:last-child {
    top: 32px;
  }
  .hamburger-menu--open .hamburger-menu__bar {
    top: 50%;
  }
  .hamburger-menu--open .hamburger-menu__bar:first-child {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:last-child {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
    display: none;
  }
  .navigation {
    display: none;
    background: #242424;
    position: fixed;
    top: 80px;
    width: 60%;
    height: 100%;
    right:0;
    z-index: 9999;
  }
  .navigation__list {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    width:100%;
  }
  .navigation__list-item {
    border-bottom: solid 1px #474747;
  }
  .navigation__list-item:first-child {
    border-top: solid 1px #474747;
  }
  .navigation__link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: 4vw;
    transition: .2s;
    justify-content: center !important;
    font-size: 5vw;
    width: 100%;
  }


  .line-invite-mobile {
    background: linear-gradient(to top, rgb(165, 241, 118), rgb(124, 167, 92));
    color:#0c0c0c;
    display: flex;
    font-weight: 900;
    border-style: none;
    margin-right: 0%;
    width: 100%;
    height: 100px;
    font-size: 5vw;
    font-family: sans-serif;
    overflow-y: hidden;
    text-align: center;
    justify-content: center;
    margin: 0 0 0 auto;
    }

  @media (hover: hover) and (pointer: fine) {
    .navigation__link:hover {
      background: #333;
    }
  }
}


/*
    サポートページ(PC)
*/

@media screen and (min-width: 481px) {

    .support-col {
        width:66.66%;
    }

    .slick-content {
        width:80%;
    }

    .stretch-message {
        text-align: center;
        position: absolute;
        top: 70%
    }

    .support-label-sub {
        font-size: 2vw;
        font-weight:bold;
    }

    .support-label-main {
        font-size: 3vw;
        font-weight: bold;
    }

}


/*
    サポートページ(mobile)
*/

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

    .support-col {
        width:90%;
    }

    .slick-content {
        width:100%;
        height: 100%;
    }

    .stretch-message {
        text-align: center;
        position: absolute;
        top: 60vw;
    }

    .support-label-sub {
        font-size: 3.5vw;
        font-weight:bold;
    }

    .support-label-main {
        font-size: 4vw;
        font-weight: bold;
    }

}


/*--ヘッダー--*/
.site-header {
background-color: #fff;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.logo img {
height: 90px;
margin-left: 10px;
}
.nav ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 24px;
}
.nav ul li a {
font-weight: 500;
font-size: 20px;
text-decoration: none;
color: #333;
}
.nav_list a:hover {
color: #6699cc;
}

.line-button {
margin-right: 20px;
}
.line-reseve {
background-color: #28c341;
color: white;
padding: 15px 20px;
border-radius: 999px;
font-weight: bold;
font-size: 18px;
text-decoration: none;
display: inline-block;
transition: background-color 0.3s;
}
.line-reseve:hover {
background-color: #1fa534;
}
.line-reseve-small {
font-size: 10px;
vertical-align: middle; 
}

/* ハンバーガーメニュー基本 */
.hamburger-menu {
display: none;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 22px;
border: none;
background: transparent;
cursor: pointer;
padding: 0;
margin-right: 20px;
}
.hamburger-menu span {
display: block;
height: 3px;
background-color: #333;
border-radius: 3px;
transition: all 0.3s ease;
}

/* メニューが開いているときのアニメーション */
.hamburger-menu--open span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.hamburger-menu--open span:nth-child(2) {
opacity: 0;
}
.hamburger-menu--open span:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
}


/* スマホ画面での表示制御 */
@media screen and (max-width: 768px) {

  /*--タイトル--*/
  .mv__title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 4px 6px rgb(0 0 0 / 25%);
    margin-bottom: 10px;
  }
  .mv__subtitle {
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .mv_mobile {
    font-size: 30px;
  }

  /*--ハンバーガー--*/
  .nav-line-btn {
    margin-top: 20px;
  }
  .header-inner {
    position: relative;
  }
  .hamburger-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
    display: flex;
  }

  .nav {
    display: none;
    width: 90%;
  }

  .nav.open {
    display: block;
  }

  .nav-sub-menu {
    font-size:12px;
  }

  .nav ul {
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    padding: 10px 20px;
    margin-top: 60px; 
  }

  .nav-support-menu {
    height:120px;
  }


  .line-button {
    order: 2;
    margin-right: 90px;
  }
  .hamburger-menu {
    order: 3; 
  }
  .line-reseve {
    color: white !important;
  }
}