@import"setting.css";html,body{color:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;scroll-behavior:auto;font:62.5% "Noto Sans JP","游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif;font-optical-sizing:auto;font-weight:330;font-style:normal}.noto-serif-jp{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.josefin-sans,.en{font-family:"Josefin Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.marcellus-regular.number{font-family:"Marcellus",serif;font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif JP";font-weight:normal}p{font-size:1.4rem;line-height:2}ul{padding:0;margin:0}.filter{overflow:hidden}.pc{display:block}.sp{display:none}.w1200{width:100%;max-width:1230px;padding:0 15px;margin:0 auto;position:relative}.btn-area{display:flex;justify-content:center}.btn-area .btn01{margin:0 40px}.btn01,.btn02{width:170px;height:50px;display:flex;justify-content:center;align-items:center;background-color:#333;color:#fff;border-radius:25px;font-family:"Josefin Sans";font-size:1.2rem;transition:.4s}.btn01 img,.btn02 img{width:8px;height:8px;margin-left:10px;transition:.4s;pointer-events:none}.btn01 svg,.btn02 svg{margin-left:10px}.btn01 svg path,.btn01 svg polygon,.btn02 svg path,.btn02 svg polygon{fill:#fff;transition:.4s}.btn01:hover,.btn02:hover{background-color:#9e8d65}.btn01:hover img,.btn02:hover img{transform:translateX(8px)}.btn02{width:320px}.recruit-btn{background-color:#9e8d65}.reservation-btn{background-color:#702c60}.recruit-btn,.reservation-btn{width:auto;min-width:304px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;padding:0 10px;margin-right:20px;transition:.4s}.recruit-btn strong,.reservation-btn strong{font-size:2rem;margin-right:10px;font-weight:normal;font-family:"Noto Serif JP"}.recruit-btn p,.reservation-btn p{font-size:1.2rem;line-height:1.2}.recruit-btn:hover.recruit-btn,.reservation-btn:hover.recruit-btn{background-color:#dbccb4}.recruit-btn:hover.reservation-btn,.reservation-btn:hover.reservation-btn{background-color:#d1788f}.attachment{display:block;width:100%;height:400px}.attachment .clip{display:block;position:relative;overflow:hidden;clip-path:inset(0 0 0 0);height:100%}.attachment .clip img{position:fixed;width:100%;min-height:100vh;-o-object-fit:cover;object-fit:cover;height:auto;left:0;top:0;pointer-events:none}.ttl{padding:220px 15px;text-align:center}.ttl h2{font-size:3.6rem;color:#9e8d65;font-family:"Josefin Sans"}.ttl h1{font-size:2.4rem;font-family:"Noto Serif JP";font-weight:normal;margin-top:120px}.scrolldown{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:.5px;height:120px;z-index:3}.scrolldown::before{content:"";width:100%;height:100%;background-color:#000;display:block}.scrolldown span{width:2px;height:100%;display:block;background:linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);background-position:0 -120px;background-size:100% 200%;animation:scrolldown 1.5s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;position:absolute;top:0;left:0;z-index:4}@keyframes scrolldown{0%{background-position:0 -120px}75%{background-position:0 0}100%{background-position:0 120px}}.banner{width:100%;max-width:1400px;height:360px;position:relative;display:flex;justify-content:center;align-items:center;transition:.4s;margin:0 auto}.banner .box{position:relative;z-index:3;width:100%;max-width:560px;height:auto;min-height:120px;background-color:#fff;padding:30px 55px;transition:.4s}.banner .box h2{color:#9e8d65;font-size:3rem;margin-bottom:10px}.banner .box p{color:#9e8d65;font-weight:normal}.banner .box svg{position:absolute;top:50%;right:50px;transform:translateY(-50%);transition:.4s}.banner .box svg polygon{fill:#9e8d65}.banner .attachment{position:absolute;top:0;left:0;height:100%}.banner .attachment .clip{clip-path:inset(20px 100px);transition:.4s}.banner .attachment .clip img{left:50%;transform:translateX(-50%)}.banner:hover .box{background-color:#a5374a;transform:scale(1.06, 1.06)}.banner:hover .box h2,.banner:hover .box p{color:#fff}.banner:hover .box svg{transform:translate(25px, -50%)}.banner:hover .box svg polygon{fill:#fff}.banner:hover .attachment .clip{clip-path:inset(0)}.pkz{padding-bottom:30px}.pkz ul{display:flex;align-items:center;width:100%;max-width:1230px;margin:0 auto;padding:10px 15px}.pkz ul li{margin-left:20px;position:relative;font-size:1.4rem;z-index:1}.pkz ul li::before{content:"";position:absolute;display:block;top:60%;left:-10px;width:5px;height:9.8px;transform:translateY(-50%);background-image:url(../img/common/arrow03.svg);background-size:contain;background-repeat:no-repeat;z-index:1}.pkz ul li:first-of-type{margin-left:0}.pkz ul li:first-of-type::before{display:none}.pkz ul li a{font-size:1.4rem;transition:.4s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkz ul li a:hover{opacity:.5}.footbath-block{background-color:var(--main-color);padding-top:50px;padding-bottom:120px}.footbath-block .w1200{display:flex;justify-content:space-between;padding-left:100px}.footbath-block h3{font-size:2.4rem;margin-bottom:40px}.footbath-block .img-box{display:flex;flex-direction:column;width:52%}.footbath-block .img-box figure{overflow:hidden}.footbath-block .img-box figure img{width:100%;height:calc(100% + 100px);-o-object-fit:cover;object-fit:cover;margin-top:-100px}.footbath-block .img-box figure:first-of-type{width:336px;aspect-ratio:336/240;margin-right:0;margin-left:auto}.footbath-block .img-box figure:last-of-type{width:352px;aspect-ratio:352/240;margin-top:-75px}header{width:100%}header nav{width:100%;height:120px;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:fixed;z-index:90;transition:.4s}header nav .logo{display:flex;align-items:center;position:relative;z-index:91}header nav .logo>div{display:block;width:123.9879px;height:29.7174px;transition:.4s}header nav .logo>div img{width:100%;height:auto}header nav .logo p{font-size:1.2rem;margin-left:15px;transition:.4s;font-weight:normal}header nav .logo:hover h2{opacity:.5}header nav .logo:hover p{color:#9e8d65}header nav .menu{display:flex;align-items:center}header nav .menu ul{display:flex}header nav .menu ul li a{font-size:1.2rem;padding:15px;transition:.4s;position:relative}header nav .menu ul li a:hover{color:#9e8d65}header nav .menu .r-sp{display:none}header nav.fixed{height:60px}.s-area{display:flex}.sns{transition:.4s;position:relative;width:20px;height:20px}.sns:first-of-type{margin:0 15px}.sns img{position:absolute;top:0;left:0;width:100%;height:100%;transition:.4s}.sns img.off{z-index:101}.sns:hover img.off{opacity:0}.toggle{display:none}.fixation{position:fixed;bottom:0;right:0;z-index:89;display:flex;transition:cubic-bezier(0.77, 0, 0.175, 1) .2s;transform:translateY(56px)}.fixation.slideup{transform:translateY(0)}footer{background-color:var(--main-color);background-image:url(../img/common/footer-bg.webp);background-repeat:no-repeat;background-size:cover;padding:100px 0}footer .w1200{display:flex;align-items:center;position:static}footer .f-content>p{font-size:1.2rem;margin-bottom:90px}footer .f-content>small{letter-spacing:.14em;font-size:1.2rem}footer .title{display:flex;align-items:flex-end;margin-bottom:45px}footer .title h2{display:block;width:123.9879px;height:29.7174px;transition:.4s}footer .title h2 img{width:100%;height:auto}footer .title p{font-size:1.2rem;margin-left:15px;transition:.4s;font-weight:normal}footer .title:hover h2{opacity:.5}footer .title:hover p{color:#9e8d65}footer .f-menu{margin-left:80px}footer .f-menu ul{display:flex}footer .f-menu ul:first-of-type{margin-bottom:30px}footer .f-menu ul li a{font-size:1.2rem;padding:10px 15px;transition:.4s}footer .f-menu ul li a:hover{color:#9e8d65}footer .f-menu .s-area{display:flex;margin-top:30px}.modal{position:fixed;top:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:102}.modal .modal-body{width:80%;height:auto;z-index:-1;box-shadow:2px 2px 8px 1px rgba(0,0,0,.2);position:relative;visibility:hidden;opacity:0}.modal .modal-body .modal-close{position:absolute;top:40px;right:40px;cursor:pointer;transition:.4s;width:60px;height:60px;padding:15px;border-radius:50%;background-color:#fff;border:1px solid #dbccb4;z-index:3}.modal .modal-body .modal-close img{width:100%;height:100%}.modal .modal-body .modal-close svg polygon,.modal .modal-body .modal-close svg rect{fill:#dbccb4;transition:.4s}.modal .modal-body .modal-close:hover{background-color:#dbccb4}.modal .modal-body .modal-close:hover svg polygon,.modal .modal-body .modal-close:hover svg rect{fill:#fff}.modal .modal-content{display:flex;flex-direction:column;align-items:flex-start;overflow:auto;height:100%}.modal .modal-content video{width:100%;height:auto}.modal .modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:49;background-color:rgba(0,0,0,0)}.modal.active{pointer-events:auto}.modal.active .modal-body{z-index:50;animation:.25s ease modalIn forwards}.modal.active .modal-bg{background-color:rgba(0,0,0,.6)}.modal.close .modal-body{visibility:visible;opacity:1;animation:.35s ease .1s modalOut forwards}@keyframes modalIn{0%{visibility:hidden;opacity:0;transform:scale(0.8, 0.8)}65%{transform:scale(1.03, 1.03)}100%{visibility:visible;opacity:1;transform:scale(1, 1)}}@keyframes modalOut{0%{visibility:visible;opacity:1;transform:translateY(0) scale(1, 1)}100%{visibility:hidden;opacity:0;transform:translateY(35px) scale(0.97, 0.97)}}@media screen and (max-width: 1024px){.modal .modal-body .modal-close{top:20px;right:20px;width:50px;height:50px}}@media screen and (max-width: 767px){.pc{display:none}.sp{display:block}.btn-area .btn01:first-of-type{margin:0;margin-right:10px}.btn-area .btn01:nth-of-type(2){margin:0;margin-left:10px}.attachment{height:250px}.recruit-btn,.reservation-btn{width:100%;min-width:auto;margin-right:0}.recruit-btn strong,.reservation-btn strong{font-size:1.6rem}.recruit-btn p,.reservation-btn p{font-size:1rem}.ttl{padding:120px 15px}.ttl h2{font-size:2.4rem}.ttl h1{font-size:2rem;margin-top:60px}.scrolldown{width:1px;bottom:-60px;height:80px}.scrolldown span{background-position:0 -80px}@keyframes scrolldown{0%{background-position:0 -80px}75%{background-position:0 0}100%{background-position:0 80px}}.banner{padding:0 45px;height:250px}.banner .box{padding:15px;min-height:auto}.banner .box h2{font-size:2.4rem}.banner .box p{line-height:1.6}.banner .box svg{width:24px;height:24px;right:25px;top:unset;bottom:10px}.banner .attachment .clip{clip-path:inset(20px)}.banner:hover .box svg{transform:translate(15px, -50%)}.banner:hover .attachment .clip{clip-path:inset(0)}.footbath-block{padding-bottom:60px}.footbath-block .w1200{flex-wrap:wrap;padding-left:15px}.footbath-block h3{font-size:1.8rem;margin-bottom:15px}.footbath-block .img-box{width:100%}.footbath-block .img-box figure:first-of-type{width:60%}.footbath-block .img-box figure:last-of-type{width:65%;margin-top:-40px}header nav{height:60px}header nav .logo{align-items:flex-end}header nav .logo>div{width:80px;height:auto}header nav .logo p{font-size:1rem;line-height:1;margin-left:10px}header nav .menu{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;background-color:#fff;transition:.4s;padding-top:60px;padding-bottom:112px}header nav .menu ul{flex-direction:column}header nav .menu ul li{opacity:0}header nav .menu ul li a{display:block;font-size:1.4rem;padding:10px}header nav .menu .r-sp{display:block;width:100%;position:fixed;bottom:0;left:0}header nav .menu .r-sp .recruit-btn,header nav .menu .r-sp .reservation-btn{margin-right:0}header nav .s-area{width:118px;margin-top:30px;opacity:0}header nav .sns{margin:0 15px}.toggle{display:block;transition:all .13s;position:fixed;top:10px;right:20px;width:45px;height:45px;border-radius:100%;z-index:102;cursor:pointer}.toggle>div{width:25px;height:2px;position:absolute;background:#333;right:0;margin:auto;left:0;border-radius:0px;transition:all .13s cubic-bezier(0.6, 0.1, 0.1, 1.3);top:calc(50% - 3px - 2px)}.toggle>div:nth-of-type(1){top:calc(50% - 3px - 2px);width:25px}.toggle>div:nth-of-type(2){top:calc(50% - 3px + 2px);width:25px}.toggle.change{transform:rotate(180deg)}.toggle.change>div:nth-of-type(1){transform:rotate(45deg);top:calc(50% - 1px);width:25px}.toggle.change>div:nth-of-type(2){transform:rotate(-45deg);top:calc(50% - 1px);width:25px}body.active{overflow:hidden}body.active header nav .menu{opacity:1;pointer-events:auto;z-index:89}body.active header nav .menu ul li{opacity:1;transition:.8s cubic-bezier(0.83, 0, 0.17, 1)}body.active header nav .menu ul li:nth-of-type(1){transition-delay:.2s}body.active header nav .menu ul li:nth-of-type(2){transition-delay:.3s}body.active header nav .menu ul li:nth-of-type(3){transition-delay:.4s}body.active header nav .menu ul li:nth-of-type(4){transition-delay:.5s}body.active header nav .menu ul li:nth-of-type(5){transition-delay:.6s}body.active header nav .menu ul li:nth-of-type(6){transition-delay:.7s}body.active header nav .menu ul li:nth-of-type(7){transition-delay:.8s}body.active header nav .menu ul li:nth-of-type(8){transition-delay:.9s}body.active header nav .s-area{opacity:1;transition:.8s cubic-bezier(0.83, 0, 0.17, 1);transition-delay:1s}.fixation{width:100%}.fixation .recruit-btn{display:none}footer{padding-top:60px}footer .f-content>p{margin-bottom:40px}.modal .modal-body{width:calc(100% - 30px)}.modal .modal-body .modal-close{top:-18px;right:-15px;width:34px;height:34px;padding:5px;display:flex;justify-content:center;align-items:center}.modal .modal-body .modal-close svg{width:18px}}/*# sourceMappingURL=common.min.css.map */