@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body,#root,.app{height:100%;width:100%;font-family:"Noto Serif JP",serif}.home__herosection{position:relative}.home__herosection__rightimg img{width:100%}.home__herosection__lefttext{top:300px;left:240px;position:absolute;z-index:111}.home__herosection__lefttext h2{font-size:40px;color:#fff;text-shadow:1px 1px 3px #734972}.home__herosection__lefttext button{margin-top:20px;width:275px;font-size:21px;background:none;padding:8px 15px;color:#fff;border:1px solid #734972;cursor:pointer}.home__herosection__lefttext button:hover{color:#e0cce0}.Headlogo{width:100%;height:95px;display:flex;justify-content:center;align-items:center;position:relative;border-bottom:6px solid #8f2a29}.Headlogo img{width:150px}.Headlogo .language_switcher{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.language-switcher button{width:80px;height:25px;margin-right:20px;border-radius:6px;border:1px solid #8f2a29;color:#8f2a29;background-color:#fff;cursor:pointer}.language-switcher button:hover{background-color:#f0f0f0}.navbar{font-weight:700;color:#8f2a29;background-color:#f0f0f0}.navbar__list{height:70px;list-style:none;display:flex;justify-content:center;align-items:center;gap:50px;cursor:pointer}.navbar__list__listnames{position:relative}.navbar__list__listnames a{text-decoration:none;color:#8f2a29;display:inline-block;padding:5px 0;position:relative}.navbar__list__listnames a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:3px;border-radius:6px;background-color:#8f2a29;transition:width .3s ease}.navbar__list__listnames a:hover:after{width:100%}.navbar__list__listnames.has-dropdown:hover .dropdown-menu{max-height:220px;opacity:1;padding:0 0 7px}.navbar__list__listnames.has-dropdown .dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;list-style:none;margin:0;padding:0;min-width:180px;box-shadow:0 8px 16px #0000001a;overflow:hidden;max-height:0;opacity:0;transition:all .7s ease;z-index:999}.navbar__list__listnames.has-dropdown .dropdown-menu li{text-align:center;padding:6px 0}.navbar__list__listnames.has-dropdown .dropdown-menu li a{color:#8f2a29;display:block}.navbar__list__listnames.has-dropdown .dropdown-menu li a:hover{background-color:#f5f5f5}.footer{height:360px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:35px;color:#8f2a29;font-weight:600;background-color:#f0f0f0}.footer__img img{width:100px}.footer__nav__list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0;padding:0;font-size:13px}.footer__nav__list li{padding:0 22px;position:relative;cursor:pointer}.footer__nav__list li:not(:first-child):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;width:1px;background-color:#8f2a29}.footer__nav__list li a{text-decoration:none;color:#8f2a29;position:relative;display:inline-block;padding:5px 0}.footer__nav__list li a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background-color:#8f2a29;transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.footer__nav__list li a:hover:after{transform:scaleX(1)}.footer__icon{display:flex;justify-content:center;align-items:center;gap:40px;cursor:pointer}.footer__icon img{width:35px}.footer p{font-size:12px}.questions__mainimg img{width:100%;height:400px}.access__herosection__img img{width:100%;height:360px}.access__herosection__herotext{top:300px;left:240px;position:absolute;z-index:111}.access__herosection__herotext h2{font-size:55px;color:#fff;text-shadow:1px 1px 3px #734972}.access__details{margin:105px 0 65px;display:flex;flex-direction:column;justify-content:center;align-items:center}.access__details__headtext{padding:50px;font-size:25px;color:#ca5559}.access__details__guide{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:16px}.access__details__parkingtext{padding:60px 0 30px;font-size:16px}.access__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.access__content__address{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin:0 0 40px;padding:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEX///+4uLh3KWPYAAAAEklEQVQI12NoYOBgEGBQYHAAAAWyAPmZfPDLAAAAAElFTkSuQmCC)}.access__content__address img{width:210px}.access__content__map{width:1100px;height:500px}.access__address{width:1100px;display:flex;justify-content:space-between;align-items:center;padding:50px 0 70px}.access__address__righttext,.access__address__lefttext{display:flex;flex-direction:column;gap:40px}.access__address__righttext .p-text,.access__address__lefttext .p-text{display:flex;align-items:center;gap:13px}.access__address__righttext .p-text img,.access__address__lefttext .p-text img{width:16px}.massages__header{position:relative}.massages__header__rightimg img{width:100%}.massages__header__lefttext{top:300px;left:240px;position:absolute;z-index:111}.massages__header__lefttext h2{font-size:40px;color:#fff}.massages__herocontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.massages__herocontainer img{width:50%;height:500px}.massages__herocontainer__maintext{padding:60px 0 40px;color:#d86f7c;font-size:19px;font-weight:500;text-shadow:2px 3px 3px #f0c3c7}.massages__herocontainer__p-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#333}.massages__herocontainer__menu-nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0}.massages__herocontainer__menu-nav li{width:350px;background-color:#d86f7c;color:#fff;border:1px solid white;font-weight:500;text-align:center;padding:12px;font-size:16px;border-radius:6px;cursor:pointer;transition:.2s}.massages__herocontainer__menu-nav li a{color:#fff;text-decoration:none;display:flex;justify-content:space-between;align-items:center;width:100%}.massages__herocontainer__menu-nav li a svg{font-size:16px;margin-left:8px}.massages__herocontainer__menu-nav li:hover{background-color:#be6c74}.massages__body{text-align:center;padding:60px 0 100px}.massages__body__headtext{width:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEX///+4uLh3KWPYAAAAEklEQVQI12NoYOBgEGBQYHAAAAWyAPmZfPDLAAAAAElFTkSuQmCC);margin:0 0 80px;height:200px;display:flex;align-items:center;justify-content:center}.massages__body__headtext h1{padding:90px 0;font-size:50px}.massages__body__services{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px}.ServicesFacial{width:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:8px;overflow:hidden;padding:10px 10px 0;box-shadow:0 2px 2px 1px #d4d3d380,inset 0 -3px 6px -2px #d4d4d44d}.ServicesFacial__maintext{color:#dba3c9;text-align:center;font-size:20px;line-height:40px}.ServicesFacial__main-img{width:100%;text-align:center}.ServicesFacial__main-img img{width:490px;height:320px;border-radius:8px}.ServicesFacial__effecttext{width:490px;height:300px}.ServicesFacial__effecttext p{color:#424446;font-size:15px;line-height:33px}.ServicesFacial__footer{display:flex;justify-content:center;align-items:center;gap:40px;width:550px;height:48px;border-radius:8px;background-color:#f7f2ee}.Servicesmassages{width:1100px;border:1px solid #ddd;border-radius:12px}.Servicesmassages__maintext{padding:1rem;background-color:#d17782;border-bottom:1px solid #ddd;border-radius:12px;cursor:pointer}.Servicesmassages__maintext h2{margin:0;display:flex;align-items:center;justify-content:space-between;font-size:1.8rem;color:#fff}.Servicesmassages__maintext h2 .Servicesmassages__arrow{font-size:1.8rem;margin-left:1rem;color:#fff;transition:transform .3s ease}.Servicesmassages__main{overflow:hidden;transition:max-height .5s ease;background-color:#fff;display:flex;padding:0}.Servicesmassages__main__img{margin:10px}.Servicesmassages__main__img img{height:390px;width:500px;display:block;border-radius:8px}.Servicesmassages__main__details{height:390px;width:500px;margin:10px;padding:1rem;font-size:1rem;color:#555;line-height:1.6;display:flex;flex-direction:column;justify-content:center;line-height:40px}.Servicesmassages__footer{padding:1rem;display:flex;justify-content:space-around;font-size:1rem;background-color:#d6cbcd;border-top:1px solid #ddd;border-radius:12px;font-size:18px;font-weight:600}.Servicesmassages__footer__time,.Servicesmassages__footer__price{color:#302f2f}.facial__header{position:relative}.facial__header__rightimg img{width:100%}.facial__header__lefttext{top:300px;left:240px;position:absolute;z-index:111}.facial__header__lefttext h2{font-size:40px;color:#fff;text-shadow:1px 1px 3px #734972}.facial__herocontainer{padding:60px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.facial__herocontainer__maintext{color:#d86f7c;font-size:19px;font-weight:500;text-shadow:2px 3px 3px #f0c3c7}.facial__herocontainer__p-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#333}.facial__herocontainer__menu-nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0}.facial__herocontainer__menu-nav li{width:350px;background-color:#d86f7c;color:#fff;border:1px solid white;font-weight:500;text-align:center;padding:12px;font-size:16px;border-radius:6px;cursor:pointer;transition:.2s}.facial__herocontainer__menu-nav li a{color:#fff;text-decoration:none;display:flex;justify-content:space-between;align-items:center;width:100%}.facial__herocontainer__menu-nav li a svg{font-size:16px;margin-left:8px}.facial__herocontainer__menu-nav li:hover{background-color:#be6c74}.facial__body{text-align:center;padding:60px 0 100px}.facial__body__headtext{width:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEX///+4uLh3KWPYAAAAEklEQVQI12NoYOBgEGBQYHAAAAWyAPmZfPDLAAAAAElFTkSuQmCC);margin:0 0 80px;height:200px;display:flex;align-items:center;justify-content:center}.facial__body__headtext h1{padding:90px 0;font-size:50px}.facial__body__services{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
