@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&display=swap');
:root{--forest:#20291d;--cream:#f2f0e6;--yellow:#e9ff7a;--ink:#161a14;--line:rgba(22,26,20,.19);--pad:clamp(24px,5.3vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{line-height:1.85}
header{height:78px;display:flex;align-items:center;padding:0 var(--pad);gap:32px;background:var(--cream)}.logo{display:flex;align-items:baseline;gap:10px}.logo b{font-size:22px;letter-spacing:-.03em}.logo span{font-size:10px;letter-spacing:.16em}nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.contact-link{background:var(--forest);color:white;padding:12px 18px;font-size:13px}
.hero{height:calc(100svh - 78px);min-height:600px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,24,13,.78),rgba(15,24,13,.12) 70%),linear-gradient(0deg,rgba(15,24,13,.38),transparent 50%)}.hero-copy{position:absolute;left:var(--pad);bottom:clamp(68px,11vh,130px)}.overline,.index{font-size:11px;letter-spacing:.19em;font-weight:600}.hero h1{font-size:clamp(58px,8.5vw,128px);line-height:1;letter-spacing:-.07em;margin:24px 0 30px;font-weight:500}.hero-copy>p:last-child{font-size:clamp(17px,1.8vw,24px)}.image-note{position:absolute;right:var(--pad);bottom:24px;font-size:10px;letter-spacing:.08em}
.section{padding:clamp(90px,12vw,170px) var(--pad)}.index{margin:0 0 72px;color:#737b6d}.two-col,.section-lead,.place-grid,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.section h2,.building-link h2{font-size:clamp(40px,5.5vw,80px);line-height:1.17;letter-spacing:-.055em;font-weight:500;margin:0}.body-copy{font-size:17px}.body-copy p{margin:0 0 28px}.keyword-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-top:100px;font-size:clamp(20px,3vw,42px);letter-spacing:.08em}.keyword-row i{font-style:normal;color:#7c8475}
.system{background:var(--forest);color:var(--cream)}.system .index{color:#9ba692}.section-lead{align-items:end}.section-lead>p{font-size:16px;color:#a9b0a1;max-width:480px}.contract-grid{display:grid;grid-template-columns:1fr 80px 1fr;margin-top:90px}.contract-grid article{border-top:1px solid #65705f;padding:30px 0 35px}.contract-tag{font-size:11px;letter-spacing:.16em;color:#9ba692}.contract-grid h3{font-size:clamp(28px,3vw,44px);line-height:1.3;font-weight:500;margin:55px 0 22px}.contract-grid article>p:last-child{color:#bbc2b5;max-width:520px}.plus{display:grid;place-items:center;font-size:34px;color:var(--yellow)}.legal-note{font-size:12px;color:#939b8e;margin:45px 0 0}
.place{background:#dbe2c5}.place-name{font-size:12px;letter-spacing:.16em;margin:0 0 25px}.place dl{margin:0;border-top:1px solid var(--line)}.place dl div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;gap:20px}.place dt{font-size:10px;letter-spacing:.14em}.place dd{margin:0;font-size:16px}
.plan{background:#f6f4eb}.plan .section-lead{margin-bottom:70px}.plan .section-lead>p{color:#697063}.map-card{display:grid;grid-template-columns:1.45fr .55fr;background:var(--forest);color:white;margin-bottom:90px}.map-card iframe{width:100%;min-height:480px;border:0;filter:saturate(.72) contrast(.92)}.map-card>div{padding:38px;display:flex;flex-direction:column;justify-content:flex-end}.map-card span,.figure-head span{font-size:10px;letter-spacing:.16em;color:#9ba692}.map-card strong{font-size:clamp(22px,2.4vw,34px);line-height:1.4;font-weight:500;margin:15px 0 35px}.map-card a{border-top:1px solid #65705f;border-bottom:1px solid #65705f;padding:17px 0;font-size:14px}.plan-stack{display:grid;gap:90px}.plan-stack figure{margin:0}.figure-head{display:grid;grid-template-columns:60px 1fr;align-items:end;border-top:1px solid var(--line);padding:22px 0}.figure-head h3{font-size:clamp(25px,3vw,40px);font-weight:500;margin:0}.plan-stack figure>img{display:block;width:100%;background:white}.plan-stack figcaption{font-size:12px;line-height:1.8;color:#697063;margin-top:15px;max-width:820px}
.building-link{padding:clamp(90px,12vw,170px) var(--pad);background:#10140f;color:white;display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}.building-link>div>p:last-child{max-width:680px;color:#aeb5aa;font-size:16px;margin-top:35px}.building-link>a{border-top:1px solid #687064;border-bottom:1px solid #687064;padding:25px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px}.building-link>a b{color:var(--yellow);font-size:25px}
.flow .section-lead{grid-template-columns:1fr}.flow ol{list-style:none;padding:0;margin:90px 0 0;border-top:1px solid var(--line)}.flow li{display:grid;grid-template-columns:80px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.flow li>span{font-size:12px}.flow h3{font-size:22px;margin:0 0 7px;font-weight:500}.flow p{font-size:14px;color:#697063;margin:0}
.contact{background:var(--yellow)}.contact-grid>div:first-child>p{font-size:16px;max-width:620px;margin-top:30px}.contact-card{background:var(--forest);color:white;padding:38px 42px}.contact-card>p{font-size:11px;letter-spacing:.12em;color:#adb5a7;margin-top:0}.contact-card h3{font-size:29px;line-height:1.4;font-weight:500;margin:35px 0}.contact-card a{display:block;font-size:22px;border-top:1px solid #66705f;border-bottom:1px solid #66705f;padding:18px 0}.contact-card small{display:block;margin-top:18px;color:#aab2a4}
footer{padding:45px var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:30px;font-size:11px;letter-spacing:.08em}
@media(max-width:800px){header{height:68px}nav{display:none}.contact-link{padding:10px 12px}.hero{height:calc(100svh - 68px);min-height:580px}.hero>img{object-position:60% center}.hero h1{font-size:clamp(58px,17vw,78px)}.image-note{left:var(--pad);right:auto}.two-col,.section-lead,.place-grid,.contact-grid,.building-link{grid-template-columns:1fr;gap:48px}.index{margin-bottom:48px}.keyword-row{display:grid;grid-template-columns:1fr auto}.keyword-row span:last-child{grid-column:1/-1}.keyword-row i:nth-of-type(2){display:none}.contract-grid{grid-template-columns:1fr;margin-top:60px}.plus{padding:10px 0}.place dl div{grid-template-columns:95px 1fr}.map-card{grid-template-columns:1fr;margin-bottom:65px}.map-card iframe{min-height:360px}.map-card>div{padding:28px}.plan-stack{gap:65px}.figure-head{grid-template-columns:42px 1fr}.flow li{grid-template-columns:50px 1fr}.contact-card{padding:30px 26px}footer{grid-template-columns:1fr 1fr}footer span:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}