:root{--ink:#173e42;--muted:#607475;--paper:#faf8f1;--line:#d8dfd7;--orange:#d97e51;--mint:#e3ece4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.notice{text-align:center;background:var(--ink);color:#fff9e8;font-size:11px;letter-spacing:.12em;padding:8px 15px}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 6%;gap:25px}.brand{font-size:22px;font-weight:700;line-height:1.5;letter-spacing:.03em;position:relative}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.2em}.brand-icon{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid var(--ink);border-radius:50%;margin-right:7px}nav{display:flex;gap:28px;font-size:12px}.nav-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:7px 0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1260px;margin:auto;padding:30px 5% 75px;gap:3%}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;margin:0 0 22px}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(45px,5.3vw,76px);line-height:1.35;letter-spacing:.08em;margin:0 0 26px;font-weight:600}.lead{font-size:19px;font-weight:600;line-height:1.9}.intro{color:var(--muted);font-size:13px;margin:22px 0 30px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;background:var(--ink);color:#fff;padding:15px 25px;border-radius:3px;font-size:13px}.button:hover{background:#296267}.hero-note{font-size:10px;color:var(--muted);margin-top:13px}.scene{position:relative}.scene svg{width:100%;display:block}.scene-label{position:absolute;right:0;bottom:17%;background:#faf8f1e8;border:1px solid #d9dfd5;border-radius:3px;padding:16px 23px;transform:rotate(-4deg);box-shadow:0 8px 20px #173e4208}.scene-label span,.scene-label strong{display:block;font-size:13px;letter-spacing:.1em}.scene-caption{font-size:8px;text-align:center;color:var(--muted);margin-top:10px}.promise{background:var(--mint);padding:37px 7%;display:flex;justify-content:center;gap:10%;align-items:center}.promise p{font-size:22px;line-height:1.8;margin:0}.promise strong{font-weight:600}.promise span{font-size:12px;color:var(--muted)}.section{max-width:1200px;margin:0 auto;padding:92px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:43px}h2{font-size:29px;line-height:1.6;letter-spacing:.04em;margin:0;font-weight:600}.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{position:relative;border-top:1px solid var(--line);padding:30px 0 0}.step-num{font-size:11px;letter-spacing:.1em}.line-icon{font-size:39px;font-weight:300;line-height:1.7;color:#51817c}.steps h3{font-size:17px;margin:10px 0}.steps p{font-size:12px;color:var(--muted)}.plans{padding-top:30px}.tag{font-size:10px;border:1px solid #a9bcb2;padding:6px 12px;border-radius:20px;white-space:nowrap}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:30px 25px;background:#fffdf8;border:1px solid var(--line);border-radius:5px;position:relative;display:flex;flex-direction:column}.plan-no{font-size:10px;letter-spacing:.18em;margin:0 0 20px;color:var(--muted)}.plan h3{font-size:20px;margin:0}.plan-en{font-size:8px;letter-spacing:.15em;margin:6px 0 20px;color:var(--muted)}.plan>p:not([class]){font-size:12px;margin:0 0 18px}.plan ul{font-size:11px;margin:0 0 24px;padding-left:17px;flex:1}.plan-status{font-size:10px;border-top:1px solid var(--line);padding-top:15px}.future{background:#f1e9d8;border-color:#dcd0b8}.future-badge{position:absolute;right:17px;top:19px;font-size:9px;background:#e7d8b7;border-radius:3px;padding:3px 8px}.fineprint{font-size:10px;color:var(--muted);margin:20px 0 0}.route-section{padding:64px max(6%,calc((100vw - 1056px)/2));background:var(--ink);color:#faf8f1;display:grid;grid-template-columns:1fr 1fr;gap:60px}.route-intro>p:last-child{font-size:12px;color:#c2d3cd;margin-top:24px}.route-demo{background:#244c4e;padding:25px;border:1px solid #4d6a68;border-radius:6px}.switch{display:flex;background:#163a3e;padding:4px;border-radius:5px;gap:4px}.switch button{cursor:pointer;border:0;background:transparent;color:#c9d5ce;font-size:10px;line-height:1.7;padding:10px 8px;flex:1;border-radius:3px}.switch button[aria-pressed=true]{background:#f4eedf;color:var(--ink)}.route-type{font-size:10px;color:#cad8ce;margin:23px 0 13px}.route{list-style:none;padding:0;margin:0;counter-reset:route}.route li{position:relative;font-size:12px;padding:0 0 21px 30px;counter-increment:route}.route li:before{content:counter(route);position:absolute;left:0;top:3px;background:#adc8bb;color:#173e42;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:9px}.route li:not(:last-child):after{content:"";position:absolute;left:8px;top:23px;height:17px;border-left:1px solid #78978e}.route li:last-child{padding-bottom:0}.route-note{font-size:10px;color:#cad8ce;margin:17px 0 0}.access{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.address{font-size:13px;margin-top:26px}.text-link{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px}.access-panel{background:var(--mint);padding:30px}.floor{font-size:40px;letter-spacing:.05em;line-height:1.3}.floor span{font-size:22px;color:#73938a;margin:0 12px}.access-panel h3{font-size:16px;margin:18px 0 10px}.access-panel p{font-size:11px;color:var(--muted)}dl{font-size:11px;margin:20px 0 0}dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #cad7ca;padding:10px 0}dd{margin:0}.faq{padding-top:5px;display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:13px;padding-right:15px}details p{font-size:12px;color:var(--muted);margin-bottom:0}.concept{padding:55px max(6%,calc((100vw - 1056px)/2));background:#eee9dd;display:grid;grid-template-columns:1fr 1fr;gap:50px}.concept h2{font-size:24px}.concept p:not(.eyebrow){font-size:12px;color:var(--muted)}.checks h3{font-size:13px;margin:0 0 12px}.checks ul{padding-left:18px;margin:0;font-size:11px;line-height:2.3}footer{max-width:1200px;margin:auto;padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:17px}footer p{font-size:9px;color:var(--muted)}footer>a:last-child{font-size:10px;white-space:nowrap}@media(max-width:760px){header{padding:21px 6%}.brand{font-size:18px}.brand small{font-size:7px}nav{display:none}.nav-cta{font-size:10px}.hero{grid-template-columns:1fr;padding:30px 7% 45px}.hero h1{font-size:53px}.eyebrow{font-size:9px;margin-bottom:18px}.lead{font-size:17px}.intro{font-size:12px}.scene{margin:15px auto 0;width:min(100%,440px)}.scene-caption{font-size:7px}.promise{display:block;padding:28px 7%}.promise p{font-size:20px}.promise span{display:block;margin-top:17px;font-size:11px}.section{padding:57px 7%}.section-heading{display:block;margin-bottom:28px}h2{font-size:25px}.section-heading p:not(.eyebrow){margin-top:14px;font-size:11px}.steps{grid-template-columns:1fr;gap:20px}.steps article{display:grid;grid-template-columns:45px 1fr;column-gap:15px;padding-top:20px}.step-num{grid-column:1;grid-row:1}.line-icon{grid-column:1;grid-row:2 / 4;line-height:1.5;font-size:32px}.steps h3{grid-column:2;grid-row:1 / 3;margin:0 0 6px}.steps p{grid-column:2;margin:0;font-size:12px}.plans{padding-top:10px}.tag{display:inline-block;margin-top:17px}.plan-grid{grid-template-columns:1fr;gap:15px}.plan{padding:25px}.plan-no{margin-bottom:13px}.plan>p:not([class]){font-size:13px}.plan ul{font-size:12px}.route-section{padding:43px 7%;grid-template-columns:1fr;gap:20px}.route-demo{padding:18px}.switch button{font-size:10px}.access{grid-template-columns:1fr;gap:30px}.access h2 br{display:none}.access-panel{padding:25px}.faq{grid-template-columns:1fr;gap:24px;padding-top:0}.concept{padding:40px 7%;grid-template-columns:1fr;gap:22px}.concept h2{font-size:22px}footer{display:block;padding:28px 7%}footer p{margin:20px 0;font-size:9px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reference-led bright Naoshima direction */
:root{--ink:#072b61;--muted:#4d6981;--paper:#fbfdfe;--line:#d1e2ec;--orange:#e5b724;--mint:#e2f3fb}.notice{color:#fff6a0}.brand-icon{background:#ffe744;border-color:#ffe744}.hero h1{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:800;font-size:clamp(42px,4.8vw,66px);letter-spacing:.02em;line-height:1.4}.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,#ffe744 62%,#ffe744 92%,transparent 92%)}.button{background:#ffe744;color:#072b61;font-weight:700}.button:hover{background:#f0d02a}.future{background:#fff9dc;border-color:#eadc9c}.future-badge{background:#ffe744}.route-section{background:#072b61}.route-demo{background:#123d72;border-color:#3b6090}.switch{background:#062754}.switch button[aria-pressed=true]{background:#ffe744;color:#072b61}.concept{background:#eef5fa}.scene-label{background:#fffdf0ed}.scene-caption{font-size:9px}@media(max-width:760px){.hero h1{font-size:43px}.hero .eyebrow{font-size:8px;letter-spacing:.13em}}

@media(max-width:760px){.notice span{display:block}.notice{font-size:10px;letter-spacing:.04em}}