:root{color-scheme:light;--paper:#fff;--white:#fff;--ink:#181d27;--text:#3d4654;--muted:#646d7b;--line:#dfe3ea;--accent:#e9ecf0;--soft:#f3f5f8;--brand:#181d27;--brand-hover:#343c49;font-synthesis:none;-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus-color,var(--brand));outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}.container{width:min(1200px,100% - 112px);margin-inline:auto}.section{padding-block:80px}section[id]{scroll-margin-top:32px}.skip-link{background:var(--ink);color:#fff;z-index:20;padding:14px 22px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{border-bottom:1px solid var(--line);background:var(--paper);z-index:10;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:104px;display:flex}.wordmark{flex:none;align-items:center;gap:12px;min-height:44px;display:inline-flex}.wordmark-logo{flex:none;width:32px;height:32px}.wordmark-name{letter-spacing:.02em;font-size:23px;font-weight:650;line-height:1.2}.navigation{align-items:center;gap:26px;font-size:12px;font-weight:650;display:flex}.navigation a{padding-block:14px;position:relative}.navigation a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:6px;left:0;transform:scaleX(0)}.navigation a:hover:after{transform:scaleX(1)}.navigation a:hover{color:var(--brand)}.mobile-menu{display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:0 42px;padding-top:72px;display:grid}.hero-copy{z-index:1;padding-bottom:64px}.hero h1{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(28px,4.2vw,60px);font-weight:650;line-height:1.5}.hero h1 span{white-space:nowrap;display:block}.hero-description{max-width:470px;color:var(--muted);line-break:strict;text-wrap:pretty;font-size:15px;line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:31px;display:flex}.button{border-radius:3px;justify-content:space-between;align-items:center;gap:35px;min-width:215px;min-height:54px;padding:15px 22px;font-size:12px;font-weight:650;transition:background .2s,color .2s;display:inline-flex}.button span{font-size:20px;font-weight:400;line-height:1}.button-dark{background:var(--brand);color:#fff;border:1px solid #0000}.button-dark:hover{background:var(--brand-hover)}.text-link{color:var(--text);align-items:center;gap:20px;min-height:44px;font-size:12px;font-weight:650;display:inline-flex}.text-link>span,.text-link:hover{color:var(--brand)}h2{letter-spacing:-.035em;font-size:clamp(26px,2.5vw,32px);font-weight:600;line-height:1.5}.section-intro{margin-bottom:30px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.product{--focus-color:var(--brand-card-highlight,var(--brand-highlight));background:var(--brand-card-surface,var(--brand-surface));min-width:0;color:var(--brand-card-foreground,var(--brand-foreground));border:1px solid var(--brand-card-divider,var(--brand-divider));border-radius:4px;flex-direction:column;padding:8px;transition:border-color .2s;display:flex}.product-visual{aspect-ratio:16/9;background:var(--brand-image-surface);border-radius:2px;display:block;overflow:hidden}.product-visual img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.product-onpa .product-visual img{padding:8px}.product-visual:hover img{transform:scale(1.025)}.product-body{flex-direction:column;flex:1;min-width:0;padding:22px 16px 8px;display:flex}.product-heading{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.product-heading h3{letter-spacing:-.04em;color:var(--brand-card-highlight,var(--brand-highlight));font-size:32px;font-weight:650}.product-heading>span{color:var(--brand-card-secondary,var(--brand-secondary));font-size:12px;line-height:1.6}.product-description{color:var(--brand-card-secondary,var(--brand-secondary));line-break:strict;text-wrap:pretty;margin:12px 0 18px;font-size:14px;line-height:1.9}.product-link{border-top:1px solid var(--brand-card-divider,var(--brand-divider));min-height:48px;color:var(--brand-card-highlight,var(--brand-highlight));justify-content:space-between;align-items:center;margin-top:auto;padding:12px 0 4px;font-size:12px;font-weight:600;display:flex}.product-link:hover{text-underline-offset:4px;text-decoration:underline}.product-link>span{place-items:center;width:30px;height:30px;font-size:20px;transition:transform .2s;display:grid}.product-link:hover>span{transform:translate(2px,-2px)}@media (hover:hover){.product:hover{border-color:var(--brand-card-highlight,var(--brand-highlight))}}.news{padding-bottom:80px}.products+.news{padding-top:0}.news-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.news-list{border-top:1px solid var(--line)}.news-item{border-bottom:1px solid var(--line);grid-template-columns:100px 70px 1fr 24px;align-items:baseline;gap:24px;padding:25px 0;transition:background .2s;display:grid}.news-item:hover{background:var(--soft)}.news-item time{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.04em;font-size:12px}.news-category{background:var(--brand-surface,var(--soft));min-width:54px;color:var(--brand-highlight,var(--text));text-align:center;border-radius:2px;justify-self:start;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.6}.news-item h3{font-size:14px;font-weight:500;line-height:1.9}.news-arrow{text-align:right;color:var(--brand);font-size:18px}.company{--company-label-width:88px;--company-field-gap:20px;--company-column-gap:40px;background:var(--soft);padding-block:56px}.company h2{margin-bottom:28px}.company-overview{column-gap:var(--company-column-gap);border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.company-overview>div{grid-template-columns:var(--company-label-width) minmax(0, 1fr);gap:var(--company-field-gap);border-bottom:1px solid var(--line);padding:15px 0;display:grid}.company-overview .company-row-wide{grid-column:1/-1}.company-overview dt{color:var(--ink);padding-top:2px;font-size:12px;font-weight:600;line-height:1.8}.company-overview dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.company-business{gap:3px calc(var(--company-column-gap) + var(--company-label-width) + var(--company-field-gap));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.footer{background:var(--soft);border-top:1px solid var(--line)}.back-top{background:var(--ink);color:#fff;border:1px solid #0000;border-radius:3px;place-items:center;width:44px;height:44px;margin-left:auto;font-size:18px;transition:background .2s;display:grid}.back-top:hover{background:var(--brand)}.footer-bottom{justify-content:space-between;align-items:center;gap:22px;padding-block:22px;display:flex}.footer-bottom>small{color:var(--muted);font-size:11px}.not-found{min-height:65vh;padding-block:100px}.not-found h1{margin:24px 0;font-size:clamp(25px,4vw,40px)}.not-found>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}.not-found .button{margin-top:32px}@media (width<=1100px){.container{width:calc(100% - 72px)}.navigation{gap:17px;font-size:11px}.hero{gap:0 24px;padding-top:56px}.product-grid{gap:18px}.product-body{padding-inline:12px}.product-heading{flex-direction:column;gap:5px}.news-item{gap:16px}}@media (width<=800px){.container{width:calc(100% - 48px)}.section{padding-block:64px}.header-inner{gap:20px;min-height:80px}.wordmark{gap:10px}.wordmark-logo{width:28px;height:28px}.wordmark-name{font-size:21px}.navigation{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;justify-content:center;align-items:center;gap:12px;min-width:48px;min-height:48px;font-size:11px;font-weight:600;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.menu-icon{border-top:1px solid;border-bottom:1px solid;width:19px;height:10px;transition:transform .2s;display:block}.mobile-menu[open] .menu-icon{transform:rotate(-45deg)}.mobile-navigation{top:80px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 24px 24px;position:absolute;inset-inline:0;box-shadow:0 12px 16px #0000000a}.mobile-navigation a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;display:flex}.hero{gap:0 20px;padding-top:40px}.hero h1{font-size:4.2vw}.hero-description{font-size:14px}.hero-actions{gap:10px 25px}.button{min-width:200px}h2{font-size:28px}.product-grid{grid-template-columns:1fr;gap:16px}.product{grid-template-columns:.85fr 1.2fr;align-items:center;gap:10px;padding:8px;display:grid}.product-body{padding:12px}.product-heading h3{font-size:28px}.product-description{font-size:14px}.company{--company-label-width:64px;--company-field-gap:14px;--company-column-gap:24px;padding-block:48px}.news-item{grid-template-columns:85px 55px 1fr 18px;gap:12px}.news-item h3{font-size:13px}}@media (width>=581px) and (width<=700px){.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(32px,6vw,42px)}.hero-description{max-width:500px}}@media (width<=580px){.container{width:calc(100% - 40px)}.section{padding-block:48px}section[id]{scroll-margin-top:24px}.hero{grid-template-columns:1fr;padding-top:32px}.hero-copy{padding-bottom:0}.hero h1{margin:0 0 18px;font-size:clamp(26px,8vw,42px);line-height:1.5}.hero-description{max-width:470px}.hero-actions{gap:12px 24px;margin-top:26px}.button{min-width:194px;padding-inline:18px;font-size:11px}.hero-actions .text-link{gap:12px;font-size:11px}h2{font-size:26px}.section-intro{margin-bottom:24px}.product-grid{grid-template-columns:1fr;gap:20px}.product{gap:0;padding:8px;display:flex}.product-body{padding:18px 12px 8px}.product-heading{flex-direction:row;align-items:baseline;gap:5px 12px}.product-heading h3{font-size:27px}.product-heading>span{font-size:12px}.product-description{margin-top:10px;margin-bottom:16px;font-size:14px;line-height:1.8}.product-link{font-size:12px}.news-intro{gap:16px;margin-bottom:22px}.news-intro .text-link{font-size:11px}.news-item{grid-template-columns:92px 1fr 18px;gap:9px 14px;padding-block:22px}.news-item time{font-size:12px}.news-item h3{grid-area:2/1/auto/3;font-size:14px;line-height:1.9}.news-arrow{grid-area:1/3/3;align-self:center}.company{padding-block:40px}.company h2{margin-bottom:18px}.company-overview{grid-template-columns:1fr}.company-overview>div{padding-block:12px}.company-overview dt{font-size:11px}.company-overview dd{font-size:13px;line-height:1.75}.company-business{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}[data-brand=wdx]{--brand-surface:#064e3b;--brand-foreground:#fff;--brand-secondary:#d4e7df;--brand-highlight:#fff;--brand-divider:#2b6957;--brand-hover-surface:#0b6049;--brand-card-surface:#fff;--brand-card-foreground:#17211d;--brand-card-secondary:#5a655f;--brand-card-divider:#d3dfd8;--brand-card-highlight:#064e3b;--brand-image-surface:#edf3ef}[data-brand=dydo]{--brand-surface:#0a0c0f;--brand-foreground:#d7dee7;--brand-secondary:#a3adb9;--brand-highlight:#3ddc97;--brand-divider:#2a323c;--brand-hover-surface:#11151a;--brand-image-surface:#0a0c0f}[data-brand=onpa]{--brand-surface:#f0ece4;--brand-foreground:#1d1b18;--brand-secondary:#5c564d;--brand-highlight:#1d1b18;--brand-divider:#e2dcd0;--brand-hover-surface:#e7e2d8;--brand-card-surface:#f8f6f1;--brand-image-surface:#f0ece4}
