:root{--ink:#10211d;--green:#0b6b55;--green2:#0e8b69;--mint:#dff6eb;--mint2:#f1fbf6;--lime:#d7ff58;--yellow:#ffd847;--cream:#fff8df;--blue:#dff5ff;--white:#fff;--line:#dbe8e2;--muted:#60716a;--max:1240px;--shadow:0 28px 80px rgba(17,64,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP",sans-serif;color:var(--ink);background:#fff;line-height:1.75;letter-spacing:.01em}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.kicker{margin:0 0 20px;font:800 12px/1 Inter,sans-serif;letter-spacing:.18em;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6vw,92px);line-height:1.06;letter-spacing:-.055em;margin-bottom:30px;font-weight:800}h1 span{color:var(--green)}h2{font-size:clamp(40px,4.4vw,68px);line-height:1.18;letter-spacing:-.04em;margin-bottom:24px;font-weight:800}h3{font-size:24px;line-height:1.35;letter-spacing:-.02em}.lead{font-size:20px;max-width:580px;color:#30413b}.split-heading{display:grid;grid-template-columns:180px 1.2fr .8fr;gap:48px;align-items:start;margin-bottom:76px}.split-heading .kicker{padding-top:14px}.split-heading p:last-child{color:var(--muted);font-size:17px}.section{padding:150px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(11,107,85,.22)}.btn-secondary{background:#fff;border-color:#b8ccc4;color:var(--green)}.btn-light{background:#fff;color:var(--green)}.btn-outline-light{border-color:rgba(255,255,255,.65);color:#fff}.btn-small{min-height:44px;padding:0 18px;font-size:13px}.button-row{display:flex;gap:14px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,33,29,.06)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font:800 18px/1 Inter,sans-serif}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff}.desktop-nav{display:flex;gap:32px;font-size:14px;font-weight:700}.desktop-nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:12px}.menu-button{display:none;border:0;background:transparent;font-size:28px}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;padding:84px 0 92px;background:linear-gradient(180deg,#f7fff9 0%,#fff 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.hero-orb-a{width:440px;height:440px;background:var(--lime);opacity:.25;right:-120px;top:-180px}.hero-orb-b{width:260px;height:260px;background:var(--blue);left:-80px;bottom:-100px}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.hero-copy{padding:42px 0}.hero-note{font-size:13px;color:var(--muted);margin-top:22px}.hero-stage{position:relative;min-height:670px}.hero-photo{position:absolute;right:0;top:0;width:74%;height:100%;border-radius:48% 48% 34% 34%/22% 22% 18% 18%;overflow:hidden;background:var(--cream)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.18)}.chat-window{background:#fff;border:1px solid rgba(16,33,29,.09);box-shadow:var(--shadow)}.chat-window-main{position:absolute;left:0;top:96px;width:330px;border-radius:28px;padding:22px;transform:rotate(-2deg)}.chat-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.chat-head small{display:block;color:var(--muted);font-size:11px}.msg{padding:13px 15px;border-radius:16px;margin-top:14px;font-size:14px;max-width:88%}.incoming{background:#f2f5f4}.outgoing{background:#dff5e9;margin-left:auto}.booking-chip{margin-top:14px;border-radius:12px;padding:11px;text-align:center;background:var(--green);color:#fff;font-weight:800;font-size:13px}.floating-chip{position:absolute;background:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 16px 44px rgba(17,64,53,.13);font-size:13px;font-weight:800;color:var(--green)}.chip-a{left:20px;bottom:54px}.chip-b{right:22px;bottom:126px}.chip-c{right:160px;top:20px}
.statement-band{background:var(--green);color:#fff;padding:118px 0 98px;position:relative;overflow:hidden}.statement-band:after{content:"";position:absolute;right:-120px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:80px solid rgba(255,255,255,.07)}.statement-band .kicker{color:#b7f1dc}.statement-band h2{max-width:880px}.statement-lead{font-size:20px;color:#d8f0e8}.service-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.service-tags span{padding:11px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;font-size:14px}
.loss-section{background:#fff}.journey-strip{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:stretch}.journey-strip article{padding:38px 34px;border-radius:30px;background:#f8faf9;min-height:340px}.step-no{font:800 13px/1 Inter,sans-serif;color:var(--green)}.journey-art{height:150px;position:relative;margin:22px 0}.journey-line{height:1px;background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 16px);align-self:center}.screen,.phone-mini,.door{position:absolute;display:block;border:3px solid var(--green);background:#fff}.screen{width:116px;height:82px;border-radius:12px;left:18px;top:30px}.screen:after{content:"";position:absolute;width:42px;height:4px;background:var(--green);bottom:-14px;left:34px}.dot{position:absolute;width:68px;height:68px;border-radius:50%;background:var(--yellow);right:28px;top:10px}.phone-mini{width:68px;height:116px;border-radius:16px;left:42px;top:18px}.question{position:absolute;font:800 58px/1 Inter,sans-serif;color:var(--green);right:28px;top:38px}.door{width:82px;height:126px;border-radius:8px 8px 0 0;left:30px;top:10px}.arrow-out{position:absolute;font-size:72px;color:var(--green);right:20px;top:34px}.journey-strip h3{margin-bottom:8px}.journey-strip p{color:var(--muted);font-size:15px}
.solution-section{background:var(--cream)}.solution-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.solution-copy p{font-size:17px;color:var(--muted)}.solution-copy blockquote{margin:36px 0 0;padding:0 0 0 22px;border-left:4px solid var(--yellow);font-size:18px;font-weight:800;color:var(--green)}.product-board{background:#fff;border-radius:36px;padding:20px;box-shadow:var(--shadow);transform:rotate(1deg)}.browser-bar{height:46px;border-radius:20px 20px 0 0;background:#edf3f0;display:flex;align-items:center;gap:8px;padding:0 18px}.browser-bar span{width:9px;height:9px;border-radius:50%;background:#b6c7c0}.browser-bar strong{font:600 11px/1 Inter,sans-serif;color:#70817a;margin-left:12px}.product-content{min-height:410px;background:linear-gradient(135deg,#eafff4 0%,#fff 54%,#fef7db 100%);border-radius:0 0 22px 22px;padding:44px;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}.product-copy small{font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;color:var(--green)}.product-copy h3{font-size:34px;margin:18px 0}.product-copy button{border:0;border-radius:12px;padding:14px 18px;background:var(--green);color:#fff;font-weight:800}.phone-mock{justify-self:end;width:230px;height:420px;background:#0f2822;border-radius:34px;padding:13px;box-shadow:0 20px 40px rgba(0,0,0,.18)}.phone-notch{width:90px;height:18px;background:#0a1815;border-radius:0 0 14px 14px;margin:-13px auto 0}.phone-screen{height:100%;background:#f6faf8;border-radius:24px;padding:20px 14px}.screen-header{font-weight:800;color:var(--green);margin:10px 0 24px}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.benefit-row span{padding:14px;border-radius:14px;background:#f4f8f6;text-align:center;font-weight:800;color:var(--green)}
.service-section{background:#fff}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:90px 150px 1fr;gap:34px;align-items:center;padding:54px 0;border-bottom:1px solid var(--line)}.service-no{font:800 36px/1 Inter,sans-serif;color:var(--green)}.service-icon{width:116px;height:116px;border-radius:32px;background:var(--mint2);position:relative}.service-list h3{font-size:30px;margin-bottom:8px}.service-list p{color:var(--muted);font-size:17px;margin:0}.service-icon:before,.service-icon:after{content:"";position:absolute}.icon-phone:before{width:36px;height:62px;border:4px solid var(--green);border-radius:10px;left:38px;top:24px}.icon-chat:before{width:60px;height:42px;border:4px solid var(--green);border-radius:14px;left:28px;top:30px}.icon-chat:after{width:16px;height:16px;border-left:4px solid var(--green);border-bottom:4px solid var(--green);transform:skew(-20deg);left:36px;top:66px}.icon-book:before{width:62px;height:50px;border:4px solid var(--green);border-radius:8px;left:27px;top:30px;box-shadow:inset 30px 0 0 rgba(11,107,85,.05)}.icon-route:before{width:62px;height:4px;background:var(--green);left:27px;top:56px;box-shadow:0 -22px 0 var(--green),0 22px 0 var(--green)}.icon-route:after{width:12px;height:12px;border-radius:50%;background:var(--green);left:25px;top:30px;box-shadow:50px 22px 0 var(--green),18px 44px 0 var(--green)}.icon-button:before{width:66px;height:46px;border:4px solid var(--green);border-radius:10px;left:25px;top:32px}.icon-button:after{width:18px;height:24px;border:4px solid var(--green);border-radius:10px 10px 14px 14px;left:52px;top:47px;transform:rotate(-12deg)}
.compare-section{background:#eff8f3}.compare-board{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch}.compare-board article{padding:56px;border-radius:34px}.compare-board .before{background:#fff}.compare-board .after{background:var(--green);color:#fff}.compare-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.compare-head span{font:800 11px/1 Inter,sans-serif;letter-spacing:.14em}.compare-head strong{font-size:22px}.compare-board ul{list-style:none;padding:0;margin:0}.compare-board li{font-size:18px;padding:14px 0;border-bottom:1px solid rgba(96,113,106,.18)}.compare-board .after li{border-color:rgba(255,255,255,.2)}.compare-board li:before{content:"×";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef1f0;margin-right:12px;font-weight:800;color:#6d7773}.compare-board .after li:before{content:"✓";background:var(--lime);color:var(--green)}.compare-center{display:grid;place-items:center}.compare-center span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--yellow);font-size:34px;color:var(--green);font-weight:800}
.price-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pricing-grid article{border:1px solid var(--line);border-radius:30px;padding:44px;background:#fff}.pricing-grid .featured{background:var(--mint2);border-color:#9dd9c1}.plan-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.plan-top span{font-weight:800}.plan-top strong{font:800 52px/1 Inter,sans-serif;color:var(--green)}.plan-top small{font-size:15px;margin-left:5px}.pricing-grid p{color:var(--muted)}.pricing-grid details{margin-top:24px}.pricing-grid summary{cursor:pointer;font-weight:800;color:var(--green)}.pricing-grid ul{list-style:none;padding:12px 0 0;margin:0}.pricing-grid li{padding:7px 0}.pricing-grid li:before{content:"✓";color:var(--green);font-weight:800;margin-right:10px}.price-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:34px;padding:28px 32px;border-radius:22px;background:#f6f8f7}.price-bottom p{margin:0;color:var(--muted);max-width:780px}
.flow-section{background:var(--cream)}.flow-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.flow-timeline:before{content:"";position:absolute;top:39px;left:10%;right:10%;height:2px;background:#d9c98b}.flow-timeline li{position:relative;text-align:center;padding:0 18px}.flow-timeline li>span{position:relative;z-index:2;display:grid;place-items:center;width:78px;height:78px;margin:0 auto 26px;border-radius:50%;background:#fff;border:2px solid #eadc9f;color:var(--green);font:800 18px/1 Inter,sans-serif}.flow-timeline h3{font-size:20px}.flow-timeline p{font-size:14px;color:var(--muted)}
.vision-section{background:#fff}.vision-panel{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:40px;overflow:hidden;background:var(--green);color:#fff}.vision-copy{padding:74px}.vision-copy .kicker{color:#baf2dd}.vision-copy p:last-child{color:#d4ece4}.keyword-row{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.keyword-row span{padding:11px 16px;border-radius:999px;background:var(--lime);color:var(--green);font-weight:800}.vision-photo{min-height:520px}.vision-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.35)}
.articles-section{background:#f8faf9}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.articles article{background:#fff;border-radius:26px;padding:16px 16px 24px;border:1px solid var(--line);transition:.2s}.articles article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-thumb{height:240px;border-radius:18px;margin-bottom:20px;background-size:cover;background-position:center}.photo-one{background-image:url('assets/hero.jpg');background-position:35% 45%}.photo-two{background:linear-gradient(135deg,#dff5ff,#dff6eb);position:relative}.photo-two:after{content:"01 02 03";position:absolute;inset:0;display:grid;place-items:center;font:800 46px/1 Inter,sans-serif;letter-spacing:.16em;color:var(--green)}.photo-three{background:linear-gradient(135deg,#fff4c8,#dff6eb);position:relative}.photo-three:after{content:"CHAT → BOOKING";position:absolute;inset:0;display:grid;place-items:center;font:800 20px/1 Inter,sans-serif;letter-spacing:.08em;color:var(--green)}.articles span{font-size:12px;color:var(--green);font-weight:800}.articles h3{font-size:21px;margin:8px 0}.articles p{font-size:14px;color:var(--muted)}.journal-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font-weight:800;color:var(--green)}.journal-link span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff}
.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-title{position:sticky;top:120px;align-self:start}.faq-title p:last-child{color:var(--muted)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:28px 4px;font-size:18px;font-weight:800}.faq p{padding:0 4px 26px;color:var(--muted)}
.cta{padding:110px 0;background:var(--green);color:#fff}.cta .kicker{color:#baf2dd}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:70px}.cta-inner>div:first-child{max-width:760px}.cta-inner h2{font-size:clamp(42px,4.5vw,68px)}footer{background:#0c332a;color:#fff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1000px){.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{display:none;padding:18px 28px;background:#fff;border-top:1px solid var(--line)}.mobile-nav.open{display:grid;gap:14px}.hero-grid,.solution-panel,.vision-panel,.faq-layout{grid-template-columns:1fr}.hero-stage{min-height:610px}.split-heading{grid-template-columns:1fr;gap:16px}.split-heading .kicker{padding-top:0}.journey-strip{grid-template-columns:1fr}.journey-line{height:60px;width:1px;justify-self:center;background:repeating-linear-gradient(180deg,var(--green) 0 8px,transparent 8px 16px)}.product-board{transform:none}.service-list article{grid-template-columns:70px 120px 1fr}.compare-board{grid-template-columns:1fr}.compare-center{height:90px}.compare-center span{transform:rotate(90deg)}.flow-timeline{grid-template-columns:1fr 1fr;gap:28px}.flow-timeline:before{display:none}.vision-photo{min-height:420px}.faq-title{position:static}.cta-inner{display:block}.cta .button-row{margin-top:30px}}
@media (max-width:680px){.container{width:min(calc(100% - 36px),var(--max))}.section{padding:96px 0}.header-inner{height:68px}.header-actions .btn{display:none}h1{font-size:48px}h2{font-size:37px}.hero{padding:46px 0 74px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{padding:0}.lead{font-size:17px}.button-row{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-stage{min-height:500px}.hero-photo{position:absolute;right:0;width:92%;height:100%;border-radius:34px}.chat-window-main{left:0;top:190px;width:240px;padding:16px}.floating-chip{font-size:11px;padding:9px 12px}.chip-a{left:0;bottom:24px}.chip-b{right:0;bottom:76px}.chip-c{right:10px;top:8px}.statement-band{padding:86px 0}.service-tags{display:grid;grid-template-columns:1fr 1fr}.journey-strip article{min-height:auto}.product-content{grid-template-columns:1fr;padding:28px}.phone-mock{justify-self:center;width:210px;height:380px}.benefit-row{grid-template-columns:1fr}.service-list article{grid-template-columns:46px 74px 1fr;gap:16px;padding:34px 0}.service-no{font-size:24px}.service-icon{width:70px;height:70px;border-radius:20px}.service-list h3{font-size:20px}.service-list p{font-size:14px}.service-icon:before,.service-icon:after{transform:scale(.62);transform-origin:center}.icon-phone:before{left:17px;top:5px}.icon-chat:before{left:6px;top:8px}.icon-chat:after{left:12px;top:43px}.icon-book:before{left:4px;top:8px}.icon-route:before{left:4px;top:33px}.icon-route:after{left:2px;top:8px}.icon-button:before{left:3px;top:9px}.icon-button:after{left:29px;top:23px}.compare-board article{padding:34px 26px}.pricing-grid{grid-template-columns:1fr}.plan-top{display:block}.plan-top strong{display:block;margin-top:14px;font-size:44px}.price-bottom{display:block}.price-bottom .btn{margin-top:20px}.flow-timeline{grid-template-columns:1fr}.flow-timeline li{display:grid;grid-template-columns:72px 1fr;text-align:left;gap:18px}.flow-timeline li>span{width:64px;height:64px;margin:0}.vision-copy{padding:48px 28px}.vision-photo{min-height:320px}.articles{grid-template-columns:1fr}.article-thumb{height:210px}.cta{padding:86px 0}.cta-inner h2{font-size:38px}.footer-inner{display:grid;gap:14px}}