:root{--navy:#14385c;--blue:#1f78c8;--green:#1e9e6a;--pale:#eaf4fb;--pale2:#f5fafd;--line:#d3e3f0;--text:#232f3b;--mute:#66768a;--warn:#fff7e6;--warnline:#f0cf8a;--white:#fff;--bg-ad:#f3f4f6;--bg-footer:#f6f8fb;--radius-s:10px;--radius-m:12px;--radius-l:14px;--radius-xl:18px;--radius-pill:999px;--shadow-panel:0 6px 24px #14385c14;--font-base:"Hiragino Sans","Noto Sans JP",Meiryo,sans-serif}*{box-sizing:border-box}body{font-family:var(--font-base);color:var(--text);background:var(--white);margin:0;line-height:1.9}.wrap{max-width:760px;margin:0 auto;padding:0 16px}.wrap.wide{max-width:980px;padding:0 18px}.ad{background:var(--bg-ad);color:var(--mute);text-align:center;padding:6px 8px;font-size:12px}header.site{border-bottom:1px solid var(--line)}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.logo{color:var(--navy);font-size:18px;font-weight:700;text-decoration:none}.logo small{color:var(--mute);margin-left:6px;font-size:12px;font-weight:400}nav a{color:var(--mute);margin-left:14px;font-size:13px;text-decoration:none}.crumb{color:var(--mute);margin:14px 0 4px;font-size:12px}.crumb a{color:var(--mute)}h1{color:var(--navy);margin:6px 0 10px;font-size:24px;line-height:1.45}.meta{color:var(--mute);font-size:12px}.lead{margin:16px 0;font-size:15.5px}.answer{background:var(--pale);border:2px solid var(--blue);border-radius:var(--radius-l);margin:20px 0;padding:18px 18px 14px}.answer .label{background:var(--blue);color:var(--white);border-radius:var(--radius-pill);margin-bottom:8px;padding:1px 12px;font-size:12px;display:inline-block}.answer p{margin:8px 0;font-size:15.5px}.answer b{color:var(--navy)}.big{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.big div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);text-align:center;padding:10px 8px;font-size:12.5px;line-height:1.5}.big strong{color:var(--navy);margin-top:2px;font-size:22px;display:block}.big .best{border:2px solid var(--green)}.big .best strong{color:var(--green)}.btn{background:var(--navy);color:var(--white);border-radius:var(--radius-pill);padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn.ghost{background:var(--white);color:var(--navy);border:1.5px solid var(--navy);margin:4px 6px 0 0}h2{color:var(--navy);border-left:5px solid var(--blue);margin:40px 0 12px;padding-left:10px;font-size:19px;line-height:1.5}table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}th{background:var(--pale);color:var(--navy)}td.n{text-align:right;white-space:nowrap}.src{color:var(--mute);font-size:12px}.src a{color:var(--mute)}ul.dots{margin:8px 0;padding-left:1.2em}.steps{counter-reset:s;margin:12px 0;padding:0;list-style:none}.steps li{counter-increment:s;padding:0 0 12px 42px;position:relative}.steps li:before{content:counter(s);background:var(--blue);width:28px;height:28px;color:var(--white);text-align:center;border-radius:50%;font-size:14px;line-height:28px;position:absolute;top:0;left:0}.consult{background:var(--pale);border-radius:var(--radius-l);margin:12px 0;padding:18px}.cards{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);padding:12px;font-size:13px}.card h3{color:var(--navy);margin:0 0 6px;font-size:14px}.card p{margin:0}.card .btn{margin-top:8px;padding:7px 12px;font-size:12px}.caution{background:var(--warn);border:1px solid var(--warnline);border-radius:var(--radius-m);margin:28px 0;padding:14px 16px;font-size:13px}.caution ul{margin:6px 0 0;padding-left:1.2em}.related a{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--navy);margin:3px 4px 3px 0;padding:4px 14px;font-size:13px;text-decoration:none;display:inline-block}footer{background:var(--bg-footer);border-top:1px solid var(--line);color:var(--mute);margin-top:40px;padding:20px 0;font-size:12px}footer a{color:var(--mute);margin-right:14px}.sticky{background:var(--white);border-top:1px solid var(--line);text-align:center;z-index:5;padding:8px 16px;position:sticky;bottom:0}.hero{background:linear-gradient(180deg,var(--pale) 0%,var(--white) 100%);padding:44px 0 36px}.hero .wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;display:grid}.hero h1{margin:0 0 14px;font-size:34px;line-height:1.4}.hero h1 em{color:var(--blue);font-style:normal}.hero p{margin:0 0 18px;font-size:15.5px}.btn.blue{background:var(--blue);margin:4px 8px 0 0;padding:12px 26px;font-size:15px}.btn.blue.ghost{background:var(--white);color:var(--blue);border:1.5px solid var(--blue)}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:22px}.panel h2{border:0;margin:0 0 12px;padding:0;font-size:16px}.panel label{color:var(--mute);margin:10px 0 4px;font-size:12.5px;display:block}.panel select{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--white);width:100%;padding:10px;font-size:15px}.panel button.btn{text-align:center;cursor:pointer;background:var(--blue);border:0;width:100%;margin:16px 0 0;padding:12px 26px;font-family:inherit;font-size:15px;display:block}.feat{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.feat div{background:var(--pale2);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px;font-size:14px}.feat h3{color:var(--navy);margin:0 0 6px;font-size:16px}.ico{background:var(--blue);width:34px;height:34px;color:var(--white);text-align:center;border-radius:50%;margin-bottom:8px;font-weight:700;line-height:34px;display:inline-block}h2.sec{text-align:center;border:0;margin:46px 0 6px;padding:0;font-size:22px}.sub{text-align:center;color:var(--mute);margin:0 0 22px;font-size:13.5px}.flow{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 10px;display:grid}.flow div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);padding:14px;font-size:13.5px;position:relative}.flow div:not(:last-child):after{content:"▶";color:var(--blue);font-size:12px;position:absolute;top:42%;right:-12px}.flow b{color:var(--navy);margin-bottom:4px;font-size:15px;display:block}.makers{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.makers a{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);color:var(--navy);padding:12px;font-size:14px;text-decoration:none;display:block}.makers a small{color:var(--mute);font-size:12px;display:block}.areas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.areas a{background:var(--pale);border-radius:var(--radius-pill);color:var(--navy);padding:6px 16px;font-size:14px;text-decoration:none}.areas .pair{align-items:center;gap:4px;display:inline-flex}.areas a.area-sum{background:var(--white);border:1px solid var(--line);padding:5px 10px;font-size:12px}.notice{background:var(--warn);border:1px solid var(--warnline);border-radius:var(--radius-m);margin:34px 0;padding:14px 16px;font-size:13px}@media (width<=760px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:26px}.feat,.flow,.makers{grid-template-columns:1fr 1fr}.flow div:after{display:none}}@media (width<=600px){.cards,.big{grid-template-columns:1fr}h1{font-size:21px}}.spec{margin:10px 0 4px;font-size:13.5px}h3{color:var(--navy);margin:24px 0 6px;font-size:16px}ul.dots li{margin:2px 0}.doc-btn{margin:8px 0}.card p+p{margin-top:6px}.promo{background:var(--pale);border:1px solid var(--line);border-radius:var(--radius-l);margin:32px 0;padding:18px}.promo h2{margin-top:0}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}
