:root{--english:"Barlow", Arial, sans-serif;--motion-ease:cubic-bezier(.2, .65, .3, 1)}.tech-art{max-width:100%;font-family:Noto Sans JP,sans-serif;display:block;overflow:visible}.home-hero{isolation:isolate;background:#182129;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.home-hero-copy h1{font-family:var(--english);letter-spacing:-1rem;font-weight:700}.home-hero-copy p{text-shadow:0 1rem 6rem #0005}.phone{font-family:var(--english);white-space:nowrap;font-weight:600}.service-introduction>:is(svg,img).tech-art,.about-intro>:is(svg,img).tech-art{clip-path:none;mix-blend-mode:normal}.service-introduction>div:first-child{z-index:1;position:relative}.service-dropdown{z-index:70}.nav-services{position:relative}.form-fields input,.message-field textarea,.case-list article>div,.overview dd{min-width:0}.page-photo{object-fit:cover}.page-photo:is([src*=software-workstation],[data-poster*=software-workstation]){object-position:center 43%}.page-photo:is([src*=firewall],[data-poster*=firewall]){object-position:center 48%}.card-software .service-photo{object-position:72% center}.card-maintenance .service-photo{object-position:28% center}.card-web .service-photo{object-position:50% center}.card-cloud .service-photo{object-position:65% center}.service-photo:is([src*="/service-art/"],[data-poster*="/service-art/"]){object-position:center}.support-main{object-position:left center}.support-agent{object-position:16% center}.support-faq img{object-position:center}.product-art{background:#fff;border-radius:8rem;width:295rem;height:235rem;margin:0 auto 24rem;position:relative;overflow:visible}.product-art>:is(svg,img).tech-art,.product-art>img{object-fit:contain;width:100%;height:100%}.product-art>span{color:#fff;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:linear-gradient(110deg,#f6a12a,#ef3025);padding:3rem 20rem;font-size:15rem;font-weight:700;position:absolute;bottom:0;left:-14rem}.product-card h4{white-space:normal;min-height:31rem;line-height:1.7}.product-card h3{font-size:21rem}.product-scroll{scrollbar-width:none}.product-scroll::-webkit-scrollbar{display:none}.slider-position{background:#d8d8d8;flex:1;height:2rem;margin:0 14rem;position:relative}.slider-position>span{background:var(--orange);width:10%;position:absolute;inset-block:0}.case-decoration{object-fit:cover}.case-decoration:is([src*=firewall],[data-poster*=firewall]){object-position:center}.case-decoration:is([src*=software-workstation],[data-poster*=software-workstation]){object-position:72% center}.case-list article>.tech-art{background:#fff;border-radius:8rem}.mobile-service-benefits,.scroll-progress{display:none}.motion-toggle{color:#fff;z-index:75;background:0 0;border:1px solid #fff8;border-radius:50%;place-items:center;width:38rem;height:38rem;display:grid;position:absolute;top:20rem;right:-60rem}.motion-toggle svg{width:16rem;height:16rem}.motion-toggle:hover{color:#fff;background:#fff2}.motion-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.motion-reveal{opacity:1;translate:none}html[data-motion=on] .motion-reveal.is-visible{animation:gentle-arrive .6s var(--motion-ease) both}html[data-motion=on] .page-title,html[data-motion=on] .home-hero-copy{animation:gentle-arrive .7s var(--motion-ease) both}html[data-motion=on] .hero-photo{animation:1.8s ease-out both hero-settle}html[data-motion=on] .modal[open],html[data-motion=on] .form-confirmation{animation:.3s ease-out both gentle-arrive}html[data-motion=on] svg.art-in-view .art-subtle{animation:5s ease-in-out infinite ink-breathe}.home-service-card .service-photo{transition:filter .35s}@media (hover:hover){.home-service-card:hover .service-photo{filter:brightness(1.08)}}@keyframes gentle-arrive{0%{opacity:.35}to{opacity:1}}@keyframes hero-settle{0%{opacity:.4;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes ink-breathe{0%,to{opacity:1}50%{opacity:.78}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1101px){.home-hero-copy{width:900rem}.service-introduction{height:auto;min-height:1114rem}.service-introduction>div:first-child{width:445rem;max-width:445rem}.service-introduction h2{white-space:pre;letter-spacing:0;width:max-content;max-width:650rem}.service-introduction p{width:425rem}.service-introduction>:is(svg,img).tech-art{width:1210rem;height:1045rem;left:240rem}.lineup{height:auto;min-height:1140rem;padding-bottom:210rem}.lineup-panel{margin-top:-8rem;padding-bottom:44rem;box-shadow:260rem 0 #f8f8f8}.case-studies{height:auto;min-height:1830rem;padding-bottom:115rem}.case-list article{grid-template-columns:370rem minmax(0,1fr)}.service-faq{height:auto;min-height:550rem;padding-bottom:110rem}.message-copy{width:540rem;left:220rem}.message .president-photo{right:170rem}.signature{white-space:nowrap;align-items:baseline;gap:22rem;display:flex}.signature small{margin:0}.footer-inner{grid-template-columns:470rem 530rem 350rem;gap:25rem}.footer-contact>.phone{letter-spacing:-1rem;font-size:55rem}}@media (width<=1100px){.home-hero{height:560rem}.hero-photo{object-position:58% center}.home-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0008,#0001);position:absolute;inset:0}.home-hero-copy{width:calc(100% - 44rem);padding:0;top:125rem}.home-hero-copy h1{letter-spacing:-.8rem;font-size:clamp(39rem,7.5vw,72rem);line-height:1.2}.home-hero-copy p{font-size:16rem;line-height:2}.home-hero .hero-download{width:146rem;top:0;right:22rem}.navigation .motion-toggle{width:36rem;height:36rem;top:14rem;right:82rem}.motion-toggle svg{width:15rem;height:15rem}.home-intro .intro-outline{font-size:clamp(38rem,8vw,55rem)}.home-service-card .service-card-name h3{font-size:clamp(32rem,7.5vw,45rem);line-height:1.02}.service-introduction>:is(svg,img).tech-art{display:none}.service-introduction>.mobile-service-benefits{gap:0;width:100%;margin-top:12rem;display:grid}.mobile-service-benefits article{border-top:1px solid #e4e4e4;grid-template-columns:56rem 1fr;align-items:center;gap:20rem;padding:22rem 0;display:grid}.mobile-service-benefits .tech-icon{width:56rem;height:56rem;color:var(--orange)}.mobile-service-benefits h3{margin-bottom:4rem;font-size:18rem;line-height:1.6}.service-introduction .mobile-service-benefits p{margin:0;font-size:13rem;line-height:1.9}.product-art{width:210rem;height:168rem;margin-bottom:20rem}.product-art>span{padding:3rem 16rem;font-size:10rem;left:-8rem}.product-card h3{font-size:15rem}.product-card h4{min-height:42rem;font-size:12rem}.about-intro>.tech-art{height:430rem}.about-intro .about-headline{font-size:clamp(35rem,10.5vw,48rem)}.signature{white-space:normal;flex-wrap:wrap;align-items:baseline;gap:8rem 14rem;display:flex}.signature small{margin:0}.footer-contact>.phone{font-size:37rem}.overview .section-heading h2{font-size:clamp(31rem,8vw,40rem)}}@media (width<=374px){.home-hero-copy p{font-size:15rem}.footer-contact>.phone{font-size:32rem}}.page-photo:is([src*=supplied-office],[data-poster*=supplied-office]){object-position:center 74%}.page-photo:is([src*=supplied-network\.webp],[data-poster*=supplied-network\.webp]){object-position:center 29%}.page-photo:is([src*=server-room-clean],[data-poster*=server-room-clean]){object-position:center 68%}@media (width>=1101px){.page-title h1{transform-origin:0;transform:scaleX(1.065)}.service-introduction p{width:430rem;font-size:21rem}.lineup-panel{padding-right:0}.product-scroll{padding-right:70rem}.slider-controls{margin-right:70rem}}
