﻿.lp{--red:#f44336;--blue:#135cc5;--yellow:#ffd62f;--green:#29b765;--ink:#101010;--paper:#fffdf8;--sky:#e9f6ff}.lp,.lp *{box-sizing:border-box}.lp{color:var(--ink);background:#f2f7fb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.65}.lp a{color:inherit;text-decoration:none}.lp .container{width:min(1120px,100% - 24px);margin:auto}.lp .comic{background:var(--paper);border:4px solid #111;box-shadow:8px 8px #111}.lp .halftone{background-image:radial-gradient(#111 1px,#0000 1px);background-size:8px 8px}.lp header{z-index:30;background:#fff;border-bottom:4px solid #111;position:sticky;top:0}.lp .nav{justify-content:space-between;align-items:center;height:66px;display:flex}.lp .logo{align-items:center;gap:8px;font-size:22px;font-weight:1000;display:flex}.lp .logo img{object-fit:contain;width:44px;height:44px}.lp .nav-btn{background:var(--yellow);border:3px solid #111;border-radius:9px;padding:8px 14px;font-weight:1000;box-shadow:4px 4px #111}.lp .hero{padding:24px 0 34px}.lp .burst{background:#fff;border:4px solid #111;border-radius:20px;padding:26px;position:relative;overflow:hidden}.lp .burst:before{content:"";background:repeating-conic-gradient(from 0deg,#f443362b 0 5deg,transparent 5deg 12deg);z-index:0;position:absolute;inset:-20px}.lp .hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:18px;display:grid;position:relative}.lp .tag{background:var(--yellow);border:3px solid #111;padding:5px 10px;font-weight:1000;display:inline-block;transform:rotate(-2deg)}.lp .hero h1{letter-spacing:-.05em;text-shadow:3px 3px #fff,5px 5px #111;margin:18px 0;font-size:clamp(42px,7vw,78px);font-weight:1000;line-height:1.02}.lp .hero h1 .red{color:var(--red)}.lp .hero h1 .blue{color:var(--blue)}.lp .bubble{background:#fff6bd;border:4px solid #111;border-radius:50% 45%;padding:15px 22px;font-size:22px;font-weight:1000;display:inline-block;position:relative}.lp .bubble:after{content:"";border:18px solid #0000;border-top-color:#111;position:absolute;bottom:-20px;right:18%;transform:rotate(-14deg)}.lp .bubble:before{content:"";z-index:2;border:15px solid #0000;border-top-color:#fff6bd;position:absolute;bottom:-13px;right:19%;transform:rotate(-14deg)}.lp .teacher{background:linear-gradient(#dff4ff 0 50%,#fff 50%);border:4px solid #111;min-height:430px;position:relative;overflow:hidden}.lp .board{background:#fff;border:4px solid #111;width:62%;padding:18px 16px;position:absolute;top:38px;left:18px;transform:rotate(-2deg)}.lp .board h3{margin:0 0 9px;font-size:24px}.lp .check{margin:7px 0;font-weight:900}.lp .check:before{content:"✓";color:var(--blue);margin-right:7px}.lp .teacher-figure{flex-direction:column;align-items:center;width:43%;display:flex;position:absolute;bottom:0;right:6px}.lp .teacher-figure img{width:100%;height:auto;display:block}.lp .teacher-name{background:var(--yellow);z-index:2;border:3px solid #111;margin-top:-18px;padding:4px 14px;font-size:20px;font-weight:1000;position:relative;transform:rotate(-2deg);box-shadow:3px 3px #111}.lp .teacher-sub{z-index:2;text-align:center;background:#fff;border:3px solid #111;margin-top:8px;padding:6px 10px;font-size:13px;font-weight:900;position:relative}.lp .btn{color:#fff;background:linear-gradient(#ff6056,#e92d23);border:4px solid #111;border-radius:16px;justify-content:center;align-items:center;width:auto;padding:15px 24px;font-size:20px;font-weight:1000;display:inline-flex;box-shadow:7px 7px #111}.lp .risk{color:#555;margin-top:14px;font-size:12px}.lp section{padding:38px 0}.lp .title{margin:0 0 16px;font-size:clamp(32px,5vw,52px);font-weight:1000;line-height:1.15}.lp .title .mark{background:linear-gradient(transparent 62%,var(--yellow) 0)}.lp .grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp .panel{background:#fff;border:4px solid #111;box-shadow:7px 7px #111}.lp .panel-head{color:#fff;border-bottom:4px solid #111;padding:10px 14px;font-size:24px;font-weight:1000}.lp .panel.red .panel-head{background:var(--red)}.lp .panel.blue .panel-head{background:var(--blue)}.lp .panel.green .panel-head{background:var(--green)}.lp .panel-body{min-height:210px;padding:18px}.lp .panel-icon{font-size:58px}.lp .bursttext{clip-path:polygon(4% 0,12% 8%,22% 1%,29% 9%,38% 1%,48% 8%,59% 0,68% 8%,78% 1%,86% 9%,96% 3%,91% 17%,100% 26%,92% 38%,99% 50%,91% 61%,98% 73%,88% 81%,94% 96%,80% 90%,69% 99%,59% 92%,47% 100%,38% 92%,26% 99%,17% 90%,3% 96%,8% 80%,0 72%,8% 60%,0 49%,8% 38%,1% 25%,9% 17%);background:#fff;border:3px solid #111;margin-top:15px;padding:12px;font-weight:900}.lp .lesson{padding:24px}.lp .lesson h3{margin:0;font-size:28px}.lp .highlight{background:var(--yellow);padding:0 4px}.lp .formula{border:4px dashed var(--blue);background:#eef6ff;margin:16px 0;padding:14px;font-size:19px;font-weight:1000}.lp .steps{counter-reset:s}.lp .step{padding:20px;position:relative}.lp .step:before{counter-increment:s;content:"STEP " counter(s);background:var(--yellow);border:3px solid #111;padding:3px 8px;font-weight:1000;display:inline-block;transform:rotate(-2deg)}.lp .step h3{margin:11px 0 5px;font-size:24px}.lp .company{padding:22px}.lp .company dl{grid-template-columns:165px 1fr;margin:0;display:grid}.lp .company dt,.lp .company dd{border-bottom:2px dashed #111;padding:10px}.lp .company dt{font-weight:1000}.lp .company dd{margin:0}.lp .faq details{background:#fff;border:4px solid #111;margin:10px 0;padding:14px 16px;box-shadow:4px 4px #111}.lp .faq summary{cursor:pointer;font-weight:1000}.lp .faq p{margin-bottom:0}.lp .cta{text-align:center;background:linear-gradient(135deg,#fff 0 50%,#fff6c9 50%);border-top:4px solid #111;border-bottom:4px solid #111;padding:36px 0}.lp .cta .btn{min-width:min(440px,100%)}.lp footer{color:#fff;background:#0b2f69;padding:24px 0}.lp .links{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.lp .small{opacity:.78;font-size:12px}.lp .fab{z-index:40;color:#fff;white-space:nowrap;background:linear-gradient(#ff6056,#e92d23);border:4px solid #111;border-radius:16px;justify-content:center;align-items:center;padding:16px 42px;font-size:20px;font-weight:1000;animation:1.6s ease-in-out infinite lp-pulse;display:inline-flex;position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:7px 7px #111}.lp .fab:after{content:"";background:linear-gradient(105deg,#0000,#ffffffd9,#0000);width:38%;animation:2.2s linear infinite lp-shine;position:absolute;top:-40%;bottom:-40%;left:-30%;transform:skew(-20deg)}@keyframes lp-shine{0%{left:-40%}to{left:130%}}@keyframes lp-pulse{0%,to{transform:translate(-50%)scale(1);box-shadow:7px 7px #111}50%{transform:translate(-50%)scale(1.04);box-shadow:9px 9px #111}}@media (width<=820px){.lp .hero-grid,.lp .grid3,.lp .company dl{grid-template-columns:1fr}.lp .company dt{border-bottom:0;padding-bottom:0}.lp .company dd{padding-top:3px}}@media (width<=560px){.lp .container{width:min(100% - 18px,1120px)}.lp .burst{padding:16px}.lp .teacher{min-height:390px}.lp .board{width:68%;padding:13px}.lp .board h3{font-size:19px}.lp .teacher-figure{width:46%}.lp .hero h1{text-shadow:2px 2px #fff,4px 4px #111}.lp .bubble,.lp .nav .logo{font-size:18px}.lp .nav-btn{font-size:12px}.lp .panel-body{min-height:auto}.lp .fab{padding:14px 28px;font-size:17px}}
