:root{--ink:#162033;--orange:#f36b21;--cream:#fff8ed;--paper:#fffdf8;--muted:#687080;--line:#d8d4cb;--navy:#13233f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",sans-serif;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:rgba(255,253,248,.94);border-bottom:1px solid #e8e3da;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.25}.brand b{font-size:16px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:white;font-weight:900;font-size:22px;transform:rotate(-3deg)}.header-cta{background:var(--orange);color:white;padding:12px 22px;font-weight:800;border-radius:4px;box-shadow:4px 4px 0 var(--navy)}.section-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);max-width:1280px;margin:auto}.hero{min-height:calc(100vh - 78px);align-items:center;padding:48px clamp(22px,5vw,72px);gap:56px;background:radial-gradient(circle at 15% 15%,#fff0d9,transparent 36%)}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:900;color:var(--orange);text-transform:uppercase}.hero h1,.section-title h2,.trust-copy h2,.contact-copy h2{font-size:clamp(38px,5vw,74px);line-height:1.18;margin:.25em 0;font-weight:900;letter-spacing:-.05em}.hero h1 em,.trust-copy h2 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:8px;background:var(--orange);clip-path:polygon(0 40%,100% 0,98% 100%,2% 80%)}.lead{font-size:clamp(16px,1.8vw,20px)}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.hero-points span{border:1px solid var(--ink);padding:7px 13px;font-size:13px;font-weight:700;background:white}.primary-btn{display:flex;justify-content:space-between;align-items:center;max-width:480px;padding:18px 22px;background:var(--orange);color:white;font-weight:900;font-size:17px;box-shadow:7px 7px 0 var(--navy);transition:.2s}.primary-btn:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--navy)}.hero small{display:block;margin-top:18px;color:var(--muted)}.hero-art{margin:0;position:relative;transform:rotate(1deg);filter:drop-shadow(16px 18px 0 rgba(19,35,63,.12))}.hero-art img{border:7px solid white;outline:3px solid var(--ink);max-height:740px;width:100%;object-fit:cover}.hero-art figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:right}.story-section{padding:110px clamp(22px,6vw,90px);background:var(--navy);color:white}.section-title{max-width:1020px;margin:0 auto 46px}.section-title>span{color:var(--orange);font-weight:900;letter-spacing:.16em}.section-title h2{font-size:clamp(34px,5vw,66px)}.section-title.center{text-align:center}.section-title.center p{font-size:17px;color:var(--muted)}.story-section .section-title{margin-left:0}.manga-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;max-width:1120px;margin:auto}.panel{min-height:390px;background:white;color:var(--ink);border:5px solid var(--ink);position:relative;overflow:hidden;padding:30px}.crack-panel{display:grid;place-items:center;background:radial-gradient(circle,#fff,#e9e8e4)}.countertop{width:110%;height:150px;background:linear-gradient(165deg,#eeeae2,#fff);box-shadow:0 12px 0 #aaa;transform:skewY(-5deg);position:relative}.countertop i{position:absolute;left:47%;top:0;width:5px;height:100%;background:var(--ink);clip-path:polygon(45% 0,100% 18%,35% 30%,85% 52%,20% 67%,65% 100%,0 76%,40% 55%,0 37%,55% 19%)}.sfx{font-family:"Zen Kurenaido",sans-serif;font-size:54px;position:absolute;top:12px;left:24px;transform:rotate(-12deg);z-index:2}.speech{position:absolute;right:18px;bottom:12px;background:white;border:3px solid var(--ink);border-radius:50%;padding:19px 25px;font-weight:800}.worry-panel{display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#fff,#fff 10px,#f4f3f0 10px,#f4f3f0 12px)}.thought{font-size:25px;font-weight:900;align-self:start}.phone{background:#f7f7f7;border:8px solid var(--ink);border-radius:24px;padding:22px;width:70%;text-align:center;box-shadow:10px 10px 0 #aaa}.phone b{display:block;border:1px solid #aaa;padding:8px;margin-top:10px}.caption{background:var(--ink);color:white;padding:8px 18px;font-weight:800;transform:rotate(-2deg)}.compare-section,.flow-section{padding:110px clamp(22px,6vw,90px)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:auto}.compare-card{background:white;border:2px solid var(--ink);padding:32px;position:relative;box-shadow:7px 7px 0 #d8d4cb}.compare-card.featured{background:var(--cream);border-color:var(--orange);transform:translateY(-16px);box-shadow:8px 8px 0 var(--orange)}.card-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-size:24px;font-weight:900}.compare-card.featured .card-icon{background:var(--orange)}.compare-card h3{font-size:22px;margin:16px 0 4px}.tag{color:var(--orange);font-weight:800}.compare-card dl{margin:22px 0 0}.compare-card dl div{padding:13px 0;border-top:1px solid var(--line)}dt{font-size:12px;color:var(--muted)}dd{margin:2px 0;font-weight:700}.recommend{position:absolute;right:14px;top:-20px;background:var(--orange);color:white;padding:5px 13px;font-weight:900;transform:rotate(3deg)}.compare-note{text-align:center;font-size:12px;color:var(--muted);margin-top:34px}.trust-section{display:grid;grid-template-columns:1fr 1.15fr;min-height:720px;background:var(--cream)}.trust-visual{background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}.trust-visual .badge{width:160px;height:160px;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-family:"Zen Kurenaido";font-size:50px;transform:rotate(-8deg);box-shadow:0 0 0 12px var(--navy),0 0 0 15px white}.trust-visual p{font-size:24px;margin-top:40px}.trust-visual strong{font-size:42px}.trust-copy{padding:90px clamp(30px,7vw,110px)}.trust-copy h2,.contact-copy h2{font-size:clamp(34px,4vw,58px)}.reason{display:flex;gap:22px;padding:20px 0;border-top:1px solid #d8cfc0}.reason>b{font-size:30px;color:var(--orange)}.reason h3{margin:0;font-size:19px}.reason p{margin:5px 0;color:var(--muted)}.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1000px;margin:auto;counter-reset:item}.flow li{text-align:center;position:relative}.flow li:not(:last-child):after{content:"→";position:absolute;right:-28px;top:28px;font-size:28px;color:var(--orange)}.flow b{display:grid;place-items:center;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--orange);color:white;font-size:32px;box-shadow:6px 6px 0 var(--navy)}.flow h3{font-size:22px;margin-bottom:0}.flow p{color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:110px clamp(22px,8vw,130px);background:var(--navy);color:white}.contact-copy>p:not(.eyebrow){color:#cbd1dc}.contact-copy ul{list-style:none;padding:0}.contact-copy li{margin:10px 0;font-weight:700}.contact-copy li:before{content:"✓";color:var(--orange);margin-right:10px}.contact-form{background:white;color:var(--ink);padding:36px;box-shadow:10px 10px 0 var(--orange)}.contact-form label{display:block;font-weight:700;margin-bottom:18px}.contact-form label span{font-size:10px;color:white;background:var(--orange);padding:2px 5px;margin-left:8px}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:8px;border:1px solid #bbc0c9;background:#f7f8fa;padding:13px;font:inherit}.contact-form button{width:100%;border:0;background:var(--orange);color:white;padding:17px;font:inherit;font-weight:900;cursor:pointer;display:flex;justify-content:space-between}.form-note{font-size:11px;color:var(--muted);margin-bottom:0}footer{padding:40px;text-align:center;background:#0d1728;color:#9aa5b8}footer p{color:white;font-weight:800}.floating-cta{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header{height:66px;padding:0 16px}.brand-mark{width:36px;height:36px}.brand{font-size:10px}.brand b{font-size:13px}.header-cta{font-size:12px;padding:9px 11px;box-shadow:3px 3px 0 var(--navy)}.section-grid,.manga-row,.compare-grid,.trust-section,.contact-section{grid-template-columns:1fr}.hero{padding:48px 20px 70px;gap:40px}.hero-copy{text-align:center}.hero-points{justify-content:center}.primary-btn{margin:auto}.hero-art{max-width:560px;margin:auto}.hero-art img{max-height:none}.story-section,.compare-section,.flow-section{padding:75px 20px}.manga-row{gap:10px}.panel{min-height:310px}.compare-grid{gap:22px}.compare-card.featured{transform:none;order:-1}.trust-visual{min-height:480px;clip-path:none}.trust-copy{padding:70px 24px}.flow{grid-template-columns:1fr;gap:24px}.flow li:not(:last-child):after{content:"↓";right:calc(50% - 9px);top:auto;bottom:-28px}.contact-section{padding:70px 20px;gap:34px}.floating-cta{display:block;position:fixed;z-index:30;bottom:12px;left:12px;right:12px;text-align:center;background:var(--orange);color:white;padding:13px;font-weight:900;box-shadow:4px 4px 0 var(--navy)}.floating-cta span{font-size:10px;margin-right:8px;background:white;color:var(--orange);padding:3px 6px}body{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}