:root{
    color-scheme: light;
    --main:#0E9AB4; --face:#0B6F81; --dark:#073C48; --pale:#DFF4F8;
    --cta:#FF6B00; --ink:#102F40; --white:#fff; --line:#d7e4e8;
    --maxw:1080px;
    --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    --disp:"Zen Kaku Gothic New",var(--sans);
    --num:"Dela Gothic One",var(--disp);
  }
#eco-one-main *{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#eco-one-main img{max-width:100%;display:block}
#eco-one-main a{color:inherit}
#eco-one-main .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
#eco-one-main h1,#eco-one-main h2,#eco-one-main h3{font-family:var(--disp);letter-spacing:-.02em;line-height:1.35;margin:0}
#eco-one-main .num{font-family:var(--num);font-weight:400}
#eco-one-main .topbar{background:var(--face);color:#eafafd;font-size:13.5px}
#eco-one-main .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding-top:6px;padding-bottom:6px}
#eco-one-main .topbar a{color:#fff;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
#eco-one-main header.site{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(7,60,72,.04)}
#eco-one-main header.site .wrap{display:flex;align-items:center;gap:16px;min-height:66px}
#eco-one-main .brand{display:flex;flex-direction:column;line-height:1.2;text-decoration:none}
#eco-one-main .brand b{font-family:var(--disp);font-weight:900;font-size:21px;color:var(--ink);letter-spacing:.01em}
#eco-one-main .brand span{font-size:11.5px;color:var(--face);font-weight:700;margin-top:1px}
#eco-one-main .hact{margin-left:auto;display:flex;align-items:center;gap:12px}
#eco-one-main .tel{display:flex;flex-direction:column;text-decoration:none;line-height:1.15}
#eco-one-main .tel .lbl{font-size:11px;color:var(--face);font-weight:700}
#eco-one-main .tel .no{font-family:var(--num);font-size:22px;color:var(--ink)}
#eco-one-main .btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:10px;font-family:var(--disp);font-weight:900;font-size:16px;text-decoration:none;line-height:1.1;text-align:center}
#eco-one-main .btn-cta{background:var(--cta);color:var(--ink)}
#eco-one-main .btn-line{background:#06C755;color:#fff}
#eco-one-main .btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--face)}
#eco-one-main .btn:focus-visible,#eco-one-main a:focus-visible{outline:3px solid var(--main);outline-offset:2px}
#eco-one-main .header-cta{white-space:nowrap}
@media (max-width:860px){#eco-one-main .tel,#eco-one-main .brand span{display:none}
#eco-one-main header.site .wrap{gap:10px;min-height:60px}
#eco-one-main .header-cta{padding:0 16px;font-size:15px;min-height:48px}}
#eco-one-main .subnav{position:sticky;top:66px;z-index:40;background:var(--pale);border-bottom:1px solid #cbe6ec}
#eco-one-main .subnav .wrap{display:flex;gap:8px;align-items:center;overflow-x:auto;min-height:50px;padding-top:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}
#eco-one-main .subnav a{flex:0 0 auto;text-decoration:none;font-weight:700;font-size:14px;color:var(--face);background:#fff;border:1px solid #bfe0e7;border-radius:999px;padding:8px 14px}
#eco-one-main .subnav a.act{margin-left:auto;background:var(--cta);color:var(--ink);border-color:var(--cta);font-family:var(--disp);font-weight:900}
@media (max-width:860px){#eco-one-main .subnav{top:60px}
#eco-one-main .subnav a.act{margin-left:6px}}
#eco-one-main .hero{background:linear-gradient(180deg,#0a5666 0%,var(--dark) 100%);color:#fff;position:relative;overflow:hidden}
#eco-one-main .hero .wrap{padding-top:56px;padding-bottom:56px;position:relative;z-index:2}
#eco-one-main .hero .kicker{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#eafafd;font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px;margin-bottom:20px}
#eco-one-main .hero h1{font-size:42px;font-weight:900;color:#fff;letter-spacing:-.02em}
#eco-one-main .hero p.lead{font-size:18.5px;font-weight:600;line-height:1.9;margin:22px 0 8px;max-width:42ch}
#eco-one-main .hero p.lead b{color:#7fe3f2}
#eco-one-main .hero p.sub{font-size:14px;color:#bfe6ee;margin:0 0 30px}
#eco-one-main .hero-cta{display:flex;flex-wrap:wrap;gap:12px}
#eco-one-main .hero-cta .btn{min-width:230px}
#eco-one-main .hero-trust{margin-top:20px;font-size:13px;color:#a9dbe4;line-height:1.7}
#eco-one-main .hero-deco{position:absolute;right:-60px;top:-40px;width:420px;height:420px;opacity:.5;z-index:1;pointer-events:none}
@media (max-width:860px){#eco-one-main .hero h1{font-size:29px}
#eco-one-main .hero p.lead{font-size:17px}
#eco-one-main .hero-cta .btn{flex:1 1 100%;min-width:0}
#eco-one-main .hero-deco{width:280px;right:-90px;top:auto;bottom:-60px;opacity:.35}}
#eco-one-main section{padding:64px 0}
#eco-one-main section.pale{background:var(--pale)}
#eco-one-main .dots{height:2px;background-image:radial-gradient(var(--main) 1.6px,transparent 1.7px);background-size:18px 2px;background-repeat:repeat-x;background-position:center;margin:0}
#eco-one-main .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--face);font-weight:800;font-size:15px;margin-bottom:14px}
#eco-one-main .chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:16px;background:var(--main);color:#fff;font-family:var(--num);font-size:16px;box-shadow:0 6px 0 var(--face)}
#eco-one-main h2.sec{font-size:33px;font-weight:900;color:var(--ink);line-height:1.4;margin-bottom:8px}
@media (max-width:860px){#eco-one-main section{padding:48px 0}
#eco-one-main h2.sec{font-size:25px}}
#eco-one-main .lede{font-size:18px;font-weight:600;max-width:64ch;margin:10px 0 0}
#eco-one-main .ask{font-family:var(--disp);font-weight:900;font-size:22px;color:var(--face);line-height:1.6;margin:0 0 6px}
@media (max-width:860px){#eco-one-main .ask{font-size:19px}}
#eco-one-main .note{font-size:13.5px;color:#3a5666;line-height:1.7}
#eco-one-main .bignum{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
#eco-one-main .bignum .n{font-family:var(--num);font-size:56px;color:var(--main);line-height:1}
#eco-one-main .bignum .t{font-weight:700;font-size:16px;max-width:34ch}
@media (max-width:860px){#eco-one-main .bignum .n{font-size:42px}}
#eco-one-main .vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
#eco-one-main .vs .col{border-radius:12px;padding:24px;border:1px solid var(--line);background:#fff}
#eco-one-main .vs .col.ours{border:2px solid var(--main)}
#eco-one-main .vs .tag{font-family:var(--disp);font-weight:900;font-size:18px;margin-bottom:14px}
#eco-one-main .vs .col.batt .tag{color:#5a7480}
#eco-one-main .vs .col.ours .tag{color:var(--face)}
#eco-one-main .vs ul{list-style:none;margin:0;padding:0}
#eco-one-main .vs li{padding:12px 0;border-top:1px dashed #d5e3e7;font-weight:600;font-size:15.5px;line-height:1.7}
#eco-one-main .vs li:first-child{border-top:none}
#eco-one-main .vs .col.batt li{color:#5a7480}
#eco-one-main .vs .mark{display:inline-block;font-family:var(--num);font-size:13px;color:var(--main);margin-right:8px}
#eco-one-main .vs .col.batt .mark{color:#9fb2b9}
@media (max-width:720px){#eco-one-main .vs{grid-template-columns:1fr}}
#eco-one-main .guard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
#eco-one-main .guard .g{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center}
#eco-one-main .guard svg{width:56px;height:56px;margin:0 auto 12px}
#eco-one-main .guard h3{font-size:19px;font-weight:800;margin-bottom:6px;color:var(--ink)}
#eco-one-main .guard p{font-size:14px;margin:0;color:#3a5666;line-height:1.7}
@media (max-width:720px){#eco-one-main .guard{grid-template-columns:1fr 1fr}}
#eco-one-main .flow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
#eco-one-main .flow .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
#eco-one-main .flow .card h3{font-size:20px;color:var(--face);font-weight:800;margin-bottom:10px}
#eco-one-main .flow .card.night h3{color:var(--dark)}
#eco-one-main .flow .card p{margin:0;font-weight:600;font-size:15.5px}
#eco-one-main .diagram{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}
@media (max-width:720px){#eco-one-main .flow{grid-template-columns:1fr}}
#eco-one-main .story{background:var(--dark);color:#eafafd}
#eco-one-main .story h2.sec{color:#fff}
#eco-one-main .story .lede{color:#cfeaf0}
#eco-one-main .story .stat{font-family:var(--num);color:#7fe3f2;font-size:15px}
#eco-one-main table.price{width:100%;border-collapse:collapse;margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#eco-one-main table.price th,#eco-one-main table.price td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
#eco-one-main table.price thead th{background:var(--face);color:#fff;font-weight:800;font-size:14px}
#eco-one-main table.price tbody tr:last-child td{border-bottom:none}
#eco-one-main table.price .model{font-weight:800;color:var(--ink)}
#eco-one-main table.price .spec{color:#3a5666;font-size:13.5px}
#eco-one-main table.price .yen{font-family:var(--num);color:var(--ink);white-space:nowrap;font-size:17px}
#eco-one-main .price-wrap{overflow-x:auto}
@media (max-width:720px){#eco-one-main table.price th:nth-child(2),#eco-one-main table.price td:nth-child(2){display:none}}
#eco-one-main .cost{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
#eco-one-main .cost .box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
#eco-one-main .cost .box h3{font-size:19px;color:var(--face);margin-bottom:8px}
@media (max-width:720px){#eco-one-main .cost{grid-template-columns:1fr}}
#eco-one-main .simu{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}
#eco-one-main .simu-h{font-family:var(--disp);font-weight:900;font-size:22px;color:var(--ink);margin:0 0 8px;letter-spacing:-.02em}
#eco-one-main .simu-p{font-weight:600;font-size:15.5px;margin:0 0 18px;max-width:66ch}
#eco-one-main .simu-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#eco-one-main .simu-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fbfdfe}
#eco-one-main .simu-card.ours{border:2px solid var(--main);background:#fff}
#eco-one-main .simu-t{font-family:var(--disp);font-weight:800;font-size:16px;color:var(--face);margin-bottom:8px}
#eco-one-main .simu-card p{font-weight:600;font-size:14.5px;margin:0 0 16px;color:#3a5666}
#eco-one-main .simu-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:9px;font-family:var(--disp);font-weight:800;font-size:14.5px;text-decoration:none;background:#fff;border:2px solid var(--face);color:var(--ink);text-align:center;line-height:1.3}
#eco-one-main .simu-link.cta{background:#06C755;color:#fff;border-color:#06C755}
@media (max-width:720px){#eco-one-main .simu-two{grid-template-columns:1fr}}
#eco-one-main .steps{counter-reset:s;margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#eco-one-main .steps .st{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px 20px}
#eco-one-main .steps .st::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:18px;width:38px;height:38px;border-radius:12px;background:var(--main);color:#fff;font-family:var(--num);font-size:18px;display:grid;place-items:center;box-shadow:0 5px 0 var(--face)}
#eco-one-main .steps .st h3{font-size:17px;margin:10px 0 6px;color:var(--ink)}
#eco-one-main .steps .st p{margin:0;font-size:14px;color:#3a5666}
@media (max-width:720px){#eco-one-main .steps{grid-template-columns:1fr}}
#eco-one-main .faq{margin-top:24px;border-top:1px solid var(--line)}
#eco-one-main details{border-bottom:1px solid var(--line)}
#eco-one-main details summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font-family:var(--disp);font-weight:800;font-size:18px;color:var(--ink)}
#eco-one-main details summary::-webkit-details-marker{display:none}
#eco-one-main details summary::after{content:"";position:absolute;right:6px;top:26px;width:12px;height:12px;border-right:2.5px solid var(--main);border-bottom:2.5px solid var(--main);transform:rotate(45deg);transition:transform .2s}
#eco-one-main details[open] summary::after{transform:rotate(225deg)}
#eco-one-main details .a{padding:0 0 22px;font-weight:600;font-size:15.5px;color:var(--ink);max-width:70ch}
#eco-one-main .final{background:var(--dark);color:#fff;text-align:center}
#eco-one-main .final h2{font-size:31px;font-weight:900;color:#fff;line-height:1.45}
#eco-one-main .final p{font-size:17px;color:#cfeaf0;margin:14px auto 26px;max-width:46ch}
#eco-one-main .final .hero-cta{justify-content:center}
@media (max-width:860px){#eco-one-main .final h2{font-size:23px}}
#eco-one-main footer{background:var(--face);color:#eafafd;font-size:14px;line-height:1.9}
#eco-one-main footer .wrap{padding:40px 22px 48px}
#eco-one-main footer .fbrand{font-family:var(--disp);font-weight:900;font-size:20px;color:#fff}
#eco-one-main footer .ftag{font-size:12.5px;color:#bfe6ee;margin-bottom:18px}
#eco-one-main footer a{color:#fff}
#eco-one-main footer .legal{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25);font-size:12.5px;color:#cdeaf0}
#eco-one-main .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:8px;padding:9px 10px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:saturate(1.2) blur(3px)}
#eco-one-main .sticky-cta .btn{flex:1;min-height:52px;font-size:15px;padding:0 8px}
@media (max-width:860px){#eco-one-main .sticky-cta{display:flex}
body{padding-bottom:72px}}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:999;background:white;padding:12px}
.corp-header{position:relative;background:#fff;border-bottom:1px solid #d3e5ea;z-index:10}
.corp-bar{max-width:1160px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.corp-brand{text-decoration:none;font-size:21px;font-weight:800;line-height:1.4}
.corp-brand small{display:block;font-size:12px;font-weight:500}
.corp-links{display:flex;gap:22px;font-size:14px;font-weight:700}
.corp-links a{text-decoration:none}
.service-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:var(--corp-pale);padding:0 12px}
.service-nav a{padding:12px 16px;text-decoration:none;font-size:14px;font-weight:700;border-bottom:3px solid transparent}
.service-nav a:hover,.service-nav a[aria-current]{color:var(--corp-teal);border-color:var(--corp-teal);background:#e0f0f4}
.corp-header a:focus-visible{outline:3px solid #bc9951;outline-offset:3px}
@media (max-width:760px){.corp-bar{padding:14px 18px;align-items:flex-start;gap:12px;flex-wrap:wrap}
.corp-brand{font-size:18px}
.corp-links{gap:18px;font-size:12px}
.service-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 6px;scrollbar-width:thin}
.service-nav a{flex-shrink:0;padding:10px 12px;font-size:13px}}
:root{--corp-ink:#102F40;--corp-teal:#0E9AB4;--corp-pale:#DFF4F8}
.corp-header{color:#102F40;font-size:16px;line-height:1.9}
.corp-header a{color:inherit}
#eco-one-main svg text{font-family:var(--sans)}
.corp-brand{display:flex;align-items:center;gap:12px;font-family:var(--disp)}
.official-logo{width:52px;height:60px;object-fit:contain;flex-shrink:0}
.service-nav a:hover,.service-nav a[aria-current]{background:#DFF4F8}
#site-footer{background:#073C48;color:#fff;padding:45px 0;font-size:16px;line-height:1.9}
#site-footer .container{width:min(1200px,calc(100% - 64px));margin:auto}
#site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}
#site-footer b{font-family:var(--disp);font-size:14px}
#site-footer p,#site-footer a,#site-footer small{font-size:11px;color:#DFF4F8}
#site-footer a{display:block;text-decoration:none;margin-top:12px}
#site-footer .official-logo{background:white;border-radius:6px;padding:4px;margin-bottom:12px}
#site-footer .eco-legal{border-top:1px solid #0B6F81;margin-top:26px;padding-top:20px}
#site-footer .eco-legal a{display:inline}
#eco-one-main .subnav{top:0}
#eco-one-main section[id]{scroll-margin-top:82px}
#eco-one-main .btn-line,#eco-one-main .simu-link.cta{background:#FF6B00;color:#102F40;border-color:#FF6B00}
#eco-one-main .btn-ghost{color:#102F40!important}
@media(max-width:760px){#site-footer .container{width:calc(100% - 36px)}#site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:26px}#site-footer .footer-grid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#eco-one-main .hero h1{font-family:inherit;font-size:clamp(25px,3vw,40px)}#eco-one-main .num{font-family:inherit}#eco-one-main .p-downloads h2{margin-bottom:18px}#eco-one-main .p-downloads a.p-btn{color:#123244}#eco-one-main .subnav{position:static}