@charset "UTF-8";
:root{--ink:#142c39;--accent:#d65b30;--paper:#fff;--muted:#68777b;--line:#dde4e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,ul,ol{margin:0}h1,h2,h3{font-weight:750}img{display:block;max-width:100%}p{overflow-wrap:anywhere}.wrap{width:min(1160px,calc(100% - 88px));margin:auto}.sample-ribbon{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 28px;background:#faf8f2;border-bottom:1px solid #e2e2d9;font-size:11px;color:#4f5f57}.sample-ribbon a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.sample-ribbon strong{font-size:10px;border:1px solid #c8cec4;padding:3px 7px;margin-right:12px;font-weight:600;white-space:nowrap}.sample-header{position:relative;z-index:20;height:90px;background:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.sample-brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:.07em;line-height:1.3}.sample-brand small{display:block;font-family:Arial,sans-serif;letter-spacing:.15em;font-weight:500;font-size:8px;margin-top:6px}.brand-symbol{display:grid;place-items:center;width:39px;height:39px;border:2px solid currentColor;font-family:Arial,sans-serif;font-size:24px;line-height:1}.sample-nav{display:flex;align-items:center;gap:26px;font-size:11px;font-weight:650}.sample-nav .nav-contact{padding:13px 20px;background:var(--ink);color:white}.sample-menu{display:none;background:none;border:1px solid var(--line);border-radius:3px;font-size:21px;width:42px;height:40px}.kicker{font-family:Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,4.9vw,66px);line-height:1.5;letter-spacing:.035em;margin:22px 0}.hero-copy>p:not(.kicker){font-size:13px;line-height:2.1;max-width:430px}.sample-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 24px;margin-top:30px;background:var(--accent);color:white;font-size:12px;font-weight:700;min-height:54px}.sample-button span{font-size:19px;font-weight:400}.sample-button:hover{filter:brightness(.94)}.hero-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.18em}.sample-section{padding:100px 0}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.section-top h2,.intro-heading{font-size:31px;line-height:1.7;letter-spacing:.04em;margin-top:15px}.section-top>p{font-size:13px;color:var(--muted);line-height:2.1}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-item{position:relative;padding:30px 28px;border-top:2px solid var(--ink);background:#f3f6f7}.service-item>.number{font-family:Arial,sans-serif;color:var(--muted);font-size:11px;letter-spacing:.08em}.service-item h3{font-size:20px;margin:26px 0 13px}.service-item p{font-size:12px;color:var(--muted);line-height:2}.service-item .service-detail{font-size:10px;margin-top:20px;letter-spacing:.03em;border-top:1px solid var(--line);padding-top:15px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-section h2{font-size:30px;line-height:1.7;margin:15px 0 20px}.split-section p{font-size:13px;line-height:2.2;color:var(--muted)}.feature-list{list-style:none;padding:0;border-top:1px solid var(--line)}.feature-list li{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr;gap:12px}.feature-list li>span{font-family:Arial,sans-serif;font-size:12px;color:var(--accent)}.feature-list strong{display:block;font-size:15px;margin-bottom:5px}.feature-list p{font-size:12px;line-height:1.95}.contact-block{padding:66px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact-block h2{font-size:30px;line-height:1.7;margin-top:13px}.contact-block p:not(.kicker){font-size:12px;line-height:2;opacity:.8;margin-top:15px}.contact-block .sample-button{background:white;color:var(--ink);margin-top:0}.contact-block .contact-caption{font-size:10px;margin-top:13px;opacity:.7}.sample-footer{padding:35px 0 45px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:var(--muted)}.footer-inner a{text-decoration:underline;text-underline-offset:4px}.about-note{padding:30px 35px;background:#f6f7f7;font-size:12px;line-height:2.1;color:var(--muted);margin-top:35px}.preview-mode .sample-ribbon{display:none}
/* Manufacturing: precise, technical, and composed. */
.factory{--ink:#142c3b;--accent:#cfe1a6;--muted:#687880}.factory .brand-symbol{transform:rotate(45deg);font-size:0}.factory .brand-symbol:after{content:"";width:13px;height:13px;border:2px solid currentColor}.factory-hero{position:relative;overflow:hidden;background:#0c2232;min-height:625px;color:white;padding:76px 0 62px}.factory-hero .hero-copy{max-width:590px}.factory-hero .hero-media{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;object-position:left center}.factory-hero .kicker{color:#b9d1dc}.factory-hero h1{font-size:clamp(46px,4.85vw,65px)}.factory-hero .hero-copy>p:not(.kicker){color:#c6d2d9;max-width:400px}.factory-hero .sample-button{color:#152b37}.factory-hero .hero-label{display:block;color:#91a6b4;margin-top:46px;font-size:9px}.factory-strip{background:#e9eef0;border-bottom:1px solid #dce3e7}.factory-strip>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;padding-bottom:20px;font-size:11px}.factory-strip span{color:#75838b;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.2em}.factory .service-item{background:#f0f3f5}.factory .service-item .number{color:#567585}.factory .feature-list li>span{color:#637f39}.factory-dark{background:#122d3d;color:#fff}.factory-dark .split-section p{color:#b4c7d0}.factory-dark .feature-list{--line:#38515f}.factory-dark .feature-list li>span{color:#cfe1a6}.factory .contact-block{margin-top:0}.factory .sample-section:last-of-type{padding-top:72px}
/* Logistics: warm, practical, and approachable. */
.logistics{--ink:#263733;--accent:#e86735;--muted:#758079;--paper:#faf8f2;--line:#dedfd6}.logistics .sample-header{background:#faf8f2}.logistics .brand-symbol{background:#e86735;border:0;color:white;transform:skew(-8deg);font-size:22px}.logistics .sample-brand{font-size:22px;letter-spacing:.015em}.logistics .sample-nav .nav-contact{background:#e86735;border-radius:5px}.logistics-hero{position:relative;overflow:hidden;background:#faf8f2;padding:62px 0 70px;min-height:610px}.logistics-hero .hero-media{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;object-position:left center}.logistics-hero .hero-copy{max-width:570px}.logistics-hero h1{font-size:clamp(43px,4.7vw,63px);line-height:1.52}.logistics-hero .kicker{display:inline-block;font-size:10px;border:1px solid #d2d8cc;border-radius:30px;padding:7px 15px;letter-spacing:.09em}.logistics-hero .sample-button{border-radius:5px}.logistics-hero .hero-label{display:block;margin-top:34px;color:#a0957d;font-size:9px}.logistics-band{background:#293a34;color:#f8f3e8;padding:19px 0}.logistics-band>.wrap{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.2em}.logistics-band b{color:#f5a777;font-weight:400}.logistics .service-item{border:1px solid #dce0d3;border-top:0;border-radius:10px;padding:30px;background:white}.logistics .service-item>.number{color:#d86a3b}.logistics .service-item h3{margin-top:23px}.logistics .intro-heading{font-size:33px}.logistics-about{background:#e9ede4}.logistics .feature-list li>span{color:#d65c2e}.logistics .contact-block{border-radius:12px;background:#e86735}.logistics .contact-block .sample-button{color:#ba4920;border-radius:5px}.logistics .about-note{background:white;border-radius:8px}
/* Cleaning: soft, bright, and reassuring. */
.cleaning{--ink:#28564b;--accent:#3f806a;--muted:#6d837a;--paper:#fffefa;--line:#dce6dd}.cleaning .sample-header{background:#fffefa}.cleaning .sample-brand{font-size:27px;letter-spacing:-.025em;font-family:Georgia,serif}.cleaning .brand-symbol{border:0;background:#dcebdd;color:#46775b;border-radius:50% 50% 45% 0;font-size:19px;transform:rotate(-18deg)}.cleaning .sample-brand small{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:9px;letter-spacing:.06em}.cleaning .sample-nav .nav-contact{background:#3f806a;border-radius:40px}.cleaning-hero{position:relative;overflow:hidden;background:#eaf3e9;padding:73px 0 76px;min-height:615px;border-radius:0 0 0 90px}.cleaning-hero .hero-media{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;object-position:left center}.cleaning-hero .hero-copy{max-width:590px}.cleaning-hero h1{font-size:clamp(41px,4.5vw,61px);line-height:1.6;letter-spacing:.035em}.cleaning-hero .kicker{letter-spacing:.12em;font-size:10px;color:#64806c}.cleaning-hero .sample-button{border-radius:40px;padding:17px 27px}.cleaning-hero .hero-label{display:block;margin-top:31px;color:#6f8d75;font-size:9px}.cleaning-points{padding:30px 0 0}.cleaning-points>.wrap{display:flex;justify-content:flex-end;gap:24px;font-size:11px;color:#66816d}.cleaning-points span:before{content:"✓";margin-right:8px;color:#3f806a}.cleaning .service-item{border:1px solid #dce6da;border-radius:55px 55px 8px 8px;background:#f4f7ed;padding:37px 30px 30px}.cleaning .service-item>.number{font-size:11px;color:#749c7c}.cleaning .section-top h2{font-size:32px}.cleaning-about{background:#edf3e9;border-radius:70px 0 0 0}.cleaning .feature-list strong{color:#315f50}.cleaning .contact-block{border-radius:15px;background:#3f6f5a}.cleaning .contact-block .sample-button{border-radius:35px}.cleaning .about-note{background:#fffefa;border-radius:10px}
@media(min-width:1500px){.factory-hero .hero-media,.logistics-hero .hero-media,.cleaning-hero .hero-media{width:52%}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.sample-nav{gap:17px;font-size:10px}.sample-brand{font-size:19px}.sample-nav .nav-contact{padding:11px 14px}.hero-copy h1,.factory-hero h1,.logistics-hero h1,.cleaning-hero h1{font-size:46px}.hero-copy>p:not(.kicker){font-size:12px;max-width:350px}.factory-hero,.logistics-hero,.cleaning-hero{min-height:565px;padding-top:65px}.factory-hero .hero-media,.logistics-hero .hero-media,.cleaning-hero .hero-media{width:53%;opacity:.85}.section-top{gap:35px}.service-grid{gap:18px}.service-item{padding:24px 20px}.logistics .service-item,.cleaning .service-item{padding:28px 22px}.service-item h3{font-size:18px}.split-section{gap:45px}.contact-block{padding:44px;gap:30px}}
@media(max-width:720px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}.sample-ribbon{padding:9px 16px;gap:12px;align-items:flex-start;font-size:9px;line-height:1.8}.sample-ribbon strong{display:inline-block;margin:0 5px 3px 0;font-size:8px;padding:1px 5px}.sample-ribbon>div{max-width:240px}.sample-ribbon>a{flex-shrink:0;white-space:nowrap;font-size:9px;margin-top:2px}.sample-header{height:76px}.sample-brand{font-size:20px;gap:10px}.sample-brand small{font-size:7px}.brand-symbol{height:32px;width:32px;font-size:19px}.sample-menu{display:block}.sample-nav{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;background:var(--paper);box-shadow:0 10px 20px #122a3612;border-bottom:1px solid var(--line);font-size:12px}.sample-nav.is-open{display:flex}.sample-nav>a{padding:13px 8px}.sample-nav .nav-contact{text-align:center;margin-top:7px;padding:13px}.logistics .sample-brand{font-size:19px}.cleaning .sample-brand{font-size:25px}.factory-hero,.logistics-hero,.cleaning-hero{padding:38px 0 0;min-height:0}.factory-hero .hero-media,.logistics-hero .hero-media,.cleaning-hero .hero-media{position:relative;display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:center;margin-top:-12px;opacity:1}.hero-copy,.factory-hero .hero-copy,.logistics-hero .hero-copy,.cleaning-hero .hero-copy{max-width:none}.hero-copy h1,.factory-hero h1,.logistics-hero h1,.cleaning-hero h1{font-size:clamp(35px,9.5vw,47px);line-height:1.55;margin:19px 0}.hero-copy>p:not(.kicker){font-size:12px;max-width:100%;line-height:2.1}.kicker{font-size:9px}.sample-button{margin-top:23px;min-height:50px;font-size:11px;padding:15px 20px;gap:40px}.factory-hero .hero-label,.logistics-hero .hero-label,.cleaning-hero .hero-label{margin-top:24px;font-size:8px;letter-spacing:.12em}.factory-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px;padding:18px 0;font-size:10px}.factory-strip span{width:100%;font-size:8px}.logistics-hero .kicker{font-size:8px;padding:5px 11px}.logistics-band>.wrap{font-size:8px;gap:10px;letter-spacing:.06em;flex-wrap:wrap}.cleaning-hero{border-radius:0 0 0 44px}.cleaning-points>.wrap{justify-content:center;gap:10px;font-size:9px;flex-wrap:wrap}.sample-section{padding:65px 0}.section-top{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-top h2,.intro-heading,.logistics .intro-heading,.cleaning .section-top h2{font-size:26px;line-height:1.75;margin-top:12px}.section-top>p{font-size:12px}.service-grid{grid-template-columns:1fr;gap:18px}.service-item,.logistics .service-item,.cleaning .service-item{padding:26px}.service-item h3{font-size:20px;margin-top:14px}.service-item .service-detail{margin-top:16px}.cleaning .service-item{border-radius:27px 27px 7px 7px}.split-section{grid-template-columns:1fr;gap:30px}.split-section h2{font-size:26px}.split-section p{font-size:12px}.feature-list li{padding:20px 0}.feature-list strong{font-size:14px}.about-note{padding:23px;font-size:11px}.cleaning-about{border-radius:42px 0 0 0}.contact-block{grid-template-columns:1fr;padding:30px 24px;gap:25px}.contact-block h2{font-size:25px}.contact-block p:not(.kicker){font-size:11px}.contact-block .sample-button{width:100%;font-size:11px;gap:15px}.sample-footer{padding:28px 0 34px}.footer-inner{display:block;font-size:9px}.footer-inner a{display:inline-block;margin-top:15px}.factory .sample-section:last-of-type{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}