:root{color-scheme:light;--canvas:#fff;--surface:#f5f5f5;--ink:#1a1a1a;--muted:#4d4d4d;--border:#767676;--link:#0017c1;--visited:#5b2a86;--action:#b54708;--action-dark:#7a2e0e;--focus:#ffd43b;--max:73.75rem;--font:"Noto Sans JP","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif}*{box-sizing:border-box;min-inline-size:0}html{font-family:var(--font);font-size:100%;line-height:1.7;color:var(--ink);background:var(--canvas);scroll-behavior:smooth;overflow-wrap:anywhere}body{margin:0}a{color:var(--link);text-underline-offset:.2em}a:visited{color:var(--visited)}a:hover{text-decoration-thickness:.18em}a:focus-visible,button:focus-visible{outline:3px solid #000;box-shadow:0 0 0 6px var(--focus);outline-offset:3px}.skip{position:absolute;left:1rem;top:-8rem;background:#000;color:#fff;padding:.75rem 1rem;z-index:10}.skip:focus{top:1rem}.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header{border-bottom:1px solid #ccc}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;min-inline-size:2.75rem;border:2px solid #5b7c99;background:#d8eeff}.nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.nav a{min-height:2.75rem;display:inline-flex;align-items:center}.hero{padding:clamp(3rem,8vw,7rem) 0;border-bottom:1px solid #ccc}.eyebrow{font-weight:700;color:#6b3a00}.hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.25;max-width:18ch;margin:.25em 0}.lead{font-size:1.25rem;max-width:58ch}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.65rem 1rem;border:2px solid var(--action-dark);background:var(--canvas);color:var(--link);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button-primary{background:var(--action);color:#fff}.button-primary:visited{color:#fff}.section{padding:clamp(3rem,7vw,5rem) 0}.section-muted{background:var(--surface)}h2{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.35}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.card{border:1px solid #ccc;padding:1.5rem}.card h3{font-size:1.35rem}.plain-list{padding-left:1.25rem}.site-footer{border-top:1px solid #ccc;padding:2.5rem 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem}.analytics-consent{position:relative;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.25rem max(1rem,calc((100% - var(--max))/2));border-top:2px solid var(--action-dark);background:#fff8e8}.analytics-consent h2{font-size:1.25rem;margin:0}.analytics-consent p{margin:.25rem 0}.analytics-consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}main p,main li{max-width:66ch}@media(max-width:44rem){.header-inner,.footer-grid,.analytics-consent{align-items:flex-start;grid-template-columns:1fr;flex-direction:column;display:flex}.cards{grid-template-columns:1fr}.nav{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.button,.brand-mark,.card{border:2px solid CanvasText}}@media(min-width:80rem){.shell{width:min(calc(100% - 4rem),var(--max))}}
