header{
    width: 100%;
    aspect-ratio: 1920/214;
    background-image: url("../img/AdobeStock_1025377788.webp");
    background-size: cover;
    background-color: rgba(255,255,255,0.65);
    background-blend-mode: lighten;
}
#header_d{
    width: 97.7vw;
    height: 100%;
    display: flex;
    column-gap: 1vw;
    margin: 0 auto;
}
#header_logo{
    width: 10.41vw;
    aspect-ratio: 1/1;
    object-fit: contain;
}
#header_d1{
    width: 18.6vw;
    display: grid;
    grid-template-columns: 123fr 218fr;
    grid-template-rows: 1fr 1fr;
}
#header_d1_p1{
    display: flex;
    font-family: BIZ UDPMincho;
    font-size: 2.08vw;
    color: #D51D4E;
    align-items: flex-end;
}
#header_d1_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.08vw;
    color: #D51D4E;
    align-self: center;
}
#header_d1_time{
    display: flex;
    font-family: BIZ UDPMincho;
    font-size: 1.82vw;
    color: #D51D4E;
    align-items: flex-end;
}
#header_d1_tel{
    font-family: Kaisei Opti;
    font-size: 1.75vw;
    color: #D51D4E;
    align-self: center;
}
.header_img{
    width: 21.35vw;
    aspect-ratio: 410/124;
    object-fit: contain;
}
main{
    width: 100%;
    height: auto;
    border: 1px solid;
}

#nav{
    display: flex;
    position:sticky;
    width: 100%;
    aspect-ratio: 16/1;
    top:0%;
    opacity: 1;
    z-index: 4;
    align-items: center;
}
#main1_nav_ul{
    width: 90%;
    display: grid;
    justify-content: space-between;
    /* grid-template-columns: repeat(6,1fr);
    column-gap: 1.6vw; */
    grid-auto-flow: column;
    margin: 0 auto;
}
.main1_nav_ul_li{
    width: 11vw;
    aspect-ratio: 183/79;
    justify-items: center;
    /* border: 1px solid; */
}
#main1_nav_ul_li_id{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    aspect-ratio: 183/79;
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.webp");
}

/* .main1_nav_ul_li:hover ~ .main1_nav_ul_li{
    transform: translateX(-1.35vw);
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.png");
} */
.main1_nav_ul_li_c{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    width: 9.5vw;
    aspect-ratio: 183/79;
}
.main1_nav_ul_li_c:hover {
    /* transform: translateX(-0.75vw); */
    width: 11vw;
    background: linear-gradient(rgb(19, 18, 18), #601F24) ,url("../img/frame_silver.webp");
}
.main1_nav_ul_li_d{
    /* width: 9.5vw; */
    width: 100%;
    aspect-ratio: 183/79;
    background-image:  url("../img/frame_silver.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
.main1_nav_ul_li_d>a{
    display: flex;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-family: BIZ UDPMincho;
    font-size: 1vw;
    border: 1px solid;
    align-items: center;
    justify-content: center;
}
#main1_nav_ul_li_c_tel{
    aspect-ratio: 183/79;
    width: 9.5vw;
    background:linear-gradient(rgb(1, 119, 68),rgb(0, 43, 24) );
    /* background-image:  url("../img/frame_silver.png"); */
    background-size: contain;
    background-repeat: no-repeat;
    align-content: center;    
}
#main1_nav_ul_li_tel{
    background-image:url("../img/frame_silver.webp");
    width: 100%;
    aspect-ratio: 183/79;
    background-size: contain;
    background-repeat: no-repeat;
    align-content: center;  
}
#main1_nav_ul_li_tel_img{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

#main1_nav_ul_li_d_tel{
    width: 25%;
    object-fit: contain;
    display: flex;
    justify-self: center;
}
#smartphone_1{
    display: none;
}
#main1{
    position: sticky;
    top: -5%;
    margin-top: -8vw;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1920/206;
    background-image: url(../img/header_back.webp);
    background-size: cover;
}
#main1_d1{
    width: 100%;
    /* aspect-ratio: 16/1.4; */
    aspect-ratio: 1920/206;
    background-image: url("../img/header_back.webp");
    background-size: cover;
    /* opacity: 1; */
    background-color: rgba(255,255,255,0.86);
    /* z-index: 0; */
}
#HeadlineNews{
    display: grid;
    grid-template-columns: 292fr 972fr;
    width: 65.83vw;
    aspect-ratio: 1264/48;
    margin: 0 auto;
    z-index: 3;
    /* align-items: center; */
}
#headline{
    display: flex;
    width: 100%;
    height: 100%;
    background-image: url("../img/AdobeStock_252619614.webp");
    background-size: contain;
    background-color:#FFFFFF;
    color: #AE3239;
    font-size: 1.04vw;
    font-family: BIZ UDPMincho;
    z-index: 3;
    align-items: center;
    justify-content: center;
    border: 1px solid #ECF0F4;
}
#news{
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    font-family: BIZ UDPMincho;
    font-size: 1.04vw;
    color: #AE3239;
    z-index: 3;
    align-items: center;
    border: 1px solid #ECF0F4;
}
#main2{
    width: 100%;
    aspect-ratio: 1920/268;
    align-content: end;
}
#main2_1{
    width: 95.88vw;
    position: relative;
    display: flex;
    column-gap: 1vw;
    justify-content: center;
    flex-wrap: wrap;
    aspect-ratio: 1841/242;
    margin: 0 auto;
    box-shadow: inset -0.26vw -0.15vw 0.15vw 0 #E28E8E,
            0vw 0.15vw 0.3vw 0 #D3D1D1;
}
#main2_p1{
    font-family: BIZ UDPMincho;
    font-size: 4.16vw;
    align-self: center;
}
#main2_d2{
    display: flex;
    width: auto;
    height: 4.16vw;
    align-self: center;
    align-items: flex-end;
}
#main2_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.34vw;
}
#main2_d1{
    width: 21.09vw;
}
#main2_design1{
    width: 37.91vw;
    aspect-ratio: 728/242;
    background-image: url("../img/asset13.webp");
    background-size: contain;
    align-self: center;
}
#main2_design2{
    position: absolute;
    top: 10vw;
    width: 95.78vw;
    border-bottom: 0.52vw solid red; 
    margin: 0 auto;
}
#main3{
    width: 100%;
    height: 10vw;
    display: grid;
    grid-auto-flow: column;
    column-gap: 1.66vw;
    justify-content: center;
    align-content: center;
}
.main3_d{
    width: 20.72vw;
    aspect-ratio: 398/75;
    border: 1px solid;
    /* background-color: #FF0045; */
    background: linear-gradient( #FF0045, #601F24);
    border-radius: 1.51vw;
    border: 1px solid #707070;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.main3_d:hover{
    background: linear-gradient(rgb(19, 18, 18), #601F24);
}
#main3_d1{
    background: linear-gradient(rgb(19, 18, 18), #601F24);
}
.main3_d_1c{
    font-family: BIZ UDPMincho;
    font-size: 1.61vw;
    color: #FFFFFF;
    justify-self: center;
}
#NextTherapist{
    width: 90.6vw;
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    column-gap: 0.83vw;
    row-gap: 0.83vw;
}
#NextTherapist2{
    display: none;
    width: 90.6vw;
    grid-row: 2;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    column-gap: 0.83vw;
    row-gap: 0.83vw;
}
#NextTherapist3{
    display: none;
    width: 90.6vw;
    grid-row: 2;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    column-gap: 0.83vw;
    row-gap: 0.83vw;
}

#NextTherapist_d1{
    display: grid;
    grid-template-rows: auto;
    row-gap: 0.3vw;
    width: 18.08vw;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 4.72%;
    padding-right: 4.72%;
    border: 0.3vw solid #908E8E;
    align-content:center;
    background-image: url("../img/background66.webp");
    background-size: cover;
    aspect-ratio: 426/800;
}
#NextTherapist_d1_2{
    display: grid;
    grid-template-rows: auto;
    row-gap: 0.3vw;
    width: 18.08vw;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 4.72%;
    padding-right: 4.72%;
    border: 0.3vw solid #908E8E;
    align-content:center;
    background-image: url("../img/background66.webp");
    background-size: cover;
    aspect-ratio: 426/800;
}
#NextTherapist_d1_3{
    display: grid;
    grid-template-rows: auto;
    row-gap: 0.3vw;
    width: 18.08vw;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 4.72%;
    padding-right: 4.72%;
    border: 0.3vw solid #908E8E;
    align-content:center;
    background-image: url("../img/background66.webp");
    background-size: cover;
    aspect-ratio: 426/800;
}
.NextTherapist_d1_class{
    display: flex;
    width: 100%;
    aspect-ratio: 386/61;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
#NextTherapist_img{
    width: 100%;
    aspect-ratio: 1/1.42;
    object-fit: cover;
    margin: 0 auto;
    border: 0.3vw solid #908E8E;
}
#NextTherapist_img_2{
    width: 100%;
    aspect-ratio: 1/1.42;
    object-fit: cover;
    margin: 0 auto;
    border: 0.3vw solid #908E8E;
}
#NextTherapist_img_3{
    width: 100%;
    aspect-ratio: 1/1.42;
    object-fit: cover;
    margin: 0 auto;
    border: 0.3vw solid #908E8E;
}
.NextTherapist_d1_name{
    width: 100%;
    aspect-ratio: 380/134;
    background-image: url("../img/AdobeStock_481102619.webp");
    background-size: cover;
    margin: 0 auto;
    align-content: center;
    text-align: center;
}
.NextTherapist_d1_name>p{
    font-family: BIZ UDPMincho;
    font-size: 2.45vw;
    color: #FFFFFF;
}
.NextTherapist_d1_nexttime{
    width: 100%;
    aspect-ratio: 380/44;
    background-image: url("../img/AdobeStock_1644463273.webp");
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
.NextTherapist_d1_nexttime>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;    
}
.NextTherapist_d1_time{
    width: 100%;
    aspect-ratio: 380/38;
    background-color: black;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
.NextTherapist_d1_time>p{
    font-family: BIZ UDPMincho;
    font-size: 1vw;
    color: #FFFFFF;    
}
/* #main4{
    width: 100%;
    height: auto;
    border: 1px solid;
    background-image: url("../img/AdobeStock_392165869.jpeg");
    background-size: cover;
    background-color: rgba(255,255,255,0.81);
    background-blend-mode: lighten;
} */
/* #main5{
    width: 100%;
    aspect-ratio: 1920/1329;
    border: 1px solid;
    background-image: url("../img/AdobeStock_1247431775.jpeg");
    background-size: cover;
    background-color: rgba(255,255,255,0.66);
    background-blend-mode: lighten;
} */
 #main5{
    width: 100%;
    aspect-ratio: 1920/1329;
    background-image: url("../img/AdobeStock_1247431775.webp");
    background-size: cover;
}
/* #footer_banner{
    display: grid;
    grid-auto-flow: column;
    column-gap: 2.86vw;
    width: 94.8vw;
    height: 16.72vw;
    justify-self: center;
}
#footer_banner>img{
    object-fit: contain;
} */
#shop_name_c{
    width: 100%;
    aspect-ratio: 1920/250;
    align-content: center;
    transform: translateY(1vw);
 }
#shop_name{
    display: grid;
    grid-auto-flow: column;
    column-gap: 5.42vw;
    width: 92.24vw;
    aspect-ratio: 1771/175;
    justify-self: center;
}
#shop_name1{
    width: 32.6vw;
    aspect-ratio: 626/74;
    background-image: url("../img/asset6.webp");
    background-size: cover;
    align-self: center;
}
#shop_name2{
    width: 16.2vw;
    aspect-ratio: 311/175;
    background-image: url("../img/kota_nannba.webp");
    background-size: cover;
    justify-self: center;
}
#shop_name3{
    width: 32.6vw;
    aspect-ratio: 626/74;
    background-image: url("../img/asset6.webp");
    background-size: cover;
    align-self: center;
}
#smartphone_2{
    display: none;
}
#map_comment{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
    padding: 2vw;
}
#map_access{
    text-align: center;
    /* font-weight: bold; */
    font-family: BIZ UDPMincho;
    font-size: 3vw;
}
#map_link{
    margin-top: 2vw;
    display: flex;
    column-gap: 5vw;
}
.map_link_a{
    display: flex;
    background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
    width: 25vw;
    aspect-ratio: 183/40;
    color: white;
    justify-content: center;
    align-items: center;
    padding: 1vw;
    font-weight: bold;
    font-family: BIZ UDPMincho;
    font-size: 1.2vw;
    border-radius: 3vw;
    border: 0.3vw solid silver;
    box-shadow: 1vw 1vw 1.5vw #b2b2b2;
}
#map_nav1{
    margin-top: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 1.3vw;
}
#map_nav2{
    margin-top: 0.5vw;
    font-family: BIZ UDPMincho;
    font-size: 1.3vw;
}
#map_design{
    margin-top: 1vw;
    width: 85%;
    border-bottom: #D51D4E 0.52vw solid;
}
#map2{
    width: 50%;
    aspect-ratio: 1920/268;
    align-content: end;
}
#map2_1{
    width: 100%;
    position: relative;
    display: grid;
    column-gap: 1vw;
    grid-auto-columns: auto;
    grid-template-columns: 1fr 1fr auto 1fr;
    justify-content: center;
    flex-wrap: wrap;
    aspect-ratio: 1841/242;
    margin: 0 auto;
    box-shadow: inset -0.26vw -0.15vw 0.15vw 0 #E28E8E,0vw 0.15vw 0.3vw 0 #D3D1D1;
}
#map2_p1{
    font-family: BIZ UDPMincho;
    font-size: 4.16vw;

    white-space: nowrap;
    align-self: center;
}
#map2_d2{
    display: flex;
    width: auto;
    height: 4.16vw;
    align-self: center;
    align-items: flex-end;
}
#map2_p2{
    font-family: BIZ UDPMincho;
    font-size: 2.34vw;
    white-space: nowrap;
}
#map2_design1{
    width: 37.91vw;
    aspect-ratio: 728/242;
    background-image: url("../img/asset13.webp");
    background-size: contain;
    align-self: center;
}
#map2_design2{
    position: absolute;
    top: 10vw;
    width: 95.78vw;
    border-bottom: 0.52vw solid red; 
    margin: 0 auto;
}

#map{
    width: 92.24vw;
    aspect-ratio: 1771/719;
    justify-self: center;
    align-content: center;
}
#map>iframe{
    display: flex;
    width: 100%;
    height: 90%;
}
#footer_c{
    width: 90vw;
    aspect-ratio: 1920/300;
    display: grid;
    grid-template-columns: 540fr 307fr 540fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    margin: 0 auto;
}
#footer_c1{
    display: flex;
    grid-column: 1;
    grid-row: 2;
}
#footer_c2{
    display: flex;
    grid-column: 3;
    grid-row: 2;
}
/* #footer_left{
    display: grid;
} */
#footer_open{
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
#footer_time{
    margin-left: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
#footer_logo{
    grid-column: 2;
    grid-row: 1/4;
    width: 15.98vw;
}
#footer_logo>img{
    object-fit: contain;
}
#footer_tel_img{
    width: 4.42vw;
    aspect-ratio: 1/1;
    object-fit: contain;
}
#footer_tel{
    margin-left: 2vw;
    font-family: BIZ UDPMincho;
    font-size: 3.12vw;
    color: #D51D4E;
    align-self: center;
}
.footer_nav_ul{
    display: flex;
    column-gap: 1.6vw;
    align-self: center;
}
footer{
    width: 100%;
    aspect-ratio: 1920/102;
    align-content:center ;
    text-align: center;
}
@media screen and (max-width: 768px) {
    header{
        display: none;
    }
    .main1_nav_ul_li_c{
        width: 24.18vw;
    }
    #nav{
        aspect-ratio: 430/130;
        position:sticky;
        top:0%;
    }
    #main1_nav_ul{
        width: 95%;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr 1fr;
        column-gap: 1vw;
        row-gap: 1vw;
    }
    .main1_nav_ul_li{
        width: 23vw;
    }
    #main1_nav_ul_li_id{
        width: 23vw;
    }
    .main1_nav_ul_li_c{
        width: 23vw;
    }
    #main1_nav_ul_li_c_tel{
        width: 23vw;
    }
    #HeadlineNews{
        display: none;
    }
    #smartphone_1{
        display:flex;
        width: 100%;
        aspect-ratio: 430/84;
        display: flex;
        column-gap: 1vw;
        margin: 0 auto;
        background-image: url("../img/AdobeStock_1025377788.webp");
        background-size: cover;
        background-color: rgba(255,255,255,0.65);
        background-blend-mode: lighten;
    }
    #header_d1{
        padding-left: 5vw;
        width: 80vw;
        display: grid;
        grid-template-columns: 65fr 218fr;
        grid-template-rows: 1fr 1fr;
        column-gap: 5vw;
    }
    #header_logo{
        margin-left: 8vw;
        width: 16.97vw;
        aspect-ratio: 1/1;
        object-fit: contain;
    }
    #header_d1_p1{
        font-size: 5.58vw;
    }
    #header_d1_p2{
        font-size: 5.58vw;
    }
    #header_d1_time{
        font-size: 4.65vw;
    }
    #header_d1_tel{
        transform: translateY(-0.3vw);
        font-size: 5.5vw;
    }
    #main1{
        aspect-ratio: 430/130;
        top: 0;
        margin-top: -29vw;
    }
    .main1_nav_ul_li_c:hover {
        width: 24.18vw;
    }
    .main1_nav_ul_li_d>a{
        font-size: 2.3vw;
    }
    .main1_nav_ul_li{
        aspect-ratio: 104/44;
    }

    #main1_nav_ul_li_id{
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_c{
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_d{
        aspect-ratio: 104/44;
    }
    .main3_d{
        width: 23.25vw;
        aspect-ratio: 100/29;
        border-radius: 6.7vw;
    }
    .main3_d_1c{
        font-size: 1.86vw;
    }
    #NextTherapist{
        width: 93.95%;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 0.52vw;
        row-gap: 1vw;
    }
    #NextTherapist2{
        width: 93.95%;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 0.52vw;
        row-gap: 1vw;
    }
    #NextTherapist3{
        width: 93.95%;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 0.52vw;
        row-gap: 1vw;
    }
    #NextTherapist_d1{
        width: 45vw;
        row-gap: 0.5vw;
        aspect-ratio: 426/750;
    }
    #NextTherapist_d1_2{
        width: 45vw;
        row-gap: 0.5vw;
        aspect-ratio: 426/750;
    }
    #NextTherapist_d1_3{
        width: 45vw;
        row-gap: 0.5vw;
        aspect-ratio: 426/750;
    }
    .NextTherapist_d1_name{
        aspect-ratio: 380/100;
    }
    .NextTherapist_d1_name>p{
        font-size: 3.95vw;
    }
    .NextTherapist_d1_nexttime>p{
        font-size: 2.8vw;   
    }
    .NextTherapist_d1_time>p{
        font-size: 2vw;   
    }
    #map{
        margin-top: 2vw;
    }
    #map>iframe{
        height: auto;
        aspect-ratio: 1/1;
    }
    #map_access{
        font-size: 4vw;
    }
    #map_nav1{
        font-size: 2.3vw;
    }
    #map_nav2{
        font-size: 2.3vw;
    }
    .map_link_a{
        display: flex;
        background: linear-gradient( #FF0045, #601F24) ,url("../img/frame_silver.webp");
        width: 35vw;
        aspect-ratio: 183/40;
        color: white;
        justify-content: center;
        align-items: center;
        padding: 1vw;
        font-weight: bold;
        font-family: BIZ UDPMincho;
        font-size: 2.3vw;
        margin-bottom: 5vw;
        border-radius: 5vw;
    }
    #footer_open{
        grid-column: none;
        font-size: 5vw;
        align-self: flex-end;
    }
    #footer_time{
        margin-left: 5vw;
        grid-column: none;
        font-size: 5vw;
        align-self: flex-end;
    }    
    #footer_tel_img{
        grid-column: none;
        grid-row: none;
        width: 7vw;
        transform: translateY(-2vw);
    }
    #footer_tel{
        margin-left: 5vw;
        grid-column: none;
        grid-row: none;
        font-size: 5vw;
        transform: translateY(-2vw);
    }
    #footer_c{
        width: 95vw;
        aspect-ratio: 430/163.7;
        grid-template-columns: 104fr 210fr;
        grid-template-rows: 1fr 1fr;
        column-gap: 1.16vw;
        padding-bottom: 2vw;
    }
    #footer_c1{
        display: flex;
        grid-column: 2;
        grid-row: 1;
    }
    #footer_c2{
        display: flex;
        grid-column: 2;
        grid-row: 2;
    }
    #footer_logo{
        grid-column: 1;
        grid-row: 1/3;
        width: 36.04vw;
    }
    #footer_nav1{
        grid-column: 1;
    }
    #footer_nav2{
        grid-column: 2;
    }
    .footer_nav_ul{
        display: grid;
        row-gap: 1.16vw;
    }
    #smartphone_2{
        display: flex;
    }
}