@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@600;700&display=swap";
:root{--navy:#082f49;--blue:#047c9d;--aqua:#10b7b5;--pale:#eefafa;--cream:#f8f7f2;--ink:#18313a;--muted:#61777e;--white:#fff;--line:#dce9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Noto Sans JP,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.nav{z-index:30;background:#fffffff5;border-bottom:1px solid #082f4914;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:var(--navy);letter-spacing:.08em;align-items:center;gap:11px;font-size:14px;font-weight:800;line-height:1.2;display:flex}.brand small{color:#6f858b;letter-spacing:.14em;margin-top:4px;font-size:10px;display:block}.brand-mark{background:var(--pale);width:39px;height:39px;color:var(--blue);border-radius:50%;place-items:center;display:grid}.nav-cta{background:var(--navy);color:#fff;border-radius:100px;align-items:center;gap:9px;padding:11px 20px;font-size:13px;font-weight:700;display:flex}.hero{align-items:center;min-height:720px;display:flex;position:relative;overflow:hidden}.hero-photo{background-image:url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=88);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#032636f0 0%,#032c3dc4 48%,#032c3d24 78%);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;width:min(1180px,90%);margin:auto;padding:88px 0;position:relative}.eyebrow,.kicker{letter-spacing:.14em;color:var(--aqua);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.hero h1{letter-spacing:.02em;margin:22px 0 18px;font-family:Noto Serif JP,serif;font-size:clamp(38px,4.5vw,65px);line-height:1.45}.hero h1 em{color:#81e6df;font-style:normal}.hero-lead{margin:0 0 24px;font-size:19px;line-height:1.9}.hero-points{flex-wrap:wrap;gap:20px;margin:0 0 30px;display:flex}.hero-points span{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.hero-points svg{color:#75e6dc;width:18px}.cta-wrap{flex-direction:column;align-items:center;display:inline-flex}.cta{color:#fff;background:linear-gradient(135deg,#12bfc0,#0685a7);border-radius:7px;justify-content:center;align-items:center;gap:15px;min-width:380px;padding:19px 32px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 14px 34px #047c9d47}.cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px #047c9d61}.cta-note{color:inherit;opacity:.78;margin:8px 0 0!important;font-size:11px!important}.proof-bar{z-index:5;background:#fff;border-radius:6px;grid-template-columns:repeat(3,1fr);max-width:980px;margin:-38px auto 0;display:grid;position:relative;box-shadow:0 20px 55px #09384621}.proof-bar div{text-align:center;padding:25px 15px}.proof-bar div+div{border-left:1px solid var(--line)}.proof-bar strong{color:var(--blue);font-family:Noto Serif JP,serif;font-size:28px;display:block}.proof-bar span{color:var(--muted);font-size:11px}.section{padding:120px 5vw}.section-inner{max-width:1120px;margin:auto}.split{grid-template-columns:1.06fr .94fr;align-items:center;gap:80px;display:grid}.kicker{margin:0 0 16px}.center{text-align:center;justify-content:center}.section h2,.results h2,.offer h2,.final-cta h2{color:var(--navy);margin:0 0 27px;font-family:Noto Serif JP,serif;font-size:clamp(30px,3.4vw,46px);line-height:1.5}.section p{color:var(--muted);font-size:15px}.quote{border-left:4px solid var(--aqua);color:var(--navy);margin-top:32px;padding:16px 0 16px 22px;font-family:Noto Serif JP,serif;font-size:21px;font-weight:700}.image-card{background-position:50%;background-size:cover;border-radius:140px 10px 10px;height:520px;position:relative;overflow:hidden}.problem-image{background-image:linear-gradient(#0000 50%,#032d3bd9),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=85)}.image-card span{color:#fff;font-family:Noto Serif JP,serif;font-size:23px;line-height:1.6;position:absolute;bottom:38px;left:38px}.mechanism{background:var(--cream)}.intro{text-align:center;max-width:760px;margin:0 auto 50px}.compare{grid-template-columns:1fr 70px 1fr;align-items:center;max-width:850px;margin:auto;display:grid}.compare>div{text-align:center;border-radius:7px;padding:36px}.compare span{letter-spacing:.15em;font-size:11px;font-weight:800}.compare h3{margin:10px 0;font-family:Noto Serif JP,serif;font-size:25px}.compare p{margin:0;font-size:13px}.compare-old{color:#758389;background:#fff;border:1px solid #ddd}.compare-new{background:var(--navy);color:#fff;box-shadow:0 18px 40px #082f4933}.compare-new h3,.compare-new p{color:#fff}.compare-new span{color:#7ce1dc}.compare-arrow{color:var(--aqua);justify-self:center}.solutions h2{margin-bottom:48px}.solution-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.solution-card{border:1px solid var(--line);background:#fff;padding:34px 30px 36px;transition:all .25s;position:relative}.solution-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #0746551a}.solution-num{color:#e6f2f1;font-family:serif;font-size:38px;font-weight:700;position:absolute;top:17px;right:20px}.icon{background:var(--pale);width:54px;height:54px;color:var(--blue);border-radius:50%;place-items:center;display:grid}.solution-card h3{color:var(--navy);margin:22px 0 10px;font-family:Noto Serif JP,serif;font-size:20px}.solution-card p{margin:0;font-size:13px}.results{background:var(--navy);color:#fff;padding:110px 5vw}.results h2{color:#fff;margin-bottom:0}.light{color:#77dfda}.results-head{grid-template-columns:1fr 1fr;align-items:end;gap:70px;display:grid}.results-head>p{color:#bad0d7;font-size:14px}.metrics{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.metrics>div{text-align:center;padding:45px 20px}.metrics>div+div{border-left:1px solid #ffffff2e}.metrics svg{color:#76dfda;margin:0 auto 14px;display:block}.metrics strong{color:#fff;font-family:Noto Serif JP,serif;font-size:52px;display:block}.metrics small{margin-left:3px;font-size:19px}.metrics span{color:#b8d0d6;font-size:12px}.data-note{text-align:right;color:#8eabb3;font-size:10px}.timeline{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:60px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);height:1px;position:absolute;top:67px;left:15%;right:15%}.timeline>div{text-align:center;position:relative}.timeline b{color:var(--aqua);letter-spacing:.18em;font-size:11px;display:block}.timeline span{background:var(--pale);width:74px;height:74px;color:var(--blue);z-index:2;border-radius:50%;place-items:center;margin:14px auto 22px;display:grid;position:relative}.timeline h3{color:var(--navy);font-family:Noto Serif JP,serif;font-size:19px}.timeline p{font-size:13px}.offer{color:#fff;text-align:center;background:linear-gradient(135deg,#0795aa,#10b9af);padding:100px 5vw}.offer-inner{max-width:780px;margin:auto}.offer h2{color:#fff}.offer-inner>p:not(.kicker){color:#dcfbf8}.offer-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 35px;display:flex}.offer-tags span{border:1px solid #ffffff80;border-radius:100px;padding:7px 15px;font-size:12px}.cta-dark{background:var(--navy);box-shadow:0 12px 30px #022c3a40}.narrow{max-width:850px}.faq-list{margin-top:45px}.faq-item{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);font:inherit;background:#fff;padding:0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{grid-template-columns:30px 1fr 24px;align-items:center;gap:12px;padding:23px 10px;font-weight:700;display:grid}.faq-q b,.faq-a b{color:var(--aqua);font-family:serif;font-size:20px}.faq-q svg{transition:all .2s}.faq-item.open .faq-q svg{transform:rotate(180deg)}.faq-a{background:var(--pale);color:var(--muted);grid-template-columns:30px 1fr;gap:12px;padding:22px 20px 25px;font-size:14px;display:grid}.final-cta{text-align:center;background:#eaf9f8;padding:110px 5vw;position:relative;overflow:hidden}.final-inner{z-index:2;position:relative}.final-cta .final-inner>p{color:var(--blue);letter-spacing:.08em;font-weight:700}.water-rings{border:1px solid #10b7b526;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.water-rings:before,.water-rings:after{content:"";border:1px solid #10b7b526;border-radius:50%;position:absolute;inset:80px}.water-rings:after{inset:170px}footer{background:#fff;justify-content:space-between;align-items:center;padding:35px 5vw;display:flex}footer p{color:#94a4a8;font-size:10px}.mobile{display:none}@media (max-width:760px){.nav{height:66px;padding:0 18px}.brand{font-size:11px}.brand-mark{width:34px;height:34px}.nav-cta{padding:10px;font-size:0}.nav-cta:before{content:"無料診断";font-size:11px}.hero{min-height:690px}.hero-content{width:88%;padding:64px 0}.hero-photo{background-position:62%}.hero-overlay{background:linear-gradient(90deg,#032636f0,#032c3dad)}.hero h1{font-size:34px;line-height:1.5}.hero-lead{font-size:15px}.hero-points{gap:7px 14px}.cta{width:100%;min-width:0;padding:17px 15px;font-size:14px}.cta-wrap{width:100%}.proof-bar{width:90%;margin:-30px auto 0}.proof-bar div{padding:18px 5px}.proof-bar strong{font-size:19px}.proof-bar span{font-size:9px}.section{padding:80px 6vw}.split,.results-head{grid-template-columns:1fr;gap:42px}.image-card{height:390px}.problem .image-card{order:-1}.section h2,.results h2,.offer h2,.final-cta h2{font-size:29px}.solution-grid,.metrics,.timeline{grid-template-columns:1fr}.solution-grid{gap:14px}.compare{grid-template-columns:1fr}.compare-arrow{margin:15px;transform:rotate(90deg)}.results{padding:80px 6vw}.metrics>div+div{border-top:1px solid #ffffff2e;border-left:0}.metrics strong{font-size:46px}.timeline{gap:35px}.timeline:before{display:none}.offer{padding:75px 6vw}.faq-q{font-size:14px}.final-cta{padding:85px 6vw}footer{text-align:center;flex-direction:column;gap:18px}.pc{display:none}.mobile{display:block}}
.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:#61777e;font-size:11px}.footer-links a:hover{color:#047c9d}@media (max-width:760px){.footer-links{gap:10px 18px}}.provider-line{text-align:center;color:#6d858b;margin:24px auto 0;padding:0 5vw;font-size:11px}.provider-line a{color:#047c9d;text-underline-offset:3px;text-decoration:underline}