body{font-family:Noto Sans JP,sans-serif;font-size:16px;overflow-x:clip}h1,h2,h3{font-family:Noto Serif JP,serif;font-weight:600}#world{z-index:0;opacity:0;width:100vw;height:100vh;transition:opacity .8s;position:fixed;inset:0}#world.is-on{opacity:1}.poster img{z-index:0;pointer-events:none;width:auto;max-width:none;height:100vh;transition:opacity .8s;position:fixed;top:0;left:50%;transform:translate(-50%)}.poster .lit{opacity:0;transition:opacity 1.4s}.poster .lit.is-on{opacity:1}.poster.is-off img{opacity:0}.veil{z-index:1;pointer-events:none;background:radial-gradient(60% 75% at 22% 45%,#f6f8fae6 0%,#f6f8fa8c 45%,#f6f8fa00 75%);position:fixed;inset:0}.site-head{z-index:10;border-width:0 0 1px;border-radius:0;align-items:center;gap:36px;padding:14px 40px;display:flex;position:fixed;top:0;left:0;right:0}.site-head.glass{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-bottom:1px solid #0000;transition:background-color .4s,border-color .4s}.site-head.glass.is-scrolled{border-bottom-color:var(--line);background:#f4f7f9d1}.site-head .brand{align-items:center;gap:14px;display:flex}.site-head .brand img{width:auto;height:38px}.site-head .brand span{color:var(--sub);letter-spacing:.12em;font-size:13px}.site-head nav{gap:28px;margin-left:auto;font-size:14px;display:flex}.site-head nav a{color:var(--sub);transition:color .2s}.site-head nav a:hover{color:var(--ink)}.site-head .btn{min-height:40px;padding:0 20px;font-size:13px}main{z-index:2;position:relative}.scene{align-items:center;min-height:150vh;padding:0 40px;display:flex}.scene.right{justify-content:flex-end}.panel{grid-template-columns:1fr 1.08fr;align-items:start;column-gap:48px;width:min(1080px,66vw);padding:36px 44px 34px;display:grid}.panel .col-b>:first-child{margin-top:0}.panel.solo{width:min(600px,100%);padding:40px 44px 36px;display:block}.panel.solo>p{color:var(--sub);font-size:15px;line-height:1.95}.panel .more{margin-top:22px;font-size:14px}.sp-short{display:none}.panel.glass{background:var(--panel);backdrop-filter:none;box-shadow:none;border:0;border-top:1px solid var(--line-strong);border-radius:0}.scene:not(.hero){padding-top:96px;padding-bottom:48px}.scene.right{padding-right:72px}.hero{min-height:100vh;padding-top:72px;position:relative}.hero .copy{max-width:760px}.hero h1{letter-spacing:.05em;font-size:clamp(32px,5.6vw,84px);line-height:1.28}.hero h1 span{white-space:nowrap;display:block}.hero p{max-width:30em;color:var(--sub);margin-top:28px}.hero .ctas{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero .scroll{color:var(--mute);letter-spacing:.12em;font-size:12px;position:absolute;bottom:28px;left:40px}.panel .num-label{font-family:var(--num);color:var(--blue);font-size:14px}.panel h2{letter-spacing:.06em;margin:0 0 18px;font-size:clamp(24px,2.2vw,34px);line-height:1.45}.panel .col-a>p{color:var(--sub);font-size:15px;line-height:1.95}.panel .rows{border-top:1px solid var(--line);margin-top:0}.panel .rows>div{border-bottom:1px solid var(--line);grid-template-columns:2.4em 1fr;gap:10px;padding:10px 0;font-size:15px;display:grid}.panel .rows .num{color:var(--blue);padding-top:3px;font-size:13px}.js-reveal [data-pan] h2 .ln{clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--ease);display:block}.js-reveal [data-pan].is-in h2 .ln{clip-path:inset(0)}.js-reveal [data-pan].is-in h2 .ln:nth-child(2){transition-delay:.14s}.js-reveal [data-pan].is-in h2 .ln:nth-child(3){transition-delay:.28s}.js-reveal [data-pan]>p,.js-reveal [data-pan] .col-a>p,.js-reveal [data-pan] .col-b{opacity:0;transition:opacity .9s var(--ease) .35s}.js-reveal [data-pan].is-in>p,.js-reveal [data-pan].is-in .col-a>p,.js-reveal [data-pan].is-in .col-b{opacity:1}.js-reveal .panel.glass{border-top-color:#0000}.js-reveal .panel.glass:before{content:"";background:var(--line-strong);transform-origin:0;height:1px;transition:transform 1.1s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.js-reveal .panel.glass.is-in:before{transform:scaleX(1)}.panel.glass{position:relative}.rows.bus{border-top:0;position:relative}.rows.bus:before{content:"";background:linear-gradient(var(--blue), #00a0e959);transform-origin:top;width:1.5px;transition:transform 1.2s var(--ease);position:absolute;top:22px;bottom:30px;left:5px;transform:scaleY(0)}.is-in .rows.bus:before{transform:scaleY(1)}.rows.bus>div{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:6px}.rows.bus>div:first-child{border-top:1px solid var(--line)}.rows .via{border:1.5px solid var(--blue);background:var(--bg-1);opacity:0;border-radius:50%;width:12px;height:12px;margin-top:7px;transition:opacity .5s;position:relative}.rows .via:after{content:"";background:var(--blue);border-radius:50%;position:absolute;inset:3px}.rows .via:before{content:"";background:var(--blue);opacity:.55;width:14px;height:1.5px;position:absolute;top:4.25px;left:10px}.is-in .rows .via{opacity:1}.is-in .rows>div:nth-child(2) .via{transition-delay:.25s}.is-in .rows>div:nth-child(3) .via{transition-delay:.5s}.is-in .rows>div:nth-child(4) .via{transition-delay:.75s}.panel .rows small{color:var(--sub);font-size:13px;display:block}.checks>div{grid-template-columns:1.6em 1fr;font-size:14.5px}.chk{position:relative}.chk:before{content:"";border-left:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);width:9px;height:5px;position:absolute;top:8px;left:2px;transform:rotate(-45deg)}.aside-note{color:var(--mute);margin-top:14px;font-size:13px}.steps{flex-wrap:wrap;gap:8px 0;margin-top:22px;font-size:14px;display:flex}.steps span{align-items:center;display:inline-flex}.steps span+span:before{content:"";background:var(--blue);width:22px;height:1px;margin:0 8px}.feature-case{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:18px 0}.feature-case b{font-family:Noto Serif JP,serif;font-size:20px;font-weight:600;display:block}.feature-case small{color:var(--sub);font-size:13px}.case-mini{border-top:1px solid var(--line);margin-top:0;font-size:14.5px;list-style:none}.case-mini li{border-bottom:1px solid var(--line);padding:8px 0}.case-mini li small{color:var(--mute);margin-left:8px;font-size:12px}.figs{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.figs div{padding:14px 0 4px}.figs div+div{border-left:1px solid var(--line);padding-left:16px}.figs .num{color:var(--blue);font-size:32px;line-height:1.1}.figs .num small{color:var(--ink);margin-left:3px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:500}.figs p{color:var(--sub);font-size:12px}.clients{color:var(--sub);margin-top:18px;font-size:13px;line-height:1.9}.products{gap:14px;margin-top:0;display:grid}.products a{border:1px solid var(--line);border-radius:var(--radius);background:#fff9;grid-template-columns:72px 1fr;align-items:center;gap:16px;padding:10px;transition:border-color .25s;display:grid}.products a:hover{border-color:#00a0e980}.products img{object-fit:contain;width:72px;height:72px}.products b{font-family:Noto Serif JP,serif;font-size:17px;font-weight:600;display:block}.products small{color:var(--sub);font-size:12.5px}.recruit-line{border-top:1px solid var(--line);grid-template-columns:1fr 88px;align-items:end;gap:12px;margin-top:24px;padding-top:18px;display:grid}.recruit-line p{color:var(--sub);font-size:14px}.recruit-line img{width:88px}.final{align-items:center;min-height:100vh;padding:88px 40px 32px;display:flex}.final-copy{max-width:760px}.final-copy .logo3d{width:84px;margin-bottom:18px}.final h2{letter-spacing:.05em;font-size:clamp(28px,3.6vw,54px);line-height:1.32}.final p{color:var(--sub);max-width:32em;margin-top:18px}.contact-row{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:26px;display:flex}.final .tel{font-family:var(--num);font-size:24px;line-height:1.2}.final .tel small{color:var(--mute);font-family:Noto Sans JP,sans-serif;font-size:12px;display:block}.final .ctas{flex-wrap:wrap;gap:14px;display:flex}.company-info{border-top:1px solid var(--line);color:var(--sub);max-width:34em;margin-top:28px;padding-top:16px;font-size:13.5px;line-height:1.9}.final .company-info p{margin-top:0}.company-info b{color:var(--ink);font-weight:500}.company-info .nw{white-space:nowrap}.company-info .copy{color:var(--mute);margin-top:10px;font-size:12px}footer{z-index:2;color:#ffffffbf;background:#1f2a33f0;flex-wrap:wrap;gap:16px 40px;padding:40px;font-size:13px;display:flex;position:relative}footer b{color:#fff;font-weight:500}footer .copy{color:#ffffff80;margin-left:auto}.progress{z-index:9;border-radius:var(--radius);border:1px solid var(--glass-line);font-family:var(--num);color:var(--mute);background:#ffffffe0;flex-direction:column;gap:12px;padding:12px 8px;font-size:12px;transition:opacity .4s;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.progress.is-hidden{opacity:0}.progress a{color:var(--mute);padding:2px 4px;transition:color .3s;display:block;position:relative}.progress a:hover{color:var(--ink)}.progress a.is-on{color:var(--blue)}.progress a:after{content:attr(data-label);white-space:nowrap;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);opacity:0;pointer-events:none;background:#ffffffeb;padding:3px 10px;font-family:Noto Sans JP,sans-serif;font-size:12px;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%)}.progress a:hover:after,.progress a:focus-visible:after{opacity:1}.menu-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-right:-10px;padding:0;display:none}.menu-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:24px;height:24px}.menu-btn .i-close,.menu-btn[aria-expanded=true] .i-open{display:none}.menu-btn[aria-expanded=true] .i-close{display:block}.site-head nav .nav-cta{display:none}@media (width<=900px){.site-head{gap:10px;padding:12px 16px}.site-head .btn{margin-left:auto}.site-head .brand img{height:30px}.site-head .btn{white-space:nowrap;padding:0 14px}.final{padding:88px 16px 40px}.final-copy{border-radius:var(--radius);background:#f6f8fae6;margin:0 -6px;padding:22px 18px}.final-copy .logo3d{width:100px}.menu-btn{display:inline-flex}.site-head .head-cta{display:none}.menu-btn{margin-left:auto}.site-head nav a.nav-cta{border-radius:var(--radius);background:var(--ink);color:#fff;border-bottom:0;justify-content:center;align-items:center;min-height:48px;margin-top:16px;font-size:15px;display:flex}.site-head nav{border-bottom:1px solid var(--line);background:#fffffff2;flex-direction:column;gap:0;padding:8px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.site-head nav.is-open{display:flex}.site-head nav a{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 0;font-size:15px}.scene.right{padding-right:16px}.scene{min-height:120vh;padding:0 16px}.scene.right{justify-content:flex-start}.panel{grid-template-columns:1fr;row-gap:20px;width:100%;max-height:none;padding:28px 22px}.hero .scroll,.progress{display:none}.scene.hero{align-items:flex-end;min-height:100svh;padding-bottom:36px}.hero .copy{padding:4px 2px}.veil{background:linear-gradient(#f6f8fa00 34%,#f6f8fadb 56%,#f6f8faf0 100%);transition:opacity .3s}.scene:not(.hero){align-items:flex-end;min-height:135vh;padding:0}.panel.glass{background:linear-gradient(#f6f8fa00 0,#f6f8fae6 64px,#f6f8faf7 100%);border-top:0;padding:72px 22px 32px;position:sticky;bottom:0}.panel h2{margin-bottom:14px;font-size:21px}.pc-long,.pc-br,#business .rows small,.js-reveal .panel.glass:before{display:none}.sp-short{display:block}footer{padding:28px 20px}footer .copy{margin-left:0}}