:root{--paper:#f7f6f0;--ink:#192d31;--muted:#57676a;--line:#d7ded8;--green:#cde6d5;--violet:#dfdcf6;--accent:#245d49;--white:#fff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.85;font-size:16px}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #345ecd;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45;letter-spacing:.02em}h1{font-size:clamp(34px,5.1vw,68px);font-weight:650;letter-spacing:.035em}h2{font-size:clamp(26px,3.1vw,42px);font-weight:600}h3{font-size:24px;font-weight:600}p{margin-bottom:1.25em}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.skip{position:absolute;left:20px;top:-70px;background:white;padding:10px 18px;z-index:20}.skip:focus{top:10px}.top{border-bottom:1px solid var(--line);background:var(--paper)}.top-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:34px;height:34px;border:2px solid var(--ink);border-radius:11px 2px 11px 2px;display:grid;place-items:center;font-size:20px;font-weight:700}.logo-text strong{font-size:18px;display:block;line-height:1.5}.logo-text small{font-size:10px;letter-spacing:.2em;display:block}.nav{display:flex;gap:26px;flex-wrap:wrap;font-size:14px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.hero{padding:80px 0 90px;display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:68px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:23px}.hero p{max-width:37em;color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 22px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-size:14px;font-weight:650}.button.primary{background:var(--ink);color:white}.button:hover{background:#e7ece3}.button.primary:hover{background:#31534e}.canvas{border:1px solid var(--line);background:#eeeee4;border-radius:12px;position:relative;min-height:370px;overflow:hidden;padding:30px}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(#192d3109 1px,transparent 1px),linear-gradient(90deg,#192d3109 1px,transparent 1px);background-size:30px 30px}.floating{position:relative;border:1px solid var(--ink);padding:22px 24px;border-radius:7px;box-shadow:5px 5px 0 #192d3115;max-width:260px}.floating.note{background:var(--green);margin:10px 0 25px}.floating.choice{background:var(--violet);margin-left:50px}.floating small{font-size:10px;letter-spacing:.13em}.floating strong{font-size:24px;display:block;margin:8px 0}.floating p{font-size:13px;color:var(--ink);margin-bottom:0;line-height:1.75}.graphic-line{width:60%;height:1px;background:var(--ink);margin:9px 0;opacity:.45}.graphic-line.short{width:40%}.canvas-label{position:relative;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:20px}.section{padding:78px 0;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:.45fr 1fr;gap:40px;margin-bottom:45px}.section-title p{max-width:650px;color:var(--muted)}.section-title .eyebrow{padding-top:10px}.service{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;border-top:1px solid var(--line);padding:35px 0}.service:first-of-type{border-top:0}.service p{max-width:700px;color:var(--muted)}.service-title{display:flex;align-items:flex-start;gap:16px}.number{font-size:12px;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;margin-top:7px;flex-shrink:0}.status{display:inline-block;border:1px solid #92aa9a;color:var(--accent);padding:3px 10px;font-size:11px;border-radius:3px;margin-bottom:18px}.text-link{font-size:14px;font-weight:650}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.about-copy{color:var(--muted);max-width:34em}.facts{margin:0}.facts>div{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.facts>div:first-child{padding-top:0}.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:0;font-size:15px;overflow-wrap:anywhere}.english{display:block;font-size:11px;color:var(--muted);letter-spacing:.03em;margin-top:5px}.contact-banner{background:var(--ink);color:white;padding:46px;border-radius:8px;display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center}.contact-banner p{color:#cbd9d4;margin-bottom:0}.email{font-size:clamp(18px,2.3vw,26px);font-weight:500;overflow-wrap:anywhere}.contact-banner .text-link{display:block;margin-top:14px}.footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.footer p{margin:0}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.page-hero{padding:65px 0 50px}.page-hero h1{font-size:clamp(34px,4.5vw,58px);margin-bottom:20px}.page-hero p{max-width:750px;color:var(--muted);font-size:17px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.article{max-width:780px;margin:auto;padding:0 32px 75px}.article h2{font-size:26px;margin-top:50px;margin-bottom:18px}.article h3{font-size:19px;margin-top:25px}.article p,.article li{color:var(--muted)}.article ul,.article ol{padding-left:24px}.article li{margin-bottom:12px}.article .callout{padding:22px;background:#ebeee6;border-left:3px solid var(--accent);border-radius:3px}.article .callout p:last-child{margin-bottom:0}.article .button{margin-top:12px}.article .facts{margin:35px 0}.article .facts dd{color:var(--ink)}.flow{counter-reset:flow;list-style:none!important;padding:0!important}.flow li{counter-increment:flow;border-top:1px solid var(--line);padding:22px 0 22px 45px;position:relative}.flow li:before{content:counter(flow,decimal-leading-zero);position:absolute;left:0;top:23px;font-size:12px;color:var(--accent)}.flow strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.contact-box{border:1px solid var(--line);background:white;padding:30px;border-radius:6px}.updated{font-size:12px;color:var(--muted)}@media(max-width:800px){.wrap{padding:0 22px}.top-inner{min-height:100px;align-items:flex-start;flex-direction:column;gap:15px;padding-top:20px;padding-bottom:20px}.nav{gap:20px;font-size:13px}.hero{padding:48px 0 55px;grid-template-columns:1fr;gap:30px}.hero p{font-size:16px}.canvas{min-height:340px;max-width:480px;width:100%;margin:auto}.section{padding:50px 0}.section-title{grid-template-columns:1fr;gap:0;margin-bottom:20px}.section-title .eyebrow{margin-bottom:14px}.service{grid-template-columns:1fr;gap:10px;padding:28px 0}.about-grid{grid-template-columns:1fr;gap:20px}.contact-banner{grid-template-columns:1fr;padding:28px}.facts>div{grid-template-columns:95px 1fr;gap:16px}.article{padding-left:22px;padding-right:22px}.page-hero{padding:40px 0}.logo-text strong{font-size:17px}.footer-links{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}