:root{--base: #10aaca;--ink: #0c3b49;--ink-soft: #3e6370;--paper: #eaf4fa;--paper-deep: #dcebf3;--shu: #bc0001;--kin: #009478;--line: #c9e0e7;--white: #ffffff;--font-display: "BIZ UDPMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--max-w: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}a{color:var(--ink);text-decoration-color:var(--base)}a:focus-visible,button:focus-visible{outline:2px solid var(--shu);outline-offset:3px}.container{max-width:var(--max-w);margin-inline:auto;padding-inline:24px}.section{padding-block:96px}.section--deep{background:var(--paper-deep)}.section--ink{background:var(--ink);color:var(--paper)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.45;letter-spacing:.04em;margin:0}h2{font-size:clamp(26px,3.4vw,36px)}h3{font-size:clamp(19px,2.2vw,22px)}p{margin:0 0 1.2em}p:last-child{margin-bottom:0}.lead{font-size:clamp(16px,1.8vw,18px);color:var(--ink-soft)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--shu);margin-bottom:18px}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--shu);flex:none}.section--ink .eyebrow{color:#7fd2e6}.section--ink .eyebrow:before{background:#7fd2e6}.section-head{max-width:720px;margin-bottom:56px}.section-head h2{margin-bottom:16px}.btn{display:inline-block;font-family:var(--font-body);font-size:15px;letter-spacing:.08em;text-decoration:none;padding:14px 32px;border-radius:2px;transition:background-color .2s ease,color .2s ease}.btn--primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn--primary:hover{background:#14586d}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.section--ink .btn--ghost{color:var(--paper);border-color:var(--paper)}.section--ink .btn--ghost:hover{background:var(--paper);color:var(--ink)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media(max-width:860px){.grid-3,.grid-2{grid-template-columns:1fr}.section{padding-block:64px}}.card{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:32px 28px}.card h3{margin-bottom:12px}.card p{color:var(--ink-soft);font-size:15px}.def-table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line)}.def-table th,.def-table td{text-align:left;vertical-align:top;padding:18px 22px;border-bottom:1px solid var(--line);font-size:15px}.def-table tr:last-child th,.def-table tr:last-child td{border-bottom:none}.def-table th{width:180px;font-family:var(--font-display);font-weight:400;letter-spacing:.08em;background:var(--paper-deep);white-space:nowrap}@media(max-width:640px){.def-table th,.def-table td{display:block;width:auto}.def-table th{border-bottom:none;padding-bottom:6px}.def-table td{padding-top:0}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--white);padding:36px 24px;text-align:center}.stat .num{font-family:var(--font-display);font-size:clamp(34px,5vw,48px);font-weight:400;color:var(--ink);line-height:1.2}.stat .num small{font-size:.45em;margin-left:4px;color:var(--ink-soft)}.stat .label{margin-top:8px;font-size:14px;letter-spacing:.12em;color:var(--ink-soft)}@media(max-width:640px){.stats{grid-template-columns:1fr}}.phases{list-style:none;margin:0;padding:0}.phase{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.phase:last-child{border-bottom:1px solid var(--line)}.phase .when{font-family:var(--font-display);font-weight:400;letter-spacing:.06em}.phase .when .ph{display:block;font-size:12px;letter-spacing:.3em;color:var(--shu)}.phase h3{font-size:18px;margin-bottom:6px}.phase p{color:var(--ink-soft);font-size:15px}@media(max-width:640px){.phase{grid-template-columns:1fr;gap:8px}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .inner{max-width:var(--max-w);margin-inline:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:400;letter-spacing:.06em;font-size:17px}.brand img{flex:none;display:block}.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:14px;letter-spacing:.1em;padding:8px 14px;border-radius:2px;color:var(--ink-soft)}.site-nav a:hover{color:var(--ink);background:var(--paper-deep)}.site-nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--shu);border-radius:0}@media(max-width:720px){.site-header .inner{flex-direction:column;align-items:flex-start;gap:6px}}.site-footer{background:var(--ink);color:#bcdde7;padding:64px 0 40px;font-size:14px}.site-footer .inner{max-width:var(--max-w);margin-inline:auto;padding-inline:24px;display:grid;grid-template-columns:1fr auto;gap:32px}.site-footer .corp{font-family:var(--font-display);color:var(--paper);font-size:17px;letter-spacing:.08em;margin-bottom:12px}.site-footer a{color:#bcdde7}.site-footer nav{display:grid;gap:8px}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--paper)}.site-footer .copy{grid-column:1 / -1;border-top:1px solid #1d586d;margin-top:24px;padding-top:24px;font-size:12px;letter-spacing:.1em;color:#8fbecd}@media(max-width:640px){.site-footer .inner{grid-template-columns:1fr}}.page-hero{padding:88px 0 56px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(30px,4.4vw,44px)}.page-hero .lead{margin-top:16px;max-width:680px}
