:root{--orange:#ff8a3d;--orange-dark:#d96a22;--yellow:#ffd43b;--sky:#4fc3f7;--mint:#5be3a6;--pink:#ff7eb6;--red:#ff6b6b;--ink:#2b2d42;--ink-soft:#5f627a;--bg:#fff8ea;--card:#fff;--radius:18px;--radius-sm:12px;--shadow:4px 4px 0 var(--ink);--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;--container:1080px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,#2b2d4214 1px,#0000 0);background-size:24px 24px;margin:0;font-weight:500;line-height:1.75;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{margin:0;font-weight:800;line-height:1.3}p,ul,ol{margin:0}.container{width:min(100% - 32px, var(--container));margin-inline:auto}.section{padding:64px 0}@media (width>=768px){.section{padding:96px 0}}.section__head{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px;display:flex}.section__title{font-size:clamp(1.6rem,4.5vw,2.4rem)}.section__lead{color:var(--ink-soft);max-width:600px}.eyebrow{letter-spacing:.1em;color:var(--orange-dark);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.btn{border:3px solid var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:1.05rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn--primary{background:var(--orange);color:#fff;box-shadow:0 6px 0 var(--ink)}.btn--primary:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn--primary:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.btn--sm{box-shadow:0 4px 0 var(--ink);padding:10px 16px;font-size:.9rem}.btn--lg{padding:18px 36px;font-size:1.15rem}.btn--white{color:var(--orange-dark);background:#fff}.site-header{z-index:50;backdrop-filter:blur(8px);border-bottom:3px solid var(--ink);background:#fff8eaeb;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.logo__mark{border:2px solid var(--ink);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;width:30px;height:30px;padding:3px;display:grid}.logo__mark span{border-radius:3px}.logo__mark span:first-child{background:var(--red)}.logo__mark span:nth-child(2){background:var(--yellow)}.logo__mark span:nth-child(3){background:var(--sky)}.logo__mark span:nth-child(4){background:var(--mint)}.site-nav{gap:24px;font-weight:700;display:none}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--orange-dark)}@media (width>=768px){.site-nav{display:flex}}.hero{padding:48px 0 40px;overflow:hidden}.hero__grid{align-items:center;gap:40px;display:grid}@media (width>=900px){.hero{padding:80px 0 72px}.hero__grid{grid-template-columns:1.1fr 1fr}}.hero__title{letter-spacing:.02em;margin-top:16px;font-size:clamp(2.2rem,8vw,3.6rem)}.hero__title em{color:var(--orange-dark);background:linear-gradient(transparent 62%, var(--yellow) 62%);font-style:normal}.hero__lead{color:var(--ink-soft);max-width:520px;margin-top:20px;font-size:1.05rem}.hero__cta{flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px;display:flex}.hero__note{color:var(--ink-soft);font-size:.85rem}.hero__visual{justify-content:center;display:flex}.phone{background:var(--ink);border-radius:36px;width:min(100%,320px);padding:12px;transform:rotate(-2deg);box-shadow:8px 8px #2b2d4240}.phone__screen{background:linear-gradient(#e0f7ff 0%,#fff8ea 100%);border-radius:26px;flex-direction:column;gap:16px;min-height:520px;padding:18px 14px;display:flex}.quest{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:12px}.quest__head{align-items:center;gap:10px;line-height:1.3;display:flex}.quest__icon{font-size:1.6rem}.quest__title{font-weight:800}.quest__meta{color:var(--ink-soft);font-size:.75rem}.pt{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.85rem;font-weight:800}.quest__photos{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.photo{aspect-ratio:4/3;border:2px dashed var(--ink);border-radius:10px;align-items:flex-end;padding:6px;font-size:.7rem;font-weight:800;display:flex}.photo--before{background:repeating-linear-gradient(45deg,#f1e2c6 0 8px,#e6d2ad 8px 16px)}.photo--after{background:#e6fff4}.quest__result{background:var(--mint);border:2px solid var(--ink);text-align:center;border-radius:10px;margin-top:10px;padding:6px 10px;font-size:.85rem;font-weight:800}.phone .block-house{width:72%;margin:auto}.block-house .float{animation:2.4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.block-house .float{animation:none}}.cards{gap:20px;display:grid}@media (width>=640px){.cards--2,.cards--3{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.cards--3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card__icon{font-size:2.2rem;line-height:1}.card__title{margin-top:12px;font-size:1.15rem}.card__text{color:var(--ink-soft);margin-top:8px;font-size:.95rem}.card--tint-1{background:#fff1e6}.card--tint-2{background:#e8f7ff}.steps{gap:28px 20px;display:grid}@media (width>=640px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.steps{grid-template-columns:repeat(4,1fr)}}.step{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px 20px 20px;position:relative}.step__num{background:var(--orange);color:#fff;border:3px solid var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid;position:absolute;top:-18px;left:16px}.step__icon{font-size:2rem;line-height:1}.step__title{margin-top:10px;font-size:1.1rem}.step__text{color:var(--ink-soft);margin-top:6px;font-size:.95rem}.faq{gap:14px;max-width:760px;margin-inline:auto;display:grid}.faq details{border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#fff}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 20px;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--orange-dark);font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq__body{color:var(--ink-soft);padding:0 20px 16px}.cta{background:var(--orange);border-block:3px solid var(--ink);color:#fff;text-align:center}.cta__title{font-size:clamp(1.6rem,5vw,2.4rem)}.cta__lead{margin-top:12px;max-width:560px;margin-inline:auto}.cta__btn{margin-top:28px}.cta__note{opacity:.9;margin-top:14px;font-size:.85rem}.site-footer{text-align:center;color:var(--ink-soft);padding:40px 0 110px;font-size:.9rem}@media (width>=768px){.site-footer{padding-bottom:40px}}.site-footer__links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.site-footer__copy{margin-top:12px}.sticky-cta{z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:3px solid var(--ink);backdrop-filter:blur(8px);background:#fff8eaf2;position:fixed;bottom:0;left:0;right:0}.sticky-cta .btn{width:100%}@media (width>=768px){.sticky-cta{display:none}}.legal{max-width:760px;margin-inline:auto;padding:48px 0 80px}.legal h1{font-size:clamp(1.6rem,5vw,2.2rem)}.legal .updated{color:var(--ink-soft);margin-top:8px;font-size:.9rem}.legal h2{border-left:6px solid var(--orange);margin-top:36px;padding-left:12px;font-size:1.2rem}.legal p,.legal li{color:var(--ink-soft);margin-top:10px}.legal ul,.legal ol{padding-left:1.4em}.legal .notice{border:2px dashed var(--orange-dark);border-radius:var(--radius-sm);color:var(--orange-dark);background:#fff1e6;margin-top:20px;padding:12px 16px;font-weight:700}
