body{
    width: 100%;
}
main{
    display: flex;
    flex-direction: column;
    position: relative;
}
#Slide{
    /* Layout Properties */
    top: 0px;
    left: 0px;
    max-width: 100vw;
    aspect-ratio: 16/6;
    position: relative;
    /* UI Properties */
    background:url("../img/Slide1.webp") no-repeat padding-box;
    background-size: cover;
    opacity: 1;
}
#Slide1_img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* border:1px solid; */
}
#Slide_Style1{
    position: absolute;
    height: 47.5%;
    aspect-ratio: 1/0.448;
    background-image:url('../img/asset8.webp');
    background-size: cover;
    background-repeat: no-repeat;
    top: 1%;
    left: 1%;
}
#Slide_Style2{
    position: absolute;
    top: 1%;
    right: 1%;
    height: 47.5%;
    aspect-ratio: 1/0.448;
    background-image:url('../img/asset8.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
#Slide_Style3{
    position: absolute;
    height: 47.5%;
    aspect-ratio: 1/0.448;
    bottom: 1%;
    left: 1%;
    background-image:url('../img/asset8.webp');
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-position: right;
}
#Slide_Style4{
    position: absolute;
    height: 47.5%;
    aspect-ratio: 1/0.448;
    bottom: 1%;
    right: 1%;
    background-image:url('../img/asset8.webp');
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
#Slide_Style5{
    position: absolute;
    width: 21vw;
    aspect-ratio: 516/556;
    top: 5%;
    left: 3%;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    background: linear-gradient(153deg, #FF000A 0%, #611417 100%);
}
#Slide_Style6{
    position: absolute;
    width: 21vw;
    aspect-ratio: 516/556;
    bottom:5%;
    right: 3%;
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
    background: linear-gradient(153deg, #FF000A 0%, #611417 100%);
}
#Slide_Style7{
    position: absolute;
    bottom: 20%;
    right: 2.8%;
    width: 10%;
    aspect-ratio: 1/1;
    background-image: url("../img/kota_logo_white.webp");
    background-size: contain;
}
#Slide_Style8{
    position: absolute;
    width: 16vw;
    display: flex;
    column-gap: 1vw;
    bottom:13%;
    right: 0%;
}
#Slide_Style9{
    position:absolute;
    width: 16vw;
    display: flex;
    column-gap: 1vw;
    bottom:8%;
    right: 0%;
}
#Slide_Style8_open{
    font-family:Tangerine;
    font-size: 3.08vw;
    color: #FFFFFF;
}
#Slide_Style8_time{
    font-family: Kaisei Opti;
    font-size: 1.35vw;
    color: #FFFFFF;
    transform: translateY(1.3vw);
    /* width: 10.78vw; */
}
#Slide_Style9>img{
    width: 1.61vw;
    aspect-ratio: 1/1;
    object-fit: contain;
}
#Slide_Style9>p{
    font-family:Kaisei Opti;
    font-size: 1.35vw;
    color: #FFFFFF;
}
#Slide_d1_p1{
    position: absolute;
    top: 4%;
    left: 3.3%;
    width: 33%;
    aspect-ratio: 1/0.37;
    text-align: left;
    font-family: Tangerine;
    font-style: normal;
    font-variant: normal;
    /* font-weight: bold; */
    font-size: 10vw;
    letter-spacing: 0px;
    -webkit-text-stroke: 0.15vw #7E1717;
    /* text-stroke: 2px black; */
    paint-order: stroke;
    color: #FFFFFF;
    opacity: 1;
}
#Slide_d1_p2{
    /* Layout Properties */
    position: absolute;
    top: 33.5%;
    left: 3.3%;
    width: 12.8vw;
    aspect-ratio: 1/0.33;
    /* UI Properties */
    text-align: left;
    font-style: normal;
    font-variant: normal;
    /* font-weight: bold; */
    font-family: BIZ UDPMincho;
    font-size:4vw ;
    letter-spacing: 0px;
    -webkit-text-stroke: 0.1vw #7E1717;
    color: #FFFFFF;
    opacity: 1;
}
#Slide_img1{
    position: absolute;
    top: 5%;
    right: 2.8%;
    height: 25%;
    aspect-ratio: 1/1;
    background-image: url("../img/asset12.webp");
    opacity: 0.85;
    background-size: cover;
}
#Slide_img2{
    /* Layout Properties */
    position: absolute;
    bottom:5%;
    left: 2.8%;
    height: 25%;
    aspect-ratio: 1/1;
    /* UI Properties */
    /* background:transparent url("../img/sozai1.png") 0% 0% no-repeat  padding-box; */
    background-image: url("../img/asset12.webp");
    opacity: 0.85;
    background-size: cover;
    transform: rotate(180deg);
}
#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-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;
}
#main1{
    position: sticky;
    top: -5%;
    margin-top: -8vw;
    z-index: 2;
}
#main1_d1{
    width: 100%;
    aspect-ratio: 16/1.4;
    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{
    display: flex;
    width: 100%;
    height: fit-content;
    /* aspect-ratio: 1/0.332; */
    background-image: url("../img/AdobeStock_1025377788.webp");
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
    background-size: cover;
    align-items: center;
}
#baner{
    display: grid;
    grid-template-columns: 617fr 617fr 530fr;
    grid-template-rows: repeat(3,1fr);
    column-gap: 0.5vw;
    row-gap: 0.5vw;
    width: 97.86vw;
    height: fit-content;
    margin: 0 auto;
}
#baner1{
    grid-column: 1/3;
    grid-row: 1/4;
    /* min-width: 64vw;
    aspect-ratio: 1/0.45; */
    aspect-ratio: 1234/556;
    object-fit: contain;
    width: 100%;
}
#banner1>img{
    object-fit: contain;
}
#baner2{
    grid-column: 3;
    grid-row: 1;
    object-fit: contain;
    width: 100%;
    /* width: 30vw;
    aspect-ratio: 1/0.29; */
    aspect-ratio: 2084/709;
}
#banner2>img{
    object-fit: contain;
}
#baner3{
    grid-column: 3;
    grid-row: 2;
    object-fit: contain;
    width: 100%;
    /* width: 30vw;
    aspect-ratio: 1/0.29; */
    aspect-ratio: 2084/709;
}
#banner3>img{
    object-fit: contain;
}
#baner4{
    grid-column: 3;
    grid-row: 3;
    object-fit: contain;
    width: 100%;
    /* width: 30vw;
    aspect-ratio: 1/0.29; */
    aspect-ratio: 2084/709;
}
#banner4>img{
    object-fit: contain;
}
#banner_smart{
    display: none;
}
#main3{
    width: 100%;
    /* aspect-ratio: 1920/1000; */
    /* padding-bottom: 3vw; */
    background-image: url("../img/AdobeStock_392165869.webp");
    background-size: cover;
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
    /* opacity: 0.19; */
    display: grid;
    /* grid-template-rows: 1fr 3fr 0.3fr; */
    grid-auto-flow: row;
    row-gap: 1.7vw;
    align-content: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
}
#main3_1{
    position: relative;
    width: 49.48vw;
    aspect-ratio: 950/189.4;
    grid-row: 1;
    margin: 0 auto;
    text-align: center;
    /* margin-top: 0.6vw; */
}
#design1{
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%) ;
    /* width: 18.02vw; */
    width: 38.25%;
    aspect-ratio: 346/46;
    background-image: url("../img/asset9.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
#design2{
    position: absolute;
    bottom: 0%;
    right: 50%;
    transform: rotate(180deg) translateX(-50%);
    /* width: 18.02vw; */
    width: 38.25%;
    aspect-ratio: 346/46;
    background-image: url("../img/asset9.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
#design3{
    position: absolute;
    top: 20%;
    left: 7%;
    /* width: 11.46vw; */
    width: 19.82%;
    aspect-ratio: 200/13;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#design4{
    position: absolute;
    top: 20%;
    right: 7%;
    /* width: 11.46vw; */
    width: 19.82%;
    aspect-ratio: 200/13;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#design5{
    position: absolute;
    bottom: 20%;
    left: 7%;
    /* width: 11.46vw; */
    width: 19.82%;
    aspect-ratio: 200/13;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#design6{
    position: absolute;
    bottom: 20%;
    right: 7%;
    /* width: 11.46vw; */
    width: 19.82%;
    aspect-ratio: 200/13;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#design7{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* width: 1.823vw; */
    width: 3.56%;
    aspect-ratio: 35/114;
    background-image: url("../img/asset11.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#design8{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    /* width: 1.823vw; */
    width: 3.56%;
    aspect-ratio: 35/114;
    background-image: url("../img/asset11.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#main3_1>p{
    display: flex;
    white-space: nowrap;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) ;
    font-family: BIZ UDPMincho;
    font-weight: bold;
    font-size: 2.78vw;
    /* font-weight: bold; */
    background: transparent linear-gradient(180deg, #FF0045 0%, #601F24 100%) 0% 0% no-repeat padding-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    align-items: center;
    text-align: center;
}
#NextTherapist{
    width: 90.6vw;
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 0.83vw;
    margin: 0 auto;
}
#NextTherapist_d1{
    display: grid;
    grid-template-rows: auto;
    row-gap: 0.3vw;
    width: 17.6vw;
    /* width: 100%; */
    aspect-ratio: 426/890;
    border: 0.156vw solid #908E8E;
    align-content:center;
    background-image: url("../img/background66.webp");
    background-size: cover;
}
#NextTherapist_img{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 1/1.42;
    object-fit: cover;
    margin: 0 auto;
}
.NextTherapist_d1_class{
    display: flex;
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 386/61;
    /* background-image: url("../img/AdobeStock_262540479.jpeg"); */
    background-size: cover;
    /* background-position: 50%; */
    background-repeat: no-repeat;
    /* border-radius: 1.4vw; */
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    /* border-radius: 1.4vw; */
    border-radius: 100em;
}
/* .NextTherapist_d1_class>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;
} */
.NextTherapist_d1_name{
    /* width: 15.76vw; */
    width: 89.54%;
    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: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 380/44;
    background-image: url("../img/AdobeStock_1644463273.webp");
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
#test{
    font-size: 1vw;
}
.NextTherapist_d1_nexttime>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;    
}
.NextTherapist_d1_time{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 380/38;
    background-color: black;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    padding: 0.2vw;
}
.NextTherapist_d1_time>p{
    font-family: BIZ UDPMincho;
    font-size: 1vw;
    color: #FFFFFF;    
}
#main4{
    padding: 2vw;
    display: grid;
    /* grid-template-columns: 69.27fr 30.73fr; */
    grid-template-columns: 1fr auto ;
    grid-auto-flow: column;
    width: 100%;
    aspect-ratio: 1920/1080;
    background-image: url("../img/AdobeStock_1025377788.webp");
    background-size: cover;
    background-color: rgba(255,255,255,0.35);
    background-blend-mode: lighten;
    align-items: center;
}
#Schedule{
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: row;
    align-content: start;
}
#Schedule_d1{
    position: relative;
    /* width: 61.09vw; */
    aspect-ratio: 1326/224; 
}
#Schedule_d1_d1{
    position: absolute;
    top: -10%;
    left: 48%;
    transform-origin: right center;
    transform: translateX(-50%) rotate(90deg);
    /* width: 2.34vw; */
    width: 3.83%;
    aspect-ratio: 45/147;
    background-image: url("../img/asset11.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#Schedule_d1_d2{
    position: absolute;
    bottom: -10%;
    left: 48%;
    transform-origin: right center;
    transform: translateX(-50%) rotate(-90deg);
    /* width: 2.34vw; */
    width: 3.83%;
    aspect-ratio: 45/147;
    background-image: url("../img/asset11.webp");
    background-size: contain ;
    background-repeat: no-repeat;
}
#Schedule_d1_d3{
    position: absolute;
    bottom: 46%;
    left: 7%;
    transform: translateY(-50%) ;
    /* width: 17.91vw; */
    width: 29.32%;
    aspect-ratio: 344/16;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#Schedule_d1_d4{
    position: absolute;
    bottom: 46%;
    right: 7%;
    transform: translateY(-50%) ;
    /* width: 17.91vw; */
    width: 29.32%;
    aspect-ratio: 344/16;
    background-image: url("../img/asset10.webp");
    background-size: contain;
    background-repeat: no-repeat;
}
#TodaySchedule{
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    font-family: BIZ UDPMincho;
    font-size: 2.58vw;
    color: #D51D4E;
    /* font-size: 3.87vh; */
}
#TodaySchedule_E{
    position: absolute;
    top: 61%;
    left: 50%;
    transform: translateX(-50%);
    font-family: BIZ UDPMincho;
    font-size: 0.635vw;
    color: #D51D4E;
}
#ScheduleTherapistCon{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-self: center;
    width: 54vw;
    aspect-ratio: 1282/806;
    z-index: 1;
}
#ScheduleTherapist{
    /* aspect-ratio: 1282/806; */
    display: grid;
    grid-template-rows: auto;
    row-gap: 0.3vw;
    width: 17.6vw;
    aspect-ratio: 426/800;
    border: 0.156vw solid #908E8E;
    align-content:center;
    background-image: url("../img/background66.webp");
    background-size: cover;
}
#ScheduleTherapist_img{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 1/1.42;
    object-fit: cover;
    margin: 0 auto;
}
.ScheduleTherapist_d1_class{
    display: flex;
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 386/61;
    /* background-image: url("../img/AdobeStock_262540479.jpeg"); */
    background-size: cover;
    /* background-position: 50%; */
    background-repeat: no-repeat;
    /* border-radius: 1.4vw; */
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    /* border-radius: 1.4vw; */
    border-radius: 100em;
}
/* .ScheduleTherapist_d1_class>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;
} */
.ScheduleTherapist_d1_name{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 380/134;
    background-image: url("../img/AdobeStock_481102619.webp");
    background-size: cover;
    margin: 0 auto;
    align-content: center;
    text-align: center;
}
.ScheduleTherapist_d1_name>p{
    font-family: BIZ UDPMincho;
    font-size: 2.45vw;
    color: #FFFFFF;
}
.ScheduleTherapist_d1_nexttime{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 380/44;
    background-image: url("../img/AdobeStock_1644463273.webp");
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
#test{
    font-size: 1vw;
}
.ScheduleTherapist_d1_nexttime>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;    
}
.ScheduleTherapist_d1_time{
    /* width: 15.76vw; */
    width: 89.54%;
    aspect-ratio: 380/38;
    background-color: black;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
.ScheduleTherapist_d1_time>p{
    font-family: BIZ UDPMincho;
    font-size: 1.35vw;
    color: #FFFFFF;    
}

#Schedule_d2{
    width: 100%;
    height: 8vw;
    align-content: center;
}
#Schedule_d2_con{
    display:grid;
    column-gap: 1.3vw;
    grid-auto-flow: column;
    width: 28.85vw;
    aspect-ratio: 554/94;
    border: 1px solid #707070;
    background: transparent linear-gradient(180deg, #FF0045 0%, #E60540 16%, #601F24 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
}
#Schedule_d2_d1{
    width: 2.34vw;
    aspect-ratio: 1/1;
    background-image: url("../img/sozai2.webp");
    background-size: contain;
    z-index: 1;
}
#Schedule_d2_d2{
    width: 2.34vw;
    aspect-ratio: 1/1;
    background-image: url("../img/sozai2.webp");
    background-size: contain;
    z-index: 1;
}
#Schedule_d2_con_a{
    width: auto;
    text-align: center;
    align-self: center;
    font-family: BIZ UDPMincho;
    font-size: 1.25vw;
    color: #FFFFFF;
}
#Schedule_d2_con_a>p{
    font-family: BIZ UDPMincho;
    font-size: 1.25vw;
    color: #FFFFFF;
}
#X{
    border: 5px solid #AE3239;
    object-fit: contain;
    height: fit-content;
    padding: 0.5vw;
    background-color: #ECF0F4;
}
#main5{
    width: 100vw;
    aspect-ratio: 1920/1542;
    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{
    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;
}
#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_logo{
    width: 92.24vw;
    display: grid;
    grid-template-columns: 735fr 307fr 735fr;
    justify-self: center;
}
#footer_logo_d2>img{
    object-fit: contain;
} */
#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;
}
#banner_link{
    display: grid;
    padding: 3vw;
    column-gap: 1vw;
    row-gap: 1vw;
    grid-template-columns: repeat(3,1fr);
}
footer{
    width: 100%;
    aspect-ratio: 1920/102;
    align-content:center ;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #nav{
        order: 1;
        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;
        aspect-ratio: 104/44;
    }
    #main1_nav_ul_li_id{
        width: 23vw;
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_c{
        width: 23vw;
        aspect-ratio: 104/44;
    }
    .main1_nav_ul_li_c:hover {
        width: 23vw;
    }
    .main1_nav_ul_li_d>a{
        font-size: 2.3vw;
    }
    .main1_nav_ul_li_d{
        aspect-ratio: 104/44;
    }
    #main1_nav_ul_li_c_tel{
        width: 23vw;
    }
    #main1{
        aspect-ratio: 430/130;
        top: 0;
        order: 2;
        margin-top: -29vw;
    }
    #main1_d1{
        width: 100%;
        aspect-ratio: 430/130;
    }
    #Slide{
        order: 3;
        aspect-ratio: 430/800;
        width: 100%;
        max-width: unset;
        background-position: 58% ;
        padding-top: 1.86vw;
    }
    #Slide_Style1{
        transform-origin: top left;
        transform: rotateX(180deg) rotateZ(-90deg);
        height: unset;
        width: 90%;
    }
    #Slide_Style2{
        transform-origin: top right;
        transform: rotateX(180deg) rotateZ(90deg);
        height: unset;
        width: 90%;
    }
    #Slide_Style3{
        transform-origin: bottom left;
        transform: rotateX(180deg) rotateZ(-90deg) translateX(-100%) translateY(100%);
        height: unset;
        width: 90%;
    }
    #Slide_Style4{
        transform-origin: bottom right;
        transform:rotateX(180deg) rotateZ(90deg) translateX(100%) translateY(100%);
        height: unset;
        width: 90%;
    }
    #Slide_Style5{
        width: 39.95vw;
        aspect-ratio: 171/243;
        top: 3%;
        left: 4%;
    }
    #Slide_Style6{
        width: 39.95vw;
        aspect-ratio: 171/243;
        bottom:3%;
        right: 4%;
    }
    #Slide_Style7{
        position: absolute;
        bottom: 12%;
        right: 5%;
        width: 18.6%;
        aspect-ratio: 1/1;
        background-image: url("../img/kota_logo_white.webp");
        background-size: contain;
    }
    #Slide_Style8{
        position: absolute;
        width: 30vw;
        display: flex;
        column-gap: 1vw;
        bottom:7%;
        right: 2%;
    }
    #Slide_Style9{
        position:absolute;
        width: 30vw;
        display: flex;
        column-gap: 1vw;
        bottom:5%;
        right: 2%;
    }
    #Slide_Style8_open{
        font-family:Tangerine;
        font-size: 8.83vw;
        color: #FFFFFF;
    }
    #Slide_Style8_time{
        font-family: Kaisei Opti;
        font-size: 3.25vw;
        color: #FFFFFF;
        transform: translateY(4vw);
        /* width: 10.78vw; */
    }
    #Slide_Style9>img{
        width: 3.95vw;
        aspect-ratio: 1/1;
        object-fit: contain;
    }
    #Slide_Style9>p{
        font-family:Kaisei Opti;
        font-size: 3.25vw;
        color: #FFFFFF;
    }
    #Slide_img1{
        top: 2.8%;
        width: 25.58vw;
        height: unset;
    }
    #Slide_img2{
        bottom: 2.8%;
        width: 25.58vw;
        height: unset;
    }
    #Slide_d1_p1{
        width: 60%;
        font-size: 21.86vw;
    }
    #HeadlineNews{
        display: none;
    }
    #main2{
        order: 5;
        /* aspect-ratio: 430/200; */
        padding-top: 1.86vw;
        padding-bottom: 4.65vw;
    }
    .banner_img_fit{
        object-fit: contain;
    }
    #baner{
        display: grid;
        /* grid-template-columns: repeat(3,1fr); */
        grid-template-columns: unset;
        grid-template-rows: 1fr auto;
        column-gap: 0.93vw;
        row-gap: 1.86vw;
        width: 96.74vw;
        height: fit-content;
        /* aspect-ratio: 416/172; */
        margin: 0 auto;
    }
    #baner1{
        /* grid-column: 1/4; */
        grid-column: 1;
        grid-row: 1;
        object-fit: contain;
    }
    #baner2{
        display: none;
        /* grid-column: 1;
        grid-row: 2;
        object-fit: contain; */
    }
    #baner3{
        display: none;
        /* grid-column: 2;
        grid-row: 2;
        object-fit: contain; */
    }
    #baner4{
        display: none;
        /* grid-column: 3;
        grid-row: 2;
        object-fit: contain; */
    }
    #banner_smart{
        display: block;
        grid-row: 2;
    }
    #main3{
        order: 6;
    }
    #main3_1{
        position: relative;
        width: 69.3vw;
        aspect-ratio: 950/189.4;
        grid-row: 1;
        margin: 0 auto;
        text-align: center;
        margin-top: 2vw;
    }
    #main3_1>p{
        font-size: 3.32vw;
    }
    #NextTherapist{
        width: 95.81vw;
        aspect-ratio: 412/290;
        grid-template-columns: 1fr 1fr 1fr;
        overflow: hidden;
        row-gap: 10vw;
    }
    #NextTherapist_d1{
        row-gap: 0.3vw;
        width: 31vw;
    }
    .NextTherapist_d1_name>p{
        font-size: 3.23vw;
    }
    .NextTherapist_d1_nexttime>p{
        font-size: 2.32vw;
    }
    .NextTherapist_d1_time>p{
        font-size: 2vw;
    }
    #main4{
        order: 7;
        aspect-ratio: 430/430;
    }
    /* #Schedule_d1{
        aspect-ratio: 430/116;
    } */
    #TodaySchedule{
        position: absolute;
        top: 33%;
        left: 50%;
        transform: translateX(-50%);
        font-family: BIZ UDPMincho;
        font-size: 3.5vw;
        color: #D51D4E;
        /* font-size: 3.87vh; */
    }
    #TodaySchedule_E{
        position: absolute;
        top: 61%;
        left: 50%;
        transform: translateX(-50%);
        font-family: BIZ UDPMincho;
        font-size: 1.3vw;
        color: #D51D4E;
    }
    #ScheduleTherapistCon{
        margin-top: 2vw;
        width: 95.81vw;
    }
    #ScheduleTherapist{
        width: 31vw;
    }
    #ScheduleTherapist_img{
        width: 89.54%;
        aspect-ratio: 1/1.42;
        object-fit: cover;
        margin: 0 auto;
    }
    .ScheduleTherapist_d1_name{
        width: 89.54%;
        aspect-ratio: 380/134;
        background-size: cover;
        margin: 0 auto;
        align-content: center;
        text-align: center;
    }
    .ScheduleTherapist_d1_name>p{
        font-size: 3.23vw;
    }
    .ScheduleTherapist_d1_nexttime>p{
        font-size: 2.32vw;
    }
    .ScheduleTherapist_d1_time>p{
        font-size: 2.32vw;
    }
    .ScheduleTherapist_d1_nexttime{
        width: 89.54%;
        aspect-ratio: 380/44;
        background-size: cover;
        margin: 0 auto;
        text-align: center;
        align-content: center;
    }
    .ScheduleTherapist_d1_time{
        width: 89.54%;
        aspect-ratio: 380/38;
        background-color: black;
        margin: 0 auto;
        text-align: center;
        align-content: center;
    }
    #Schedule_d2_con{
        width: 60vw;
        margin-top: 2vw;
    }
    #Schedule_d2_con_a{
        font-size: 3.72vw;
    }
    #Schedule_d2_con_a>p{
        font-family: BIZ UDPMincho;
        font-size: 3.72vw;
        color: #FFFFFF;
    }
    #Schedule_d2_d1{
        width: 5.34vw;
    }
    #Schedule_d2_d2{
        width: 5.34vw;
    }
    #X{
        display: none;
    }

    #main5{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 8;
    }
    #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;
    }
    #banner_link{
        order: 9;
        display: grid;
        column-gap: 1vw;
        row-gap: 1vw;
        grid-template-columns: unset;
        width: 70vw;
        margin: 0 auto;
    }
    #smartphone_2{
        display: flex;
    }
}
