:root{--ink:#202b35;--muted:#66727d;--brand:#d84928;--brand-dark:#a92f18;--gold:#ffd24a;--paper:#fff;--soft:#f5f7f8;--line:#dfe5e8;--green:#246e56}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#edf0f2;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.75}
a{color:#145d8a;text-underline-offset:3px}
a:hover{color:var(--brand-dark)}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:100}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.brand-row{max-width:1440px;margin:auto;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--brand);color:white;border-radius:12px;font-size:25px;font-weight:900}.brand strong{display:block;font-size:19px;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:12px}
.header-cta{background:var(--brand);color:#fff;text-decoration:none;font-weight:750;padding:10px 17px;border-radius:8px;white-space:nowrap}.header-cta:hover,.primary-button:hover{background:var(--brand-dark);color:#fff}
.main-nav{background:#293640}.nav-inner{max-width:1440px;margin:auto;display:flex;flex-wrap:wrap;padding:0 14px}.main-nav a{color:#fff;text-decoration:none;font-size:13px;padding:11px 12px;display:block}.main-nav a:hover{background:#3d4d58}
.page-layout{max-width:1440px;margin:22px auto;display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:20px;padding:0 16px;align-items:start}
.sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.main-content{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 14px #24313b0a}
.hero{padding:clamp(28px,4vw,55px);background:linear-gradient(135deg,#fff8e5,#fff 67%);border-bottom:1px solid var(--line)}
.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--brand);text-transform:uppercase}
.hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.35;letter-spacing:-.035em;margin:14px 0 17px}.hero-lead{font-size:16px;color:#47545e;max-width:720px;margin:0 0 24px}.primary-button{display:inline-flex;align-items:center;gap:14px;background:var(--brand);color:#fff;border-radius:8px;padding:12px 20px;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #a92f1822}.hero-note{font-size:12px;color:var(--muted);margin-top:14px}
.benefit-grid,.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px 26px 4px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0}
.info-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.info-card h3{margin:4px 0 8px;font-size:16px}.info-card p,.info-card li{font-size:13px;color:#56636d}.info-card ul{padding-left:20px}.card-icon{display:grid;place-items:center;width:36px;height:36px;background:#fff0e9;color:var(--brand);font-size:21px;font-weight:900;border-radius:9px}
.content-section{padding:32px clamp(22px,4vw,44px)}.content-section h2{font-size:clamp(23px,2.5vw,31px);line-height:1.4;margin:7px 0 15px}.content-section>p{color:#4c5963}.steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:12px}.steps li{counter-increment:steps;position:relative;padding:15px 18px 15px 60px;border:1px solid var(--line);border-radius:9px}.steps li:before{content:counter(steps);position:absolute;left:16px;top:17px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--gold);font-weight:900}.steps strong,.steps span{display:block}.steps span{font-size:13px;color:var(--muted)}
.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list summary{font-weight:800;cursor:pointer}.faq-list details p{color:#56636d;font-size:14px;margin-bottom:0}
.callout{margin:0 26px 30px;padding:22px 24px;background:#fff4ef;border:1px solid #f3d4c9;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:18px}.callout h2{font-size:18px;margin:0 0 4px}.callout p{margin:0;color:#5b6268;font-size:13px}
.ad{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f7f8f9;border:1px dashed #b9c1c7;color:#66727d;gap:3px;padding:12px;font-size:13px;min-width:0}.ad small{font-size:11px;color:#8a949b}.ad-top,.ad-bottom{max-width:900px;min-height:100px;margin:18px auto;padding:18px}.ad-side{width:100%;min-height:250px}.ad-mobile{display:none}
.side-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.side-card h2{font-size:17px;margin:0 0 9px}.side-card p{font-size:13px;color:#56636d}.side-card a{font-size:13px;font-weight:750}.side-card ul{padding-left:18px;margin-bottom:0}.side-card li{font-size:13px;margin:6px 0}.accent-side{background:#fff8e8;border-color:#f2dfad}.side-label{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--brand)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.product-art{height:140px;display:grid;place-items:center;background:linear-gradient(135deg,#f7f1e4,#e8f0e9);font-size:56px}.product-info{padding:13px}.sale-tag{display:inline-block;background:var(--gold);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:900}.product-info h3{font-size:15px;margin:8px 0 3px}.product-price{font-size:24px;font-weight:900;color:var(--brand);line-height:1.3}.product-price small{font-size:11px;color:var(--muted);font-weight:500}.product-info p{font-size:12px;color:var(--muted);margin:8px 0 0}.muted{color:var(--muted)}
.site-footer{background:#25323b;color:#dce3e7;margin-top:24px}.footer-inner{max-width:1400px;margin:auto;padding:30px 22px;display:flex;justify-content:space-between;gap:30px}.footer-brand{color:#fff;font-weight:800;text-decoration:none}.footer-inner p{font-size:12px;color:#b9c5cc}.footer-inner nav{display:flex;flex-wrap:wrap;gap:8px 15px;align-content:start;max-width:700px}.footer-inner nav a{font-size:12px;color:#dce3e7}.copyright{text-align:center;border-top:1px solid #43515a;padding:12px;font-size:12px;color:#b9c5cc}
@media(max-width:1100px){.page-layout{grid-template-columns:240px minmax(0,1fr);}.sidebar-right{display:none}.ad-top,.ad-bottom{margin-left:16px;margin-right:16px}.benefit-grid{grid-template-columns:1fr}.benefit-grid .info-card{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.benefit-grid .info-card p{grid-column:2;margin-top:0}}
@media(max-width:760px){body{background:#fff}.brand-row{padding:13px 15px}.brand-mark{width:40px;height:40px}.brand strong{font-size:15px}.brand small{font-size:10px}.header-cta{font-size:12px;padding:9px 10px}.main-nav{overflow-x:auto}.nav-inner{flex-wrap:nowrap;width:max-content;padding:0 7px}.main-nav a{white-space:nowrap;padding:10px 11px;font-size:12px}.page-layout{display:block;margin:0;padding:0}.sidebar{display:none}.main-content{border:0;border-radius:0;box-shadow:none}.hero{padding:32px 22px 30px}.hero h1{font-size:34px}.hero-lead{font-size:15px}.content-section{padding:28px 22px}.benefit-grid{padding:20px 22px 0}.compare-grid{grid-template-columns:1fr}.callout{margin:0 22px 26px;display:block}.callout .primary-button{margin-top:14px}.ad-pc{display:none}.ad-mobile{display:flex;margin:12px 12px;min-height:90px}.ad-mobile-top{margin-top:12px}.ad-mobile-bottom{margin-bottom:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:105px;font-size:43px}.product-info{padding:10px}.product-info h3{font-size:13px}.product-price{font-size:20px}.footer-inner{display:block;padding:26px 20px}.footer-inner nav{margin-top:20px}.brand-row{gap:8px}}
@media(max-width:380px){.brand strong{font-size:13px}.header-cta{font-size:11px}.hero h1{font-size:29px}.product-grid{grid-template-columns:1fr}}