
:root{--paper:#f6f3e9;--ink:#29483e;--muted:#69756a;--line:#d9decd;--gold:#a4844d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:4px}a:hover{color:#876a37}header,main,footer{max-width:1000px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none}.brand img{width:34px;height:34px}nav{font-size:13px;display:flex;gap:22px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:700}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding:50px 0 64px;align-items:center}h1{font-size:clamp(30px,5vw,48px);line-height:1.5;letter-spacing:.04em;margin:12px 0 24px}h2{font-size:24px;margin:0 0 20px;line-height:1.6}h3{font-size:17px;margin:24px 0 6px}p{margin:12px 0}.lead{color:var(--muted);font-size:15px}.sample{padding:28px;background:var(--ink);color:var(--paper);border-radius:6px 30px 6px 30px;box-shadow:0 16px 40px #29483e18}.sample .small{font-size:12px;opacity:.8}.sample .place{font-size:40px;line-height:1.4;font-weight:700;margin:14px 0}.sample .name{border-top:1px solid #ffffff40;padding-top:16px;margin-top:16px;font-size:14px}.caption{font-size:11px;color:var(--muted);margin-top:12px}.badge{display:inline-block;border:1px solid #d2ddbb80;border-radius:20px;padding:3px 12px;font-size:12px}section{padding:36px 0;border-top:1px solid var(--line)}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;padding:16px 0 16px 52px;position:relative;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:14px;color:var(--gold);font-weight:700}.steps strong{display:block}.steps span{font-size:14px;color:var(--muted)}.notice{border-left:3px solid var(--gold);padding:6px 0 6px 20px}.rooms{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.rooms li{border:1px solid var(--line);border-radius:30px;padding:7px 15px;font-size:13px}.policy{max-width:800px}.policy h1{font-size:32px}.policy section{padding:25px 0}.policy h2{font-size:21px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px 10px;vertical-align:top}th{font-weight:650}ul{padding-left:22px}.date{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:40px}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:640px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start}.brand{font-size:15px}nav{gap:12px;font-size:11px}.hero{grid-template-columns:1fr;gap:24px;padding:26px 0 36px}h1{font-size:31px}.sample{padding:24px}h2{font-size:22px}th,td{padding:12px 6px;font-size:12px}}
