:root{--c-main:#1f4e79;--c-main-dark:#163a5a;--c-accent:#2f7d6d;--c-text:#1d2733;--c-sub:#5a6b7c;--c-line:#dbe3ea;--c-bg:#fff;--c-bg-soft:#f4f7fa;--c-ph:#fff3b0;--radius:10px;--w:1040px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--c-text);background:var(--c-bg);margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:16px;line-height:1.8}img{max-width:100%;height:auto}a{color:var(--c-main)}h1,h2,h3{line-height:1.4}h1{margin:0 0 .6em;font-size:clamp(1.6rem,4vw,2.3rem)}h2{margin:0 0 .8em;font-size:clamp(1.3rem,3vw,1.7rem)}h3{margin:0 0 .5em;font-size:1.15rem}.container{max-width:var(--w);margin:0 auto;padding:0 16px}.section{padding:56px 0}.section--soft{background:var(--c-bg-soft)}.lead{color:var(--c-sub);font-size:1.05rem}.muted{color:var(--c-sub);font-size:.92rem}.ph{background:var(--c-ph);border-radius:3px;padding:0 .25em}.draft-banner{color:#fff;text-align:center;background:#7a1f1f;padding:6px 16px;font-size:.85rem}.site-header{border-bottom:1px solid var(--c-line);z-index:10;background:#fff;position:sticky;top:0}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{color:var(--c-main);font-size:1.1rem;font-weight:700;text-decoration:none}.logo small{color:var(--c-sub);font-size:.7rem;font-weight:400;line-height:1.2;display:block}.gnav ul{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;display:flex}.gnav a{color:var(--c-text);font-size:.95rem;text-decoration:none}.gnav a[aria-current=page]{color:var(--c-main);font-weight:700}.hero{background:linear-gradient(180deg, var(--c-bg-soft), #fff);padding:72px 0 56px}.hero p{max-width:680px}.btn{background:var(--c-main);color:#fff;border-radius:999px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:var(--c-main-dark)}.btn--ghost{color:var(--c-main);border:2px solid var(--c-main);background:0 0}.btn--ghost:hover{background:var(--c-bg-soft)}.btn-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card{border:1px solid var(--c-line);border-radius:var(--radius);background:#fff;padding:24px}.card h3 a{text-decoration:none}.card .price-hint{color:var(--c-main);margin:.4em 0 0;font-weight:700}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-left:4px solid var(--c-accent);background:#fff;padding:8px 16px}.steps li:before{content:"STEP " counter(step);color:var(--c-accent);font-size:.8rem;font-weight:700;display:block}.price-table{margin:0 0 40px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top;padding:12px 10px}thead th{background:var(--c-bg-soft);font-size:.9rem}td.num{white-space:nowrap;font-weight:700}td.num.monitor{color:var(--c-accent)}.price-detail{color:var(--c-sub);font-size:.85rem;display:block}.price-note{color:var(--c-sub);margin:8px 0 0;font-size:.85rem}.price-draft{color:#8a1f1f;background:#fff5f5;border:1px dashed #b33;border-radius:6px;padding:8px 12px;font-size:.9rem}dl.info{border-top:1px solid var(--c-line);grid-template-columns:10em 1fr;margin:0;display:grid}dl.info dt,dl.info dd{border-bottom:1px solid var(--c-line);margin:0;padding:12px 8px}dl.info dt{background:var(--c-bg-soft);font-weight:700}@media (width<=600px){dl.info{grid-template-columns:1fr}dl.info dt{border-bottom:none;padding-bottom:4px}}.faq details{border:1px solid var(--c-line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:700}.subnav{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.subnav a{border:1px solid var(--c-line);color:var(--c-text);border-radius:999px;padding:6px 14px;font-size:.9rem;text-decoration:none;display:inline-block}.subnav a[aria-current=page]{background:var(--c-main);color:#fff;border-color:var(--c-main)}.profile{grid-template-columns:220px 1fr;align-items:start;gap:32px;display:grid}.profile img{border-radius:var(--radius);border:1px solid var(--c-line)}@media (width<=700px){.profile{grid-template-columns:1fr}.profile img{max-width:220px}}.cta{text-align:center;background:var(--c-main);color:#fff;border-radius:var(--radius);padding:40px 24px}.cta .btn{color:var(--c-main);background:#fff}.legal{max-width:860px}.legal h2{border-bottom:1px solid var(--c-line);margin:2em 0 .6em;padding-bottom:.3em;font-size:1.15rem}.legal table{min-width:0}.legal th[scope=row]{background:var(--c-bg-soft);width:13em;font-size:.92rem}.legal ol{padding-left:1.6em}.legal ol ol{padding-left:.5em;list-style:none}.legal .ph{color:#6b4a00;outline:1px solid #e0b400;font-weight:700}.legal-note{border:1px solid var(--c-line);background:var(--c-bg-soft);border-radius:6px;padding:12px 16px}.form-placeholder{border:2px dashed var(--c-line);border-radius:var(--radius);text-align:center;color:var(--c-sub);background:var(--c-bg-soft);padding:40px 16px}.site-footer{border-top:1px solid var(--c-line);background:var(--c-bg-soft);margin-top:40px;padding:32px 0;font-size:.9rem}.site-footer ul{flex-wrap:wrap;gap:4px 20px;margin:0 0 12px;padding:0;list-style:none;display:flex}.site-footer a{color:var(--c-text)}
