:root{--ink:#17324a;--paper:#f6fbff;--blue:#0868e8;--aqua:#42cbea;--line:#bfddeb;--pad:max(24px,calc((100vw - 1200px)/2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}.wrap{width:calc(100% - var(--pad)*2);margin-inline:auto}.skip{position:fixed;z-index:5;top:-80px;left:16px;padding:10px 14px;background:var(--aqua)}.skip:focus{top:16px}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;line-height:1.2;font-size:16px}.brand small{margin-top:6px;font-size:10px;font-weight:800;letter-spacing:.12em}.nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:800}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--blue);padding:11px 15px;font-weight:800}.nav-cta{padding:7px 14px}.button{margin-top:26px;background:var(--blue);color:#fff}.eyebrow{margin:0;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.08em}h1,h2,h3{margin:0;letter-spacing:-.06em;line-height:1.16}h1{font-size:clamp(48px,7vw,92px)}h2{font-size:clamp(34px,4.4vw,58px)}h3{font-size:clamp(22px,2.2vw,32px)}p{margin:0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center;min-height:620px;padding-block:80px;border-bottom:1px solid var(--line)}.hero-copy p:not(.eyebrow){max-width:35em;margin-top:24px;font-size:18px}.hero-visual{margin:0;background:#eaf9ff}.hero-visual img{display:block;width:100%;height:clamp(270px,29vw,390px);object-fit:contain}.back-link{display:inline-flex;gap:10px;margin-top:28px;padding-bottom:4px;border-bottom:1px solid;font-weight:800}.section{padding-block:88px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:end;margin-bottom:42px}.section-head p:last-child{max-width:34em}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.card{min-height:240px;padding:24px 24px 28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.card:last-child{border-right:0}.card h3{margin-top:28px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.flow article{min-height:230px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.flow article:last-child{border-right:0}.flow b{display:block;color:var(--blue);font-size:13px}.flow h3{margin-top:22px;font-size:22px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work{display:block;padding-bottom:22px;border-bottom:1px solid var(--line)}.work figure{margin:0;background:var(--ink);aspect-ratio:16/9}.work img{display:block;width:100%;height:100%;object-fit:contain}.work h3{margin-top:18px}.work small{display:block;margin-top:8px;font-size:14px}.work span{display:block;margin-top:16px;color:var(--blue);font-size:14px;font-weight:800}.product{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,7vw,96px);align-items:center}.product figure{margin:0;background:#fff}.product img{display:block;width:100%;height:360px;object-fit:contain}.cross{background:#eaf9ff}.cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.cross a{color:var(--blue);font-weight:800;border-bottom:1px solid}.contact{padding:80px 0;background:var(--ink);color:var(--paper)}.contact .eyebrow{color:var(--aqua)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}.contact .button{border-color:var(--paper)}.footer{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;padding:32px 0 24px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}.footer>small{font-size:10px;white-space:nowrap;text-align:right}@media(max-width:760px){:root{--pad:20px}.header{min-height:76px}.nav a:not(.nav-cta){display:none}.hero,.section-head,.product,.cross-grid,.contact-grid,.footer{grid-template-columns:1fr}.hero{gap:32px;min-height:0;padding-block:56px}.hero-copy p:not(.eyebrow){font-size:16px}.hero-visual img{height:220px}.section{padding-block:64px}.section-head{gap:14px;margin-bottom:32px}h2{font-size:clamp(32px,9vw,38px)}.cards,.flow,.showcase{grid-template-columns:1fr}.card,.flow article{min-height:0;border-right:0;padding:24px 0}.showcase{gap:36px}.product img{height:auto;max-height:none}.contact{padding-block:64px}.footer{gap:24px}.footer>small{text-align:left}}
@media(max-width:1024px) and (min-width:761px){.cards{grid-template-columns:repeat(2,1fr)}.cards .card:nth-child(2){border-right:0}.cards .card:last-child{border-right:1px solid var(--line)}}
 .section-head{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(32px,4.7vw,68px)}.hero h1 span{display:block;white-space:nowrap}.hero-copy .back-link{display:flex;width:max-content;margin-top:16px;font-size:14px}@media(max-width:760px){.hero{padding-top:28px;gap:22px}.hero-visual{order:-1}.hero h1{font-size:clamp(29px,9.2vw,56px)}.section-head{grid-template-columns:1fr}}