:root{--ink:#202a36;--paper:#f7f6f3;--lilac:#e9e4f0;--violet:#6c5c81;--line:#c9c1d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}h1,h2,p{margin-top:0}h1,h2{line-break:strict}p{line-break:strict;text-wrap:pretty}a{color:inherit}button,select{font:inherit}a:focus-visible,select:focus-visible{outline:3px solid #a35769;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:5;background:#fff;padding:.7rem}.skip:focus{top:1rem}.topbar{height:68px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar a{text-decoration:none}.logo{font-weight:900;letter-spacing:.06em}.logo span{font-size:.62rem;font-weight:500}.back{font-size:.78rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(380px,.47fr) minmax(0,.7fr);min-height:min(790px,calc(100svh - 68px))}.hero-copy{display:flex;flex-direction:column;background:var(--lilac);padding:clamp(35px,5vw,75px) clamp(26px,5vw,78px)}.kicker,.section-no,footer{font:700 .7rem/1.6 Georgia,"Yu Gothic",serif;letter-spacing:.15em;color:var(--violet)}.hero-bottom{margin-top:auto}.label{font-size:.8rem;letter-spacing:.06em;margin-bottom:20px}.hero h1{font-size:clamp(2.9rem,4vw,5.3rem);line-height:1.2;letter-spacing:-.08em;margin:0 0 28px;white-space:nowrap}.hero h1 span{color:var(--violet)}.lead{font-size:.96rem;line-height:1.85;margin-bottom:26px}.hero-copy a{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;font-size:.84rem;font-weight:700}.hero-photo{position:relative;overflow:hidden;min-height:650px}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50%}.hero-photo span{position:absolute;right:20px;bottom:20px;background:rgba(247,246,243,.94);padding:.6rem .8rem;font-size:.68rem;font-weight:700}.statement{display:grid;grid-template-columns:19% 1fr minmax(250px,.7fr);gap:clamp(20px,4vw,65px);padding:clamp(75px,9vw,140px) clamp(22px,5vw,80px);max-width:1550px;margin:auto}.statement h2,.materials h2,.disclaimer h2{font-size:clamp(2.5rem,4.5vw,5.1rem);line-height:1.34;letter-spacing:-.075em;margin:0}.statement p:last-child{font-size:.93rem;line-height:2.1}.materials{background:#d9d2e3;padding:clamp(70px,8vw,125px) clamp(20px,5vw,80px)}.materials-head{display:grid;grid-template-columns:19% 1fr minmax(210px,.5fr);gap:30px;align-items:end;max-width:1450px;margin:0 auto 40px}.materials-head p:last-child{line-height:1.9;font-size:.9rem}.materials-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);max-width:1450px;margin:auto;background:var(--paper)}.materials figure{position:relative;margin:0;min-height:570px}.materials img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.materials figcaption{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:.55rem .8rem;font-size:.7rem;font-weight:700}.materials-control{padding:clamp(25px,4vw,65px);display:flex;flex-direction:column;justify-content:center}.materials-control label{font-size:.77rem;font-weight:700;margin-bottom:12px}.materials-control select{width:100%;background:#fff;color:var(--ink);border:1px solid var(--violet);padding:14px 12px;cursor:pointer;font-weight:700}.materials-control p:not(.fine){font-size:.94rem;line-height:2;margin:32px 0}.fine{font-size:.73rem;line-height:1.85;color:#4e5764}.disclaimer{display:grid;grid-template-columns:19% 1fr;gap:35px;max-width:1250px;margin:auto;padding:clamp(75px,9vw,140px) clamp(22px,5vw,80px)}.disclaimer p:not(.section-no){font-size:.93rem;line-height:2.1;max-width:700px;margin-top:28px}.disclaimer a{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;margin-top:13px;font-size:.84rem;font-weight:700}footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:15px;padding:24px clamp(20px,4vw,64px)}footer a{text-decoration:none}
@media(max-width:1020px){.hero{grid-template-columns:minmax(320px,.5fr) minmax(0,.6fr)}.hero h1{font-size:clamp(2.6rem,4vw,4rem)}.statement{grid-template-columns:1fr 1fr}.statement .section-no{grid-column:1/-1}.materials-head{grid-template-columns:1fr 2fr}.materials-head p:last-child{grid-column:2}.materials figure{min-height:470px}}
@media(max-width:700px){.topbar{height:60px}.logo span{display:none}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-photo{aspect-ratio:4/3;min-height:0}.hero-photo img{position:static;display:block;aspect-ratio:4/3}.hero-photo span{font-size:.55rem;right:10px;bottom:10px}.hero-copy{min-height:0;padding:32px 23px 40px}.kicker{margin-bottom:28px}.label{margin-bottom:15px}.hero h1{font-size:clamp(2.65rem,8.6vw,4.2rem);white-space:normal;margin-bottom:22px}.lead{font-size:.92rem}.statement,.disclaimer{display:block;padding:75px 23px}.statement h2,.materials h2,.disclaimer h2{font-size:clamp(2.45rem,8.2vw,3.7rem);margin:22px 0 24px}.materials{padding:75px 18px}.materials-head{display:block;margin-bottom:28px}.materials-head p:last-child{margin-top:15px}.materials-grid{display:block}.materials figure{aspect-ratio:4/3;min-height:0}.materials img{position:static;display:block;aspect-ratio:4/3}.materials-control{padding:28px 23px}.disclaimer p:not(.section-no){margin-top:0}footer{font-size:.56rem;line-height:1.6}}
@media(max-width:390px){.topbar a{font-size:.76rem}.hero h1{font-size:2.62rem}.statement h2,.materials h2,.disclaimer h2{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}