@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#263e34;--paper:#f6f4ec;--muted:#6f776c;--line:#d7dbce;--accent:#b6a06b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.95}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b6a06b;outline-offset:5px}header{height:104px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper)}.logo{font-family:Georgia,serif;font-size:29px;letter-spacing:.04em;line-height:1.2}.logo span{color:var(--accent);margin:0 3px}.logo small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.34em;margin-top:9px}nav{display:flex;align-items:center;gap:36px;font-size:12px}nav .nav-cta{border:1px solid var(--ink);padding:12px 23px}.hero{position:relative;height: min(790px,80vw);min-height:580px;color:#fff;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art svg{width:100%;height:100%;display:block}.hero-shade{background:linear-gradient(90deg,rgba(17,38,30,.65),rgba(17,38,30,.05) 75%)}.hero-copy{position:relative;padding:95px 8%}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.24em;font-weight:600}.green{color:#6d785c}h1,h2,h3{font-family:'Noto Serif JP',serif;font-weight:500}h1{font-size:clamp(34px,4.1vw,62px);letter-spacing:.13em;line-height:1.65;margin:28px 0}h2{font-size:clamp(25px,2.7vw,38px);letter-spacing:.08em;line-height:1.8;margin:16px 0 28px}h3{font-size:24px}.hero-copy>p:not(.eyebrow){font-size:14px;letter-spacing:.08em;line-height:2.2}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;font-size:12px;border:1px solid;cursor:pointer;transition:background .2s,color .2s}.light{width:240px;margin-top:34px;border-color:#ffffff80}.light:hover{background:#ffffff20}.dark{background:var(--ink);color:#fff;border-color:var(--ink);width:100%}.dark:hover{background:#45604d}.button:disabled{opacity:.6;cursor:wait}.hero-bottom{position:absolute;bottom:39px;left:8%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.illustration-note{position:absolute;right:18px;bottom:9px;font-size:9px;color:#ffffffb0}.notice{display:flex;justify-content:center;align-items:center;gap:15px;padding:25px 5%;border-bottom:1px solid var(--line);font-size:12px}.notice p{margin:0;color:var(--muted)}.dot{width:6px;height:6px;background:#b39b64;border-radius:50%}.section{padding:110px 8%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro-text p{margin:20px 0;line-height:2.4}.caption{font:10px Arial,sans-serif;letter-spacing:.16em;padding-top:20px;color:#78806f}.rooms{background:#e9ecdf}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head>p{font-size:12px;color:var(--muted)}.room-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.room-visual{background:#cbb28a;min-height:420px;position:relative;overflow:hidden;padding:25px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 42px,#80674c12 43px,#80674c12 44px)}.visual-label{font:10px Arial;letter-spacing:.2em;color:#594a39}.room-visual>p{position:relative;margin-top:290px;color:#fff;font-family:'Noto Serif JP',serif;font-size:20px;line-height:1.6;text-shadow:0 1px 6px #0006}.room-visual small{font-family:sans-serif;font-size:10px}.room-sketch{position:absolute;inset:60px 20px 60px}.sketch-window{position:absolute;right:15%;top:0;width:35%;height:42%;background:linear-gradient(160deg,#b5c2ae 40%,#52725d 41%,#7c8c63 65%,#abb57f 66%);border:8px solid #455348;box-shadow:8px 8px 0 #0001}.sketch-bed{position:absolute;left:0;top:40%;width:58%;height:45%;border:12px solid #e2c697;border-bottom-width:22px;box-shadow:0 -50px 0 -38px #e2c697,0 45px 0 -34px #806c4d}.sketch-counter{position:absolute;right:-20px;bottom:-80px;width:38%;height:170px;background:#b49365;border-top:12px solid #bcbfb6;transform:skewY(-8deg)}.room-number{font:60px Georgia,serif;border-bottom:1px solid #bfc7b5;padding-bottom:16px}.room-number span{font:9px Arial;letter-spacing:.15em;margin-left:20px}.amenities{font-size:12px}.amenities>div{display:grid;grid-template-columns:65px 1fr;padding:13px 0;border-bottom:1px solid #cbd1c2}.amenities dt{color:#778368}.amenities dd{margin:0}.small{font-size:11px;color:var(--muted);line-height:1.8}.quote{background:#304b3e;color:#e9eddc;text-align:center;padding:95px 20px}.quote h2{font-size:40px}.quote>p:last-child{font-size:12px;color:#d6ddc9}.access{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.address{font-size:14px;margin:28px 0}.text-link{font-size:12px;border-bottom:1px solid #819079;padding-bottom:7px}.access-note{border:1px solid var(--line);padding:35px;font-size:13px}.access-note span{font:10px Arial;letter-spacing:.2em;color:#7b826b}.request{background:#e9ecdf;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.status-box{border-top:1px solid #c5cdb9;border-bottom:1px solid #c5cdb9;padding:20px 0;margin:30px 0}.status-box strong{font-size:12px}.status-box p{font-size:11px;color:var(--muted)}fieldset{border:0;padding:0;margin:0 0 30px}legend{font-size:14px;padding:0 0 16px;font-weight:600}label{display:block;font-size:12px;margin-bottom:15px}label>span{font-size:10px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #b9c2b0;background:#fafbf5;border-radius:0;padding:12px;color:var(--ink);margin-top:5px;min-height:48px}input:focus,select:focus,textarea:focus{outline:2px solid #6b8060;outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:17px;min-height:17px;height:17px;flex-shrink:0;accent-color:var(--ink)}.consent span{color:var(--ink);font-size:11px}.privacy{font-size:10px;margin-top:22px;color:var(--muted)}summary{cursor:pointer}#form-status{font-size:12px;white-space:pre-line}.faq{max-width:1000px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'＋'}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted)}footer{padding:60px 8%;background:#20382f;color:#e2e9d6;display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px}footer>small{font-size:10px;color:#c1cdb6}@media(max-width:760px){header{height:85px;padding:0 6%}.logo{font-size:24px}nav{gap:15px}nav>a:not(.nav-cta){display:none}nav .nav-cta{font-size:10px;padding:9px 12px}.hero{height:700px;min-height:0}.hero-art svg{width:160%;max-width:none;margin-left:-50%}.hero-copy{padding:75px 7%}.hero-copy h1{font-size:34px}.hero-shade{background:linear-gradient(90deg,#132c23b0,#132c2320)}.hero-bottom{left:7%;bottom:35px;flex-direction:column;gap:5px;font-size:9px}.notice{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:24px 7%}.notice .dot{margin-top:9px}.notice p{width:100%;font-size:11px;padding-left:14px}.section{padding:68px 7%}.intro,.room-layout,.access,.request{grid-template-columns:1fr;gap:30px}.section-head{display:block}.section-head h2{font-size:25px}.room-visual{min-height:360px}.room-visual>p{margin-top:230px}.room-number{font-size:48px}.quote{padding:70px 7%}.quote h2{font-size:32px}.access-note{padding:25px}.request-intro h2 br{display:none}.request-intro .status-box{margin:20px 0}.form-grid{gap:0 12px}input,select{font-size:16px}footer{display:block}footer p{margin-top:25px}footer>small{display:block;margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}