body{background:#fff;color:#2a2a2a}.pc-only{display:none}@media(min-width: 575px){.sp-only{display:none}.pc-only{display:block}}main .wrapper{width:100%;height:auto;max-width:1200px;margin:0 auto}main #visual .main-visual{position:relative;width:100%;max-width:100%;height:auto}main #visual .navi{position:absolute;top:0;right:0;background-color:#532063;color:#fff;width:150px;height:80px;line-height:80px;text-align:center}main #visual .navi a{font-size:1rem}main #visual h1{position:absolute;top:20vw;left:11.5%;width:36%}main #visual h1 img{width:100%;height:auto}main #visual .catch{position:absolute;top:105vw;left:10%;font-size:clamp(1rem,.625rem + 4.125vw,2.75rem);line-height:1.5;text-shadow:1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff}main .reservations{margin-bottom:6em}main .reservations .text{text-align:center;color:#532063;margin:2.5rem auto 1.25rem;font-size:1.38em}main .reservations .button{position:relative;margin:0 auto;width:80%;text-align:center;background-color:#532063;color:#fff;height:3em;line-height:3em;font-size:1.38em;cursor:pointer}main .reservations .button::before{content:"";width:calc(100% - 6px);height:calc(100% - 6px);border:2px solid #fff;position:absolute;top:3px;left:3px}main .bg-top{background-image:url("../img/sp/bg_top_sp.jpg");background-size:contain;background-repeat:no-repeat}main #headline .headline-1{display:grid;grid-template-columns:70% 30%;margin-bottom:5rem}main #headline .headline-1 .headline-11{width:100%;height:auto}main #headline .headline-1 .headline-12{writing-mode:vertical-rl;margin:0 auto}main #headline .headline-1 .headline-12 .upper{border-right:2px solid #c9c9c9}main #headline .headline-1 .headline-12 .lower{border-right:2px solid #c9c9c9}main #headline .headline-2 .headline-21{width:80%;height:auto;margin:0 auto 2rem}main #headline .headline-2 .headline-22{width:90%;margin:0 auto}main #headline .headline-2 .headline-22 p{margin-bottom:2em}main h2{text-align:center;margin-bottom:2.5rem;font-size:clamp(1rem,.625rem + 3.825vw,3.8rem);line-height:1;font-weight:bold;letter-spacing:.25em}main h2 span{display:block;text-transform:uppercase;letter-spacing:2px}main #rooms{width:80%;margin:0 auto}main #rooms .bg-rooms{background-image:url("../img/sp/bg_rooms_sp.jpg");background-position:20vw;background-size:cover;background-repeat:repeat-y}main #rooms .views{margin-top:50px}main #rooms .views img{width:100%;height:auto;margin-bottom:1.5rem}main #equipment{width:80%;margin:0 auto}main #equipment .bg-equipment{background-image:url("../img/sp/bg_equipment_sp.jpg");background-position:3vw;background-size:contain;background-repeat:repeat-y}main #equipment h3{font-weight:bold;text-align:center;margin-top:30px}main #equipment h4:last-of-type{margin-top:25px}main #equipment .views img{width:100%;height:auto;margin:1.5rem 0 1rem}main #spring .bg-spring{background-image:url("../img/sp/bg_hot_spring_sp_01.jpg");background-size:contain;background-repeat:repeat-y}main #spring .text{text-align:center;background-image:url("../img/sp/bg_hot_spring_sp_02.jpg");background-size:cover;color:#fff;padding:1em 0 1.5em;margin-bottom:2em}main #spring .text h3{margin-bottom:1em}main #spring .text p{font-size:.8em}main #spring .spring-card{width:100%;margin-bottom:2rem}main #spring .spring-card .images{position:relative;width:100%;overflow:visible}main #spring .spring-card .images .main{width:80%;height:auto;margin-bottom:10%}main #spring .spring-card .images .sub{position:absolute;bottom:-20%;right:0;width:40%;height:auto}main #spring .spring-card .texts{width:90%;margin:0 auto}main #spring .spring-card .texts h3{font-size:1.2em;font-weight:bold;margin-bottom:1rem}main #spring .spring-card:nth-child(even) .images .main{margin:0 0 10% auto}main #spring .spring-card:nth-child(even) .images .sub{left:0}main #spring .spring-card:nth-child(even) .texts{text-align:end}main #access{width:80%;margin:0 auto}main #access .bg-access{background-image:url("../img/sp/bg_rooms_sp.jpg");background-position:20vw;background-size:cover;background-repeat:repeat-y}main #access iframe{margin-bottom:20px;width:100%;height:400px}main #plan{background-color:#cec6f5;background-image:url("../img/sp/bg_plan.jpg")}main #plan .plan-wrap{padding:2em 0 2em}main #plan .plan-wrap .plan-h2{position:relative;height:15em}main #plan .plan-wrap .plan-h2 .symbol{position:absolute;top:1em;left:50%;transform:translateX(-25%);width:12vw;height:auto}main #plan .plan-wrap .plan-h2 h2{position:absolute;top:1em;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;font-weight:normal}main #plan .plan-wrap .plan-card{width:90%;margin:0 auto 1em;display:grid;grid-template-columns:1fr 1fr;gap:5%}main #plan .plan-wrap .plan-card img{width:100%;height:auto;margin:0 auto}main #plan .plan-wrap .plan-note{width:90%;margin:0 auto}@media(min-width: 575px){main .wrapper{width:100%;max-width:1200px;overflow-x:visible}main #visual{position:relative;margin:0 calc(50% - 50vw);width:100vw}main #visual .main-visual{width:100%;height:auto}main #visual h1{top:18.5vw;left:23%;width:10%;height:auto;background-color:hsla(0,0%,100%,.8);padding:1rem .7rem 1rem}main #visual .catch{top:10vw;right:20%;writing-mode:vertical-rl;color:#000;font-size:1.4rem;text-shadow:none}main #visual .catch p{background-color:hsla(0,0%,100%,.8);padding:.5rem 0;margin-left:1em}main .fullbg,main #access .bg-access,main #spring .bg-spring,main #equipment .bg-equipment,main #rooms .bg-rooms,main .bg-top{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}main .bg-top{background-image:url("../img/pc/bg_top.jpg")}main #headline{position:relative;width:100%;height:clamp(500px,80vw,960px);margin-bottom:8rem}main #headline .headline-1 .headline-11{position:absolute;top:0;left:0;width:65%;height:auto}main #headline .headline-1 .headline-12{margin-left:1em}main #headline .headline-1 .headline-12>*{font-size:clamp(1rem,.625rem + 1.025vw,1.8rem) !important;line-height:2}main #headline .headline-1 .headline-12 .upper{border-right:none;padding-top:0}main #headline .headline-1 .headline-12 .lower{border-right:0;margin-top:0;padding-bottom:0}main #headline .headline-2 .headline-21{position:absolute;bottom:0;right:0;width:50%;height:auto}main #headline .headline-2 .headline-22{position:absolute;top:clamp(500px,51vw,620px);right:60%;width:auto;writing-mode:vertical-rl}main #headline .headline-2 .headline-22 p{font-size:clamp(.8rem,.3rem + .875vw,1rem);margin-left:2em}main h2{font-size:clamp(1rem,.625rem + 3.825vw,2rem)}main #rooms{margin-bottom:5rem}main #rooms .bg-rooms{background-image:url("../img/pc/bg_rooms.jpg");background-position:40vw;background-size:contain}main #rooms .views{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.5rem}main #rooms .views img{margin:0}main #rooms h3{font-size:1.2em;letter-spacing:.25em}main #rooms p{font-size:.8em}main #equipment{margin-bottom:5rem}main #equipment .bg-equipment{background-image:url("../img/pc/bg_equipment.jpg");background-position:10vw;background-size:contain}main #equipment .views{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:3.5rem 0 .5rem}main #equipment .views img{margin:0}main #equipment h3{font-size:1.2em;letter-spacing:.25em}main #equipment p{font-size:.8em}main #spring .bg-spring{background-image:url("../img/pc/bg_hot_spring_01.jpg");background-position:2vw}main #spring .text{background-image:url("../img/pc/bg_hot_spring_02.jpg")}main #spring .text h3{font-size:1.2em}main #spring .text p{line-height:3}main #spring .spring-card{width:80%;margin:0 auto;margin-bottom:8rem}main #spring .spring-card .texts p{font-size:.75em}main #access{margin-bottom:5rem}main #access .bg-access{background-image:url("../img/pc/bg_rooms.jpg");background-position:60vw;background-size:contain}main #access h3{font-size:1.2em;letter-spacing:.25em}main #access p{font-size:.8em}main #access iframe{height:500px}main #plan{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}main #plan .plan-wrap .plan-h2{height:24em}main #plan .plan-wrap .plan-h2 .symbol{width:10vw}main #plan .plan-wrap .plan-card{width:50%;margin:0 auto;grid-template-columns:1fr}main #plan .plan-wrap .plan-card img{width:100%}main #plan .plan-wrap .plan-note{margin-top:3em;width:50%;font-size:.8em}}footer{width:100%;margin:0 auto;padding:1em 0 0;text-align:center}footer #access{color:#fff;line-height:1.7}footer #access h2{font-size:1.2em}footer #access .address{background-color:#272727;padding:.5em 0}footer #access .address p{font-size:1em}footer #access .copyright{background-color:#bfbfbf;text-transform:uppercase;font-size:.85em;padding:.7em 0 .75em}@media(min-width: 575px){footer{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}}.notice{width:40em;max-width:calc(100% - 2em);margin:0 auto 2rem}.notice p{margin-bottom:.5rem;text-align:justify;line-height:1.25;font-size:1.1rem}.notice-term{color:#f33 !important;margin-bottom:.5rem;font-weight:bold}