:root{--black:#0c0d0e;--black2:#151719;--paper:#f0efeb;--white:#fff;--yellow:#f5c800;--gray:#a9aaac;--font-sans:'Noto Sans JP',sans-serif;--font-serif:'Noto Serif JP',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:#111;background:var(--black);line-height:1.8;letter-spacing:.03em}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.84),rgba(0,0,0,.55));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);transition:.25s}.site-header.scrolled{background:rgba(8,9,10,.94)}
.header-inner{height:86px;max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:34px}.brand{width:190px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:end;line-height:1}.brand-kicker{font-size:11px;grid-row:1;grid-column:1;margin-right:8px;margin-bottom:5px}.brand-main{font-family:var(--font-serif);font-size:31px;font-weight:900;grid-row:1;grid-column:2;letter-spacing:.05em}.brand-en{grid-row:2;grid-column:1 / span 2;font-size:8px;letter-spacing:.42em;margin-top:7px;padding-left:2px;color:#bfc1c3}
.global-nav{display:flex;align-items:center;gap:21px;margin-left:auto;font-size:12px;font-weight:600;white-space:nowrap}.global-nav a{position:relative;padding:9px 0;color:#e8e8e8}.global-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--yellow);transition:.25s}.global-nav a:hover:after{right:0}.header-tel{align-self:stretch;margin-right:-28px;min-width:235px;padding:0 25px;background:var(--yellow);color:#111;display:flex;flex-direction:column;justify-content:center;line-height:1.2}.header-tel-label{font-size:10px;font-weight:700;margin-bottom:4px}.header-tel strong{font-size:21px;letter-spacing:.01em}.menu-button{display:none;background:none;border:0;width:46px;height:46px;padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:#fff;margin:6px 0;transition:.2s}.mobile-menu{display:none}
.hero{position:relative;min-height:900px;height:100vh;max-height:980px;color:#fff;overflow:hidden;background:linear-gradient(110deg,#070809 0%,#0b0c0d 44%,#17191b 44.1%,#0b0c0d 100%)}.hero-image{position:absolute;top:0;right:-2.5%;left:auto;width:72%;height:100%;object-fit:cover;object-position:53% 52%;filter:saturate(1.02) contrast(1.13);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);transform:scale(1.035);transform-origin:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090a 0%,rgba(8,9,10,.98) 31%,rgba(8,9,10,.82) 42%,rgba(8,9,10,.18) 61%,rgba(8,9,10,.04) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 34%)}.hero-lines{position:absolute;inset:0;background:linear-gradient(105deg,transparent 48%,rgba(255,255,255,.08) 48.2%,transparent 48.45%)}.hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:2;padding-top:72px}.hero-copy{width:min(620px,58vw)}
.eyebrow,.section-en{font-size:11px;letter-spacing:.24em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#d6d6d6;margin:0 0 20px}.eyebrow span{display:block;width:44px;height:2px;background:var(--yellow)}.hero h1{font-family:var(--font-serif);font-size:clamp(48px,6.4vw,90px);line-height:1.08;letter-spacing:.03em;margin:0 0 20px;text-shadow:0 4px 18px rgba(0,0,0,.18)}.hero-lead{font-family:var(--font-serif);font-size:clamp(24px,3vw,42px);line-height:1.5;margin:0 0 16px;font-weight:700}.hero-lead em{font-style:normal;color:var(--yellow)}.hero-text{max-width:560px;font-size:15px;line-height:2;color:#ededed;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{height:58px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-weight:800;font-size:13px;min-width:210px;transition:.2s}.btn-primary{background:var(--yellow);color:#111}.btn-primary:hover{background:#ffe24a;transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.25);color:#fff}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-side-copy{position:absolute;z-index:2;right:32px;top:160px;writing-mode:vertical-rl;font-family:var(--font-serif);font-weight:700;font-size:17px;letter-spacing:.24em;line-height:2.1;text-shadow:0 2px 12px #000}.hero-bottom{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.42);backdrop-filter:blur(6px)}.hero-bottom>div{padding:16px 32px;border-right:1px solid rgba(255,255,255,.13);display:flex;align-items:baseline;gap:12px}.hero-bottom b{font-size:16px;color:var(--yellow)}.hero-bottom span{font-size:8px;letter-spacing:.16em;color:#ccc}
section{position:relative}.section-dark{background:var(--black2);color:#fff}.section-paper{background:var(--paper);color:#111}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:42px}.section-heading h2,.machines h2,.area h2,.contact h2{font-family:var(--font-serif);font-size:clamp(32px,4.2vw,52px);line-height:1.28;margin:4px 0 0;letter-spacing:.05em}.section-heading>p{max-width:470px;font-size:13px;line-height:2;color:#5c5d5f;margin:0 0 6px}.section-heading.light>p{color:#b8b8b8}.section-en{color:#777;margin:0}.light .section-en,.section-dark .section-en{color:var(--yellow)}
.reason{padding:88px 0 92px;overflow:hidden}.reason:before{content:"REASON";position:absolute;left:2%;top:-42px;font-size:150px;line-height:1;font-weight:900;color:rgba(255,255,255,.028);letter-spacing:-.04em}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.18)}.reason-card{position:relative;min-height:310px;padding:42px 28px 28px;border-right:1px solid rgba(255,255,255,.18);background:linear-gradient(150deg,rgba(255,255,255,.025),transparent)}.reason-card:last-child{border-right:0}.reason-no{position:absolute;right:20px;top:18px;color:var(--yellow);font-size:12px;font-weight:800}.reason-card h3{font-family:var(--font-serif);font-size:22px;margin:30px 0 14px}.reason-card p{font-size:12px;line-height:2;color:#bebebe;margin:0}
.service{padding:92px 0}.service:before{content:"SERVICE";position:absolute;left:1.5%;top:-42px;font-size:150px;font-weight:900;line-height:1;color:rgba(0,0,0,.045);letter-spacing:-.03em}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.06);overflow:hidden}.service-media{height:250px;overflow:hidden;background:#222}.service-media img{width:100%;height:100%;object-fit:cover;transition:.45s;filter:saturate(.8) contrast(1.03)}.service-media.grayscale img{filter:grayscale(1) contrast(1.05)}.service-card:hover .service-media img{transform:scale(1.045)}.service-body{padding:21px 20px 24px;min-height:185px}.service-body span{font-size:9px;letter-spacing:.15em;color:#858585;font-weight:800}.service-body h3{font-family:var(--font-serif);font-size:23px;margin:6px 0 10px}.service-body p{font-size:12px;color:#686868;line-height:1.9;margin:0}
.works{padding:92px 0 96px}.works:before{content:"WORKS";position:absolute;left:1.5%;top:-45px;font-size:150px;font-weight:900;line-height:1;color:rgba(255,255,255,.03)}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-card{border:1px solid rgba(255,255,255,.15);background:#101112}.work-photo{height:210px;overflow:hidden;background:#222}.work-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08);transition:.35s}.work-card:hover img{transform:scale(1.04)}.work-info{padding:18px 18px 22px}.work-info>span{display:inline-block;font-size:10px;font-weight:800;background:var(--yellow);color:#111;padding:3px 8px;margin-bottom:9px}.work-info h3{font-size:16px;margin:0 0 7px}.work-info p{font-size:10px;color:#888;margin:0}.achievement{margin-top:56px;display:grid;grid-template-columns:300px 1fr;gap:50px;padding-top:35px;border-top:1px solid rgba(255,255,255,.16)}.achievement-label{font-size:9px;letter-spacing:.15em;color:var(--yellow);font-weight:800}.achievement h3{font-family:var(--font-serif);font-size:24px;margin:9px 0}.achievement ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.achievement li{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid rgba(255,255,255,.12);padding:12px 0}.achievement li strong{font-size:18px;color:var(--yellow);min-width:90px}.achievement li span{font-size:11px;color:#c4c4c4}
.machines{padding:96px 0}.machines-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:86px}.machines-copy{position:sticky;top:130px;align-self:start}.machines-copy h2{margin:9px 0 24px}.machines-copy>p:not(.section-en){font-size:13px;line-height:2.1;color:#616161;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:800;border-bottom:2px solid #111;padding-bottom:9px}.text-link span{color:#b39300}.machine-list{border-top:2px solid #111}.machine-list article{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;gap:18px;padding:24px 5px;border-bottom:1px solid #c3c3c3}.machine-list span{font-size:11px;color:#aaa;font-weight:800}.machine-list h3{font-size:18px;margin:0}.machine-list p{font-size:11px;color:#737373;margin:0}
.area{background:#fff;padding:90px 0}.area-layout{display:block}.area-copy{max-width:1040px;margin-inline:auto}.area-map{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;background:#f4f4f3;overflow:hidden}.map-bg{position:absolute;left:14px;top:-18px;font-size:90px;font-weight:900;color:#e8e8e7;line-height:1}.area-map svg{width:80%;position:relative;z-index:2;font-family:var(--font-sans);font-size:19px;font-weight:800}.area-copy h2{margin:8px 0 12px}.area-intro{font-size:13px;color:#555;margin:0 0 26px}.area-row{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:18px 0;border-top:1px solid #ddd}.area-row:last-child{border-bottom:1px solid #ddd}.area-row span{background:var(--yellow);font-size:12px;font-weight:900;height:34px;display:flex;align-items:center;justify-content:center}.area-row p{font-size:11px;line-height:1.9;margin:0;color:#595959}
.company{padding:94px 0}.company-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:start}.company-table{border-top:2px solid #111}.company-table dl{display:grid;grid-template-columns:150px 1fr;margin:0;border-bottom:1px solid #c9c9c9;padding:18px 8px}.company-table dt{font-size:11px;font-weight:800;color:#777}.company-table dd{margin:0;font-size:12px}.recycle-card{background:#111;color:#fff;position:relative;overflow:hidden;min-height:390px}.recycle-card-photo{height:170px;overflow:hidden;background:#222}.recycle-card-photo img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(.9) contrast(1.08);transition:.4s}.recycle-card:hover .recycle-card-photo img{transform:scale(1.035)}.recycle-card-body{padding:28px 36px 34px;position:relative;z-index:2}.recycle-card-body>p{color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.18em;margin:0}.recycle-card h3{font-family:var(--font-serif);font-size:25px;margin:8px 0 20px}.recycle-card address{font-style:normal;font-size:11px;line-height:2;margin-bottom:14px;color:#bbb}.recycle-card a{font-size:18px;font-weight:800;color:var(--yellow)}.recycle-word{position:absolute;right:-15px;bottom:-25px;font-size:65px;font-weight:900;color:rgba(255,255,255,.05);transform:rotate(-90deg);transform-origin:right bottom}
.contact{min-height:600px;color:#fff;display:flex;align-items:center;overflow:hidden;background:#0d0e0f}.contact-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.58),rgba(0,0,0,.5)),url('../img/hero.png');background-size:cover;background-position:center 45%;filter:grayscale(.55) contrast(1.05)}.contact-inner{position:relative;z-index:2;padding:90px 0}.contact .section-en{color:var(--yellow)}.contact h2{max-width:720px;margin:8px 0 18px}.contact-inner>p:not(.section-en){max-width:660px;color:#ccc;font-size:13px;line-height:2;margin-bottom:34px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-tel,.contact-mail{display:grid;min-width:360px;padding:20px 24px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.42);backdrop-filter:blur(6px)}.contact-tel{background:var(--yellow);color:#111;border-color:var(--yellow)}.contact-actions span{font-size:8px;letter-spacing:.2em;font-weight:900}.contact-actions strong{font-size:26px;letter-spacing:.02em;line-height:1.35}.contact-actions small{font-size:10px;opacity:.72}
.site-footer{background:#0a0b0c;color:#fff}.footer-main{min-height:190px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:38px}.footer-brand{display:grid;grid-template-columns:auto 1fr;width:190px;align-items:end;line-height:1}.footer-brand span{font-size:10px;margin-right:7px;margin-bottom:4px}.footer-brand strong{font-family:var(--font-serif);font-size:32px}.footer-brand small{grid-column:1 / span 2;font-size:8px;letter-spacing:.35em;color:#888;margin-top:8px}.footer-meta{font-size:10px;color:#aaa;line-height:1.9}.footer-meta p{margin:0}.page-top{font-size:10px;letter-spacing:.14em;color:var(--yellow);font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;color:#555;font-size:9px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.global-nav{display:none}.header-tel{margin-left:auto}.menu-button{display:block}.header-inner{padding-right:18px}.header-tel{margin-right:0;min-width:205px}.mobile-menu{position:absolute;top:86px;left:0;right:0;background:#0b0c0d;padding:12px 24px 24px;grid-template-columns:repeat(2,1fr);gap:1px;border-top:1px solid #292929}.mobile-menu.open{display:grid}.mobile-menu a{padding:15px;border-bottom:1px solid #222;font-size:12px}.reason-grid,.service-grid,.works-grid{grid-template-columns:repeat(2,1fr)}.reason-card:nth-child(2){border-right:0}.reason-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.machines-layout,.area-layout{gap:44px}.company-layout{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.header-inner{height:68px;padding:0 15px;gap:10px}.brand{width:142px}.brand-main{font-size:24px}.brand-kicker{font-size:9px}.brand-en{font-size:6px}.header-tel{display:none}.menu-button{margin-left:auto}.mobile-menu{top:68px}.hero{min-height:760px;height:100svh;max-height:none}.hero-content{align-items:flex-end;padding-bottom:112px;padding-top:90px}.hero-copy{width:100%}.hero-image{right:-34%;width:130%;clip-path:none;object-position:58% center;transform:scale(1.02)}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 50%,rgba(0,0,0,.12) 100%)}.hero h1{font-size:46px}.hero-lead{font-size:25px}.hero-text{font-size:12px;max-width:90%}.hero-side-copy{display:none}.hero-bottom{grid-template-columns:1fr}.hero-bottom>div{display:none}.hero-bottom>div:first-child{display:flex;padding:12px 16px}.btn{width:100%;height:54px}.section-heading{display:block}.section-heading>p{margin-top:14px}.section-heading h2,.machines h2,.area h2,.contact h2{font-size:34px}.reason,.service,.works,.machines,.area,.company{padding:72px 0}.reason:before,.service:before,.works:before{font-size:80px;top:-22px}.reason-grid,.service-grid,.works-grid{grid-template-columns:1fr}.reason-card{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;min-height:0}.service-media{height:220px}.works-grid{gap:16px}.work-photo{height:230px}.achievement{grid-template-columns:1fr;gap:15px}.achievement ul{grid-template-columns:1fr}.machines-layout,.area-layout{grid-template-columns:1fr}.machines-copy{position:static}.machine-list article{grid-template-columns:40px 1fr}.machine-list p{grid-column:2}.area-map{min-height:340px}.area-map svg{width:92%}.area-row{grid-template-columns:72px 1fr}.company-table dl{grid-template-columns:1fr;gap:6px}.company-table dt{color:#999}.recycle-card{min-height:300px}.contact{min-height:640px}.contact-actions{display:grid}.contact-tel,.contact-mail{min-width:0;width:100%}.contact-actions strong{font-size:23px}.footer-main{grid-template-columns:1fr;padding:45px 0;gap:18px}.page-top{justify-self:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}