@charset "UTF-8";
/* CSS Document */
body{
    margin:0;
	max-width:1920px;
    min-width: 240px;
}


.header-img,.TOP,.worries-B,.VENUST-B,.Concept-B,.Method-B,.Magneto-B,.BeforeAfter-B,.Voice-B,.Menu-B,.Flow-B,.Trainer-B,.Access-B,.banner-end,.footer{
    margin:0;
    width:100vw;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.header-img,.TOPimg,.worries-img,.venust-img,.Concept-img,.Method-img,.Magneto-img,.BeforeAfter-img,.Voice-img,.Menu-img,.Flow-img,.Trainer-img,.footer-img{ 
    display: block !important; 
    display: inline-block;
    margin: auto;
    width:100vw;}

.sp-header-img,.sp-TOPimg,.sp-worries-img,.sp-venust-img,.sp-Concept-img,.sp-Method-img,.sp-Magneto-img,.sp-BeforeAfter-img,.sp-Voice-img,.sp-Menu-img,.sp-Flow-img,.sp-Trainer-img,.sp-footer-img{ 
    display: none !important;
    display: inline-block;
    margin: auto;
    width:100vw; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ 
    @media only screen and (max-width: 750px) {
        .header-img,.TOPimg,.worries-img,.venust-img,.Concept-img,.Method-img,.Magneto-img,.BeforeAfter-img,.Voice-img,.Menu-img,.Flow-img,.Trainer-img,.footer-img { 
            display: none !important;
         }
        .sp-header-img,.sp-TOPimg,.sp-worries-img,.sp-venust-img,.sp-Concept-img,.sp-Method-img,.sp-Magneto-img,.sp-BeforeAfter-img,.sp-Voice-img,.sp-Menu-img,.sp-Flow-img,.sp-Trainer-img,.sp-footer-img{ 
            display: block !important;
         }  
    }


.banner{
    width:100vw;
}

.banner1,.banner2,.banner3{
    display: block !important; 
    margin: auto;
    width:40vw;
    padding: 1vh;
}
.sp-banner1,.sp-banner2,.sp-banner3{ display: none !important;
    display: inline-block;
    margin: auto;
    width:70vw; 
    padding:0.5vh;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ 
@media only screen and (max-width: 750px) {
    .banner1,.banner2,.banner3 { 
        display: none !important;
     }
     .sp-banner1,.sp-banner2,.sp-banner3{ display: block !important; }
}



.banner-list{
    margin-top: 2vh;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    margin-bottom: 4vh;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}


.Access-B{
    width: 100vw;
    background-image: url(../images/Access-back.jpg);    /* 背景画像指定*/
    background-size:contain;
    background-size:100vw;
    background-repeat: no-repeat;
}
 

.Access-B{
    width: 100vw;
}




.Access-box{
    width: 68.75vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: auto;
    justify-content: space-between;
}


.midashi{ 
    width: 100vw;
    font-size:3.5416666666666665vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    text-align: center;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.MAP{
    width: 100%;
    max-width: 1000px;
    /* height: auto; */
    aspect-ratio: 16 / 9;
}


.Access-p{
    display: block !important; 

    padding-left: 1vw;
    margin: 0;
    width: 34vw;
    font-size:1.0416666666666665vw;
}
    
.sp-Access-p{
    display: none;

    width: 68.75vw;
    font-size: 3.333vw;
}

    /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */ 
@media only screen and (max-width: 750px) {
   .MAP{
    text-align: center;
    width: 68vw;
    /* height: 60vh; */
    aspect-ratio: 16 / 9;
   }

     .Access-p{
        display: none !important;    
     }

    .sp-Access-p{
        display: block !important; 
    }

    .Access-box{
        display: flex;
        flex-direction: column;
        align-items: center;
    }



    .midashi{
        font-size:6.41025641025641vw;
    }
}


.banner-end{
    margin-top: 5vh;
    text-align: center;
    width: 100vw;
}

.design-line{
    width: 60vw;
}

.sp-footer-img,.footer-img{
    margin-top: 2vh;
}