:root{--ink:#171a1d;--orange:#ff5b26;--gray:#f2f3f4;--muted:#5e6469}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #2685e8;outline-offset:5px}p{line-height:1.95}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3vw,44px);line-height:1.5;letter-spacing:.02em}h3{line-height:1.7}.demo-bar{background:#eaecee;padding:9px 4%;font-size:11px;display:flex;justify-content:space-between;gap:15px}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding-left:4%;background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e6e6}.brand{display:flex;gap:14px;align-items:center}.brand>span{font-size:22px;letter-spacing:-.7px;font-weight:900;white-space:nowrap}.brand b{color:var(--orange)}.brand small{font-size:12px;white-space:nowrap;font-weight:700}.header nav{display:flex;align-items:center;height:100%;gap:28px}.header nav a,.nav-contact{font-size:12px;font-weight:700}.header nav a:hover{color:var(--orange)}.nav-contact{background:var(--orange);height:100%;padding:0 26px;color:white;display:flex;gap:20px;align-items:center}.menu-toggle{display:none}.hero{position:relative;min-height:620px;height:calc(100svh - 126px);max-height:880px;background:var(--ink);color:#fff;isolation:isolate}.hero-image{position:absolute;inset:0;height:100%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,22,.86),rgba(13,18,22,.32) 56%,transparent 82%);z-index:-1}.hero-content{padding:clamp(60px,7vw,115px) 7% 100px}.hero h1{font-size:clamp(42px,5.4vw,78px);line-height:1.4;letter-spacing:.045em;font-weight:900}.hero-content>p{font-size:21px;font-weight:700;margin-top:22px}.hero-content .hero-description{font-size:13px;font-weight:400;margin-top:16px;color:#e1e5e8}.button{min-height:60px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 27px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.orange{background:var(--orange);color:#fff}.orange:hover,.nav-contact:hover{background:#e74a19}.hero .button{margin-top:29px}.hero-bottom{position:absolute;bottom:24px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #ffffff45;padding-top:20px;font-size:10px;letter-spacing:2px}.section{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.section-label{display:block;font-size:11px;font-weight:700;color:#d84210;letter-spacing:1.9px;margin-bottom:17px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:5px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.services article{border-top:1px solid #aab0b4;padding-top:22px}.number{display:block;font-size:43px;font-weight:300;line-height:1;color:var(--orange);margin-bottom:30px}.services h3{font-size:23px;margin-bottom:20px}.services p{font-size:13px;color:var(--muted);margin-bottom:25px}.service-note{font-size:11px;display:block;border-top:1px solid #ddd;padding-top:18px;font-weight:700}.annotation{font-size:10px;color:#73797e;margin-top:32px}.works{background:var(--gray)}.works-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px}.work-feature img{aspect-ratio:1.55}.work-feature>div{padding-top:20px}.work-feature span,.work-list article div>span{font-size:10px;letter-spacing:1.3px;color:#73797e}.work-feature h3{font-size:23px;margin:9px 0}.work-feature p,.work-list p{font-size:12px;color:var(--muted)}.work-list article{display:flex;gap:24px;padding:27px 0 36px;border-top:1px solid #bbc0c4}.work-list article+article{margin-top:20px}.work-id{font-size:29px;color:var(--orange);font-weight:300}.work-list h3{font-size:20px;margin:15px 0}.work-symbol{margin-left:auto;font-size:25px;color:#767c81}.equipment{background:var(--ink);color:#fff}.equipment .section-label{color:#ff875f}.equipment .section-heading>p{color:#b9bfc3}.equipment small{font-size:11px}.table-row{display:grid;grid-template-columns:1.2fr 1.5fr 80px;gap:25px;align-items:center;border-bottom:1px solid #4d5357;padding:25px 15px}.table-head{background:#2b3034;padding:15px;font-size:11px;color:#aeb7bd}.table-row h3{font-size:15px}.table-row p{font-size:13px;color:#bcc3c7}.table-row>span:last-child{text-align:right;font-size:12px}.equipment .annotation{color:#adb5ba}.recruit{display:grid;grid-template-columns:1fr 1fr}.recruit-image{position:relative;min-height:580px}.recruit-image img{height:100%;position:absolute;inset:0;object-position:45% center}.recruit-image span{position:absolute;bottom:28px;left:32px;color:#fff;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000}.recruit-content{padding:80px 14% 80px 12%}.recruit-content h2{font-size:clamp(28px,3.2vw,44px)}.recruit-content>p{margin-top:24px;font-size:17px;font-weight:700}.recruit-content .recruit-description{font-size:12px;font-weight:400;color:var(--muted)}.dark{background:var(--ink);color:white}.recruit .button{margin-top:28px;width:100%;max-width:300px}.recruit-content>small{display:block;font-size:10px;line-height:1.8;color:#777;margin-top:15px}.contact{background:var(--orange);color:white;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:70px 7%}.contact>div>span{font-size:10px;letter-spacing:2px;display:block;margin-bottom:20px}.contact h2{font-size:37px}.contact p{font-size:13px;margin-top:17px}.contact-actions{width:37%;display:grid;gap:12px}.white{background:white;color:var(--ink)}.outline{border:1px solid #fff;background:transparent;color:#fff}.contact-actions small{font-size:10px;line-height:1.9}footer{background:var(--ink);color:#fff;padding:48px 7% 26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:35px;border-bottom:1px solid #41464a}.footer-top .brand{display:block}.footer-top .brand small{display:block;margin-top:10px;font-weight:400}.footer-top>p{font-size:13px}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-top:28px;color:#b5bcc0;font-size:9px}.footer-bottom>a{text-decoration:underline;text-underline-offset:4px}dialog{border:0;padding:48px;max-width:560px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#101820b3;backdrop-filter:blur(3px)}dialog h2{font-size:26px;padding-right:15px;margin-bottom:20px}dialog p{font-size:13px;margin-bottom:20px}dialog ul{padding:0;list-style:none;font-size:13px;line-height:2.4;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-block:16px;margin-bottom:20px}.dialog-close{position:absolute;right:15px;top:9px;background:none;font-size:30px}.dialog-back{display:block;background:none;margin:20px auto 0;font-size:12px;text-decoration:underline}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.section,.contact,footer{padding-left:max(7%,calc((100% - 1300px)/2));padding-right:max(7%,calc((100% - 1300px)/2))}}@media(max-width:1100px){.brand>span{font-size:18px}.brand{gap:9px}.brand small{font-size:10px}.header nav{gap:18px}.header nav a,.nav-contact{font-size:11px}.nav-contact{padding:0 19px}.recruit-content{padding:60px 10%}.services{gap:25px}}@media(max-width:820px){html{scroll-padding-top:72px}.demo-bar{font-size:9px;padding:8px 5%}.header{height:72px;padding:0 5%}.brand>span{font-size:18px}.brand small{font-size:10px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;background:#fff;padding:18px 5% 25px;box-shadow:0 20px 30px #0002}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:14px;padding:18px 0;border-bottom:1px solid #eee}.nav-contact{padding:20px;margin-top:20px;font-size:14px;justify-content:space-between}.menu-toggle{display:grid;gap:6px;padding:14px 0 14px 14px;background:none}.menu-toggle span{width:25px;height:2px;background:var(--ink)}.hero{height:auto;min-height:620px}.hero-image{object-position:64% center}.hero:after{background:linear-gradient(90deg,#0d1216db,#0d121666 75%)}.hero-content{padding:74px 7% 105px}.hero h1{font-size:48px}.hero-content>p{font-size:19px}.section{padding:70px 7%}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px;font-size:13px}.services{gap:22px}.services h3{font-size:18px}.services p{font-size:12px}.service-note{font-size:10px}.works-grid{gap:28px}.work-list article{gap:13px;padding-top:18px}.work-list h3{font-size:17px}.work-id{font-size:23px}.work-symbol{display:none}.recruit-content{padding:55px 12%}.recruit-image{min-height:540px}.contact{gap:25px}.contact h2{font-size:29px}.contact-actions{width:45%}.contact .button{font-size:12px;padding:17px}.footer-top>p{display:none}.footer-bottom{flex-wrap:wrap}.footer-bottom>p{width:100%}}
@media(max-width:560px){.demo-bar{align-items:center;font-size:8px}.brand{display:block}.brand small{display:block;margin-top:3px;font-size:9px}.hero{min-height:655px}.hero h1{font-size:40px;letter-spacing:.02em}.hero-content{padding-top:62px}.hero-image{object-position:61% center}.hero-content>p{margin-top:27px;font-size:18px}.hero-content .hero-description{font-size:12px}.hero .button{font-size:12px;min-height:56px;padding:16px 20px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom span:last-child{font-size:7px}.section{padding:62px 7%}.section-label{font-size:10px;margin-bottom:14px}h2{font-size:29px}.services{grid-template-columns:1fr;gap:30px}.services article{padding:22px 0 0;display:grid;grid-template-columns:55px 1fr;column-gap:12px}.number{grid-row:1/4;font-size:36px}.services h3{font-size:21px;margin-bottom:15px}.services h3 br{display:none}.services p{font-size:13px;margin-bottom:17px}.service-note{font-size:10px}.annotation{font-size:9px;line-height:1.9}.works-grid{grid-template-columns:1fr;gap:32px}.work-feature h3{font-size:21px}.work-list article{padding:24px 0;gap:25px}.work-list article+article{margin-top:0}.work-list h3{font-size:19px;margin:10px 0}.work-symbol{display:block}.table-row{grid-template-columns:1fr 40px;gap:5px 10px;padding:20px 0}.table-head{display:none}.table-row h3{font-size:14px}.table-row p{font-size:11px;grid-column:1;grid-row:auto}.table-row>span:last-child{grid-column:2;grid-row:1/3}.equipment .section-heading{margin-bottom:24px}.recruit{grid-template-columns:1fr}.recruit-image{min-height:310px}.recruit-image span{font-size:8px;left:7%;letter-spacing:1px}.recruit-content{padding:52px 7% 62px}.recruit-content h2{font-size:35px}.recruit-content .recruit-description{font-size:13px}.recruit .button{max-width:100%}.contact{display:block;padding:55px 7%}.contact h2{font-size:30px}.contact-actions{width:100%;margin-top:30px}.contact .button{font-size:14px;padding:18px 22px}footer{padding:38px 7% 24px}.footer-top{align-items:flex-start;gap:10px}.footer-top .brand>span{font-size:15px}.footer-top>a:last-child{font-size:9px}.footer-bottom{gap:20px;font-size:9px}.footer-bottom>span{width:100%}dialog{padding:36px 25px}dialog .button{font-size:12px;padding:16px 18px;gap:20px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}