*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#f7f5ef;color:#293c30;font-family:'Yu Mincho','Hiragino Mincho ProN',serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.proposal-note{display:flex;justify-content:space-between;gap:15px;padding:9px 4%;background:#2d4335;color:#fff;font:10px/1.7 'Yu Gothic',sans-serif;letter-spacing:.1em}.proposal-note a{border-bottom:1px solid #91a18e}.koma-header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:25px}.koma-logo{display:flex;align-items:center;gap:13px;font-weight:bold;font-size:27px;letter-spacing:.15em}.koma-logo small{display:block;font-size:9px;letter-spacing:.18em;font-weight:400;margin-bottom:7px}.onsen-symbol{font-size:40px;font-weight:400;color:#9a6a43}.koma-header nav{display:flex;gap:30px;font-size:12px;letter-spacing:.1em}.official-link{padding:15px 20px;border:1px solid #b0b7a8;font-size:11px}.koma-hero{padding:0 3%}.koma-hero-image{position:relative;height:570px;color:#fff;overflow:hidden}.koma-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172f2c05,#15292380)}.koma-hero-image>img{height:100%;object-position:50% 60%;animation:arrive 2s ease both}.hero-location{position:absolute;left:30px;top:30px;z-index:1;font:9px Arial;letter-spacing:.23em}.koma-vertical{position:absolute;right:10%;top:65px;z-index:1;display:flex;flex-direction:row-reverse;gap:40px;text-shadow:0 2px 12px #0005}.koma-vertical h1{writing-mode:vertical-rl;font-size:43px;line-height:1.8;letter-spacing:.22em;font-weight:400;margin:0}.koma-vertical>span{writing-mode:vertical-rl;font-size:13px;letter-spacing:.2em;line-height:2;padding-top:70px}.koma-scroll{position:absolute;z-index:1;left:30px;bottom:28px;font:9px Arial;letter-spacing:.2em}.koma-hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:25px 4% 0}.koma-hero-bottom p{font-size:13px;letter-spacing:.1em;line-height:2}.koma-hero-bottom a{font-size:12px;border-bottom:1px solid #8d9e8f;padding:12px 0}.koma-hero-bottom a span{padding-left:70px}.koma-intro{max-width:1150px;margin:130px auto;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:center;padding:0 5%}.koma-section-title>span,.koma-nature-copy>span,.koma-visit span{font:9px Arial;letter-spacing:.18em;color:#7e896f}.koma-section-title h2,.koma-nature h2{font-size:35px;font-weight:400;line-height:1.8;letter-spacing:.1em}.koma-section-title p,.koma-nature p{font-size:13px;line-height:2.8;letter-spacing:.1em}.koma-section-title a{display:inline-block;margin-top:30px;border-bottom:1px solid #8e9c85;padding-bottom:12px;font-size:12px}.koma-intro figure{margin:0;position:relative}.koma-intro img{height:400px;border-radius:50% 50% 0 0}.koma-intro figcaption{font-size:9px;text-align:right;margin-top:15px;color:#7b846f}.koma-nature{position:relative;isolation:isolate;background:#e7ecdf;padding:80px 8% 100px;overflow:hidden}.koma-nature-copy{display:flex;gap:60px;align-items:center}.koma-nature-copy h2{margin:0}.koma-nature-copy>span{align-self:start}.mountain-drawing{position:absolute;top:10px;right:-10%;width:80%;height:310px;stroke:#7e9277;stroke-width:1;opacity:.5;z-index:-1}.koma-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px;margin:70px auto 0}.koma-photo-pair figure{margin:0}.koma-photo-pair figure:nth-child(2){padding-top:70px}.koma-photo-pair img{height:280px}.koma-photo-pair figcaption{font-size:12px;margin-top:20px;letter-spacing:.15em}.koma-visit{display:flex;justify-content:space-between;align-items:center;padding:90px 12%;gap:40px}.koma-visit h2{font-size:30px;font-weight:400}.koma-visit p{font-size:12px;line-height:2}.koma-visit>a{border:1px solid #899580;padding:25px 35px;font-size:12px}.koma-visit>a span{margin-left:50px}footer{background:#263c30;color:#eeefe6;text-align:center;padding:65px 25px}footer .koma-logo{justify-content:center}footer p{font:8px Arial;letter-spacing:.2em;margin-top:30px}footer small{display:block;font:10px/2 'Yu Gothic',sans-serif;color:#bfcabc}footer>a{display:inline-block;font-size:11px;margin-top:25px;border-bottom:1px solid #81957a;padding-bottom:8px}@keyframes arrive{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(max-width:800px){.koma-header nav{display:none}.koma-intro{gap:30px}.koma-nature-copy{gap:25px;flex-wrap:wrap}.koma-nature-copy>span{width:100%}.koma-visit{padding:60px 7%}.koma-hero-image{height:560px}}
@media(max-width:500px){.proposal-note{font-size:8px;letter-spacing:0}.koma-header{padding:20px 5%;gap:10px}.koma-logo{font-size:21px;gap:8px}.koma-logo small{font-size:8px}.onsen-symbol{font-size:32px}.official-link{font-size:9px;padding:12px 9px}.koma-hero{padding:0 4%}.koma-hero-image{height:520px}.koma-vertical{right:8%;top:75px;gap:20px}.koma-vertical h1{font-size:33px}.koma-vertical>span{font-size:11px}.hero-location{font-size:7px;left:18px;letter-spacing:.1em}.koma-hero-bottom{padding:18px 0;gap:10px}.koma-hero-bottom p{font-size:10px}.koma-hero-bottom a{font-size:10px}.koma-hero-bottom a span{padding-left:10px}.koma-intro{grid-template-columns:1fr;margin:65px auto;padding:0 8%}.koma-section-title h2,.koma-nature h2{font-size:28px}.koma-intro img{height:300px}.koma-photo-pair{gap:18px;margin-top:30px}.koma-photo-pair img{height:230px}.koma-photo-pair figcaption{font-size:10px;line-height:2}.koma-nature{padding:60px 7%}.koma-nature-copy p{font-size:11px}.mountain-drawing{width:130%;top:60px}.koma-visit{display:block}.koma-visit>a{display:block;margin-top:25px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.koma-hero-image>img{animation:none}}