:root{--ink:#102334;--muted:#566877;--blue:#075ca8;--blue2:#0b75cf;--cyan:#33c3d9;--line:#d9e4ea;--pale:#eef7fb;--navy:#071f35;--white:#fff;--shadow:0 24px 65px rgba(7,31,53,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit}h1,h2,h3,p{margin-top:0}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #e7eef2;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{text-decoration:none;font-weight:800;letter-spacing:.04em;color:var(--blue)}nav{display:flex;gap:28px}nav a{text-decoration:none;font-weight:700;font-size:.9rem}.hero{min-height:690px;padding:84px max(6vw,28px);display:grid;grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr);gap:7vw;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(51,195,217,.16),transparent 28%),linear-gradient(135deg,#fff 0%,#f4fafc 72%,#e7f5f9 100%)}.hero-copy{max-width:760px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--blue2);text-transform:uppercase;margin-bottom:14px}.hero h1{font-size:clamp(2.35rem,4.5vw,4.4rem);line-height:1.22;letter-spacing:-.045em;margin-bottom:24px}.hero h1 span{color:var(--blue)}.lead{font-size:1.13rem;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;margin:34px 0 26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:6px;text-decoration:none;font-weight:800}.primary{background:linear-gradient(120deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 30px rgba(7,92,168,.25)}.secondary{border:1px solid #bfd0db;background:#fff}.hero-points{display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:0;list-style:none;font-size:.9rem;font-weight:700}.hero-points li:before{content:"✓";color:var(--blue2);margin-right:7px}.system-card{background:var(--navy);color:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.system-card:after{content:"";position:absolute;width:170px;height:170px;border:30px solid rgba(51,195,217,.07);border-radius:50%;right:-65px;top:-60px}.card-label{font-size:.7rem;letter-spacing:.17em;color:#79dce9;font-weight:800}.pipeline{position:relative;z-index:1}.pipeline div{position:relative;padding:15px 10px 15px 56px;border-bottom:1px solid rgba(255,255,255,.12)}.pipeline span{position:absolute;left:0;color:#6dd6e5;font-weight:800}.pipeline strong,.pipeline small{display:block}.pipeline small{color:#a9bdca}.status{margin:24px 0 0;font-size:.85rem;color:#bcd0db}.status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#48d68b;box-shadow:0 0 0 5px rgba(72,214,139,.12);margin-right:10px}.section-pad{padding:104px max(7vw,28px)}.section-heading{max-width:760px;margin-bottom:52px}.section-heading h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.4;letter-spacing:-.03em;margin-bottom:14px}.section-heading>p:last-child{color:var(--muted)}.problem-grid,.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problem-grid article{padding:30px;border-top:3px solid var(--blue);background:#fff;box-shadow:0 16px 42px rgba(16,35,52,.08)}.problem-grid b{font-size:.78rem;color:var(--blue2);letter-spacing:.1em}.problem-grid h3{margin:13px 0 8px}.problem-grid p,.target-grid p{color:var(--muted);margin:0}.features{background:var(--navy);color:#fff}.section-heading.light .eyebrow{color:#65d1df}.section-heading.light>p:last-child{color:#bed0db}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.feature-list article{background:var(--navy);padding:34px}.feature-list span{font-size:.7rem;color:#66d0df;letter-spacing:.12em;font-weight:800}.feature-list h3{margin:10px 0}.feature-list p{color:#b7cad6;margin:0}.flow{background:var(--pale)}.flow-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flow-list li{background:#fff;border:1px solid var(--line);padding:28px;position:relative}.flow-list li:not(:last-child):after{content:"→";position:absolute;right:-17px;top:48%;z-index:2;color:var(--blue);font-size:1.4rem}.flow-list span{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;border-radius:50%;font-weight:800;margin-bottom:18px}.flow-list strong{font-size:1.05rem}.flow-list p{font-size:.92rem;color:var(--muted);margin:6px 0 0}.target-grid article{padding:36px;border:1px solid var(--line);border-radius:10px}.service-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--pale);color:var(--blue);font-weight:900;font-size:1.2rem;border-radius:8px;margin-bottom:20px}.delivery{background:#f7fafb}.delivery-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}.check-list{padding:0;list-style:none;columns:2;column-gap:35px;margin:0}.check-list li{break-inside:avoid;padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue2);font-weight:900}.requirements{background:#fff;border-left:4px solid var(--cyan);padding:28px 32px;box-shadow:0 16px 35px rgba(16,35,52,.07)}.requirements ul{padding-left:20px}.requirements p{font-size:.84rem;color:var(--muted);margin-bottom:0}.fit{display:grid;grid-template-columns:1fr 1fr;gap:28px}.fit-card{padding:38px;border-radius:12px}.fit-card h2{font-size:1.4rem}.fit-card ul{padding-left:22px;margin-bottom:0}.good{background:#eaf7f9;border:1px solid #bde5ea}.caution{background:#fff7e8;border:1px solid #f1dcae}.purchase{background:linear-gradient(135deg,var(--navy),#0b3d61);color:#fff}.purchase-card{max-width:700px;margin:auto;text-align:center}.purchase .eyebrow{color:#73d8e5}.purchase h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.4}.price{margin:28px 0 8px}.price>span{display:block;font-size:.85rem;color:#bcd0db}.price strong{font-size:4rem;line-height:1.2}.price small{font-size:1rem;margin-left:6px}.price-note,.secure{color:#bcd0db;font-size:.87rem}.purchase .button{margin:28px 0 14px;width:min(100%,440px)}.disabled{opacity:.82;cursor:not-allowed}.faq{max-width:1100px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 4px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq details p{margin:15px 0 0;color:var(--muted)}footer{padding:45px max(7vw,28px);background:#061725;color:#9bb0bd;text-align:center;font-size:.84rem}footer>p{color:#fff;font-weight:700}footer div{display:flex;gap:22px;justify-content:center;margin-bottom:18px;flex-wrap:wrap}footer small{display:block;max-width:850px;margin:auto}
.demo{background:#eef7fb}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-grid article{display:flex;flex-direction:column;padding:34px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px rgba(16,35,52,.07)}.demo-number{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;margin-bottom:18px}.demo-grid h3{font-size:1.25rem;margin-bottom:10px}.demo-grid p{color:var(--muted)}.demo-grid ul{padding-left:21px;margin:0 0 26px}.demo-grid li{margin:5px 0}.demo-button{margin-top:auto;border:1px solid var(--blue);color:var(--blue);background:#fff;box-shadow:none}.demo-button:hover{background:var(--blue);color:#fff}.demo-note{margin-top:28px;padding:24px 28px;background:#dff1f5;border-left:4px solid var(--cyan)}.demo-note p{margin:5px 0 0;color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.system-card{max-width:650px}.problem-grid,.feature-list,.target-grid,.demo-grid{grid-template-columns:1fr 1fr}.flow-list{grid-template-columns:1fr 1fr}.flow-list li:nth-child(2):after{display:none}.delivery-layout{grid-template-columns:1fr}.fit{grid-template-columns:1fr}}
@media(max-width:620px){body{font-size:16px}.site-header{height:64px}.site-header nav{display:none}.hero{min-height:auto;padding:56px 22px 70px}.hero h1{font-size:2.35rem}.hero-actions{display:grid}.hero-points{display:grid;gap:7px}.system-card{padding:24px}.section-pad{padding:76px 22px}.problem-grid,.feature-list,.target-grid,.demo-grid,.flow-list{grid-template-columns:1fr}.flow-list li:after{display:none}.check-list{columns:1}.fit{padding-top:76px}.price strong{font-size:3.25rem}}
.launch-price{max-width:590px;margin:24px auto 12px;padding:18px 22px;border:1px solid rgba(115,216,229,.5);background:rgba(51,195,217,.09);color:#e9fbfd;border-radius:8px;font-size:.94rem}.launch-price strong{color:#78dfeb}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.urgency-strip{display:flex;align-items:center;gap:14px;margin:26px 0 0;padding:14px 18px;border-left:5px solid #ef9b17;background:#fff6df;box-shadow:0 10px 26px rgba(16,35,52,.08)}.urgency-strip strong{flex:0 0 auto;color:#9a5200;font-size:1.02rem}.urgency-strip span{color:#684c27;font-size:.88rem;line-height:1.55}.sales-promise{background:#fff}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.compare-grid article{position:relative;padding:28px 28px 72px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f4fafd);box-shadow:0 14px 34px rgba(16,35,52,.07)}.compare-grid span{font-size:.72rem;font-weight:800;color:#8a6670;letter-spacing:.12em}.compare-grid h3{margin:9px 0 8px}.compare-grid p{color:var(--muted)}.compare-grid strong{position:absolute;left:28px;right:28px;bottom:24px;padding-top:13px;border-top:1px solid var(--line);color:var(--blue);font-size:1.05rem}.compare-grid strong:before{content:"→ ";color:var(--cyan)}.truth-note{margin-top:28px;padding:25px 28px;border-radius:12px;background:var(--navy);color:#fff}.truth-note strong{font-size:1.12rem}.truth-note p{margin:6px 0 0;color:#bcd0db;font-size:.9rem}.section-cta{max-width:840px;margin:38px auto 0;padding:32px;text-align:center;background:#fff;border:2px solid #bcdde8;border-radius:14px;box-shadow:0 16px 38px rgba(16,35,52,.08)}.section-cta strong{font-size:1.2rem}.section-cta p{color:var(--muted);margin:8px 0 20px}.purchase-lead{max-width:590px;margin:0 auto;color:#d8e6ee}.purchase-card{position:relative}.purchase-card:before{content:"3サイト・設置代行・マニュアル込み";display:inline-block;margin-bottom:18px;padding:6px 14px;border:1px solid rgba(115,216,229,.5);border-radius:999px;color:#9ce7ef;font-size:.76rem;font-weight:800}
@media(max-width:900px){.compare-grid{grid-template-columns:1fr}.urgency-strip{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:620px){.urgency-strip{margin-top:22px}.section-cta{padding:25px 20px}.section-cta .button{padding:0 16px;width:100%}.truth-note{padding:22px}.compare-grid article{padding:24px 24px 68px}}