:root{--navy:#092f61;--navy2:#0a4480;--teal:#16899a;--orange:#ff7900;--ink:#17324b;--muted:#667687;--pale:#eef6fb;--line:#cad9e5;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);line-height:1.75}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;top:-60px;z-index:999;background:#fff;padding:.7rem}.skip:focus{top:1rem}.header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:1.5rem;height:78px;padding:0 clamp(1.2rem,3vw,3.5rem);background:rgba(255,255,255,.95);border-bottom:1px solid #d8e3eb;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;min-width:205px;line-height:1}.brand-icon{margin-right:.65rem;color:var(--teal);font-size:2rem}.brand b{color:var(--navy);font-size:.8rem;letter-spacing:.04em}.brand small{display:block;margin-top:.45rem;font-size:.52rem}.desktop-nav{display:flex;gap:clamp(.8rem,1.8vw,1.8rem);margin-left:auto}.desktop-nav a,.top-actions a{font-size:.66rem;white-space:nowrap;font-weight:600}.top-actions{display:flex;align-items:center;gap:.7rem}.ig{color:#b64d73}.line{color:#2d8f55}.contact{padding:.65rem 1rem;color:#fff;background:var(--navy);border-radius:5px}.menu,.mobile-menu,.mobile-quick{display:none}
.hero{position:relative;height:100svh;min-height:730px;padding-top:78px;overflow:hidden}.hero>img{position:absolute;inset:78px 0 0;height:calc(100% - 78px);object-fit:cover;animation:hero 1.4s both}.hero:after{content:"";position:absolute;inset:78px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72) 36%,transparent 61%)}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(1180px,calc(100% - 10vw));height:100%;margin:auto}.hero h1{margin:0;color:var(--navy);font-size:clamp(2.7rem,5vw,5.1rem);line-height:1.35;font-weight:800;letter-spacing:.02em}.hero h1 span{color:var(--teal)}.hero-copy>p{margin:1.3rem 0 2rem;font-weight:600}.hero-copy>div{display:flex;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:.8rem 1.35rem;border-radius:5px;font-size:.75rem;font-weight:700;transition:.25s}.button:hover{transform:translateY(-2px)}.orange{color:#fff;background:var(--orange);box-shadow:0 8px 25px rgba(255,121,0,.18)}.navy{color:#fff;background:var(--navy)}.section{padding:clamp(5rem,8vw,8rem) max(5vw,calc((100vw - 1160px)/2))}.section-title{text-align:center;margin-bottom:3.5rem}.section-title>span,.comfort-copy>span,.quality-copy>span,.final-cta>div>span{color:var(--teal);font-size:.65rem;font-weight:800;letter-spacing:.16em}.section-title h2,.comfort h2,.quality h2,.final-cta h2{margin:.55rem 0 1rem;color:var(--navy);font-size:clamp(2rem,3.1vw,3rem);line-height:1.5}.section-title p{margin:0;color:var(--muted);font-size:.78rem}.performance{background:var(--pale)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-grid article{padding:2rem 1.2rem;text-align:center;background:#fff;border:1px solid var(--line);border-radius:9px}.metric-grid i{display:grid;place-items:center;width:34px;height:34px;margin:auto;color:#fff;background:var(--teal);border-radius:50%;font-size:.64rem;font-style:normal}.metric-grid h3{margin:1rem 0 .4rem;font-size:.85rem}.metric-grid strong{display:block;color:var(--navy);font-size:1.45rem}.metric-grid p{color:var(--muted);font-size:.7rem}.demo-note{margin:1rem 0 0;text-align:center;color:var(--muted);font-size:.65rem}
.comfort,.quality{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(3rem,7vw,7rem)}.comfort img,.quality img{aspect-ratio:4/3;object-fit:cover;border-radius:10px}.comfort-copy>p,.quality-copy>p{color:var(--muted);font-size:.82rem}.comfort ul{margin:1.5rem 0 0;padding:0;list-style:none}.comfort li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.76rem}.comfort li:before{content:"✓";margin-right:.7rem;color:var(--teal);font-weight:800}
.plans{background:#f7fafc}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.plan-grid article{padding:2.2rem;background:#fff;border:2px solid #d5e1e9;border-radius:9px}.plan-grid article.featured{border-color:var(--teal);transform:translateY(-8px)}.plan-grid span{color:var(--teal);font-size:.63rem;font-weight:800;letter-spacing:.13em}.plan-grid h3{margin:.7rem 0;color:var(--navy)}.plan-grid p{min-height:5rem;color:var(--muted);font-size:.78rem}.plan-grid b{display:block;padding-top:1rem;border-top:1px solid var(--line);color:var(--navy);font-size:.88rem}.price-promise{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:1px;margin-top:2rem;padding:1px;background:var(--line);border-radius:8px;overflow:hidden}.price-promise>*{margin:0;padding:1rem;background:#fff;font-size:.72rem}.price-promise b{color:var(--navy)}.price-promise p{grid-column:1/-1;color:var(--muted)}
.quality{grid-template-columns:1.15fr .85fr}.quality{background:#fff}.quality-copy ol{margin:1.5rem 0 0;padding:0;list-style:none}.quality-copy li{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.76rem}.quality-copy li b{color:var(--orange)}
.works{background:var(--pale)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.works article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.works img{aspect-ratio:4/3;object-fit:cover}.works article>div{padding:1.3rem}.works small{color:var(--teal);font-weight:700}.works h3{margin:.4rem 0;color:var(--navy);font-size:1rem}.works p{margin:0;color:var(--muted);font-size:.72rem}.news-list,.faq-list{max-width:900px;margin:auto;border-top:1px solid var(--line)}.news-list a{display:grid;grid-template-columns:110px 75px 1fr auto;align-items:center;gap:1rem;padding:1.2rem .5rem;border-bottom:1px solid var(--line);font-size:.76rem}.news-list time{color:var(--muted)}.news-list b{color:var(--orange);font-size:.6rem}.news-list i{font-style:normal;color:var(--teal)}.faq{background:#f7fafc}details{border-bottom:1px solid var(--line)}summary{position:relative;padding:1.5rem 3rem 1.5rem 1rem;cursor:pointer;list-style:none;font-size:.85rem;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:1rem;color:var(--teal);font-size:1.2rem}details[open] summary:after{content:"−"}details p{margin:0;padding:0 3rem 1.5rem;color:var(--muted);font-size:.78rem}.final-cta{padding:clamp(5rem,8vw,8rem) 1.25rem;text-align:center;color:#fff;background:var(--navy)}.final-cta h2{color:#fff}.final-cta p{font-size:.8rem}.final-cta>div>div{display:flex;justify-content:center;gap:.7rem;margin:2rem 0 1rem}.line-button{color:#fff;background:#3e9b62}.final-cta small{font-size:.62rem;opacity:.7}.footer{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:3rem max(5vw,calc((100vw - 1160px)/2));background:#061e3d;color:#d5e2ed}.footer nav{display:flex;gap:1.5rem;font-size:.68rem}.footer p{grid-column:1/-1;margin:1rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);font-size:.55rem}.footer .brand b{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.is-visible{opacity:1;transform:none}@keyframes hero{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.desktop-nav,.top-actions{display:none}.header{height:68px}.header>.brand{margin-right:auto}.mobile-quick{display:flex;gap:.45rem}.mobile-quick a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 .35rem;border:1px solid var(--line);border-radius:5px;color:var(--teal);font-size:.56rem;font-weight:800}.menu{display:flex;width:40px;height:40px;padding:0;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu span{width:24px;height:2px;background:var(--navy);transition:.3s}.menu[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{position:absolute;top:68px;left:0;width:100vw;height:calc(100svh - 68px);padding:2.5rem 1.5rem;background:#fff;overflow:auto}.mobile-menu.open{display:block}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{padding:1rem 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-menu>div{display:flex;gap:1.5rem;margin-top:2rem;color:var(--teal);font-size:.78rem}.hero{padding-top:68px}.hero>img,.hero:after{inset:68px 0 0}.hero>img{height:calc(100% - 68px)}}
@media(max-width:680px){.header{padding-inline:.8rem}.header .brand{min-width:0}.brand-icon{font-size:1.5rem}.header .brand b{font-size:.65rem}.header .brand small{display:none}.hero{min-height:750px}.hero>img{object-position:68% center}.hero:after{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.6) 57%,transparent 84%)}.hero-copy{justify-content:flex-start;width:calc(100% - 2.5rem);padding-top:7rem}.hero h1{font-size:clamp(2.15rem,10vw,3.05rem)}.hero-copy>p{font-size:.8rem}.hero-copy>div,.final-cta>div>div{flex-direction:column;max-width:290px}.section{padding:5rem 1.25rem}.section-title h2,.comfort h2,.quality h2,.final-cta h2{font-size:2rem}.metric-grid{grid-template-columns:1fr 1fr}.comfort,.quality{grid-template-columns:1fr;gap:2rem}.quality img{order:0}.quality-copy{order:1}.plan-grid,.works-grid{grid-template-columns:1fr}.plan-grid article.featured{transform:none}.price-promise{grid-template-columns:1fr 1fr}.price-promise b{grid-column:1/-1}.news-list a{grid-template-columns:90px 1fr}.news-list b{grid-column:1}.news-list span{grid-column:2}.news-list i{display:none}.footer{grid-template-columns:1fr;padding:2.5rem 1.25rem}.footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}