:root{--ink:#142e30;--muted:#566769;--paper:#f8f9f5;--line:#d5ddda;--green:#c4e67e;--deep:#102d30;--white:#fff;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #657a24;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;font-weight:700}h2{font-size:clamp(26px,3vw,42px);letter-spacing:.035em}h3{font-size:19px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 4.3%;gap:24px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:42px;line-height:1;font-weight:900;letter-spacing:-4px}.brand-mark span{display:inline-block;color:#668535;font-size:35px;padding-left:4px}.brand-name{font-size:11px;line-height:1.65;font-weight:700}.header nav{display:flex;gap:26px;align-items:center;font-size:12px;font-weight:700}.header nav a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:7px}.nav-contact{padding:13px 18px;border:1px solid var(--ink)}.nav-contact span{margin-left:16px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:500px}.hero-copy{padding:48px 8%;justify-content:center;display:flex;flex-direction:column}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.6;margin-bottom:24px}.dot{display:inline-block;width:7px;height:7px;background:#799649;border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(38px,4.55vw,67px);letter-spacing:.02em;line-height:1.5;margin:20px 0 26px}.accent{border-bottom:4px solid #abc773}.hero-description{font-size:15px;line-height:2.2;color:var(--muted)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;align-self:flex-start;padding:16px 24px;background:var(--deep);color:white;font-size:13px;margin-top:34px}.button:hover{background:#315452}.hero-foot{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-family:Arial,sans-serif;letter-spacing:.12em;margin-top:auto;padding-top:56px}.mobile-break{display:none}.hero-art{position:relative;overflow:hidden;min-height:600px;background:radial-gradient(ellipse at 70% 40%,#335652 0%,#153536 55%,#102a2d 100%);color:#dce5de}.art-top{position:absolute;top:35px;left:30px;right:30px;display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:.13em;color:#b5cac2}.grid-plane{position:absolute;inset:-40%;transform:perspective(600px) rotateX(58deg) rotateZ(-27deg);background-image:linear-gradient(#9ac1ad18 1px,transparent 1px),linear-gradient(90deg,#9ac1ad18 1px,transparent 1px);background-size:45px 45px}.rack{position:absolute;width:190px;height:340px;border:9px solid #536c65;background:#102b2d;padding:18px 10px;box-shadow:14px 15px 0 #071e22,28px 30px 40px #071e2270;transform:skewY(-11deg);border-radius:3px}.rack:after{content:"";position:absolute;top:0;bottom:0;right:-26px;width:17px;background:linear-gradient(90deg,#253e3c,#18302f);transform:skewY(40deg);transform-origin:left top}.rack-back{top:130px;left:43%;height:335px}.rack-front{top:225px;left:14%;width:190px}.rack-label{font:8px Arial,sans-serif;letter-spacing:.2em;color:#c2cec3;margin-bottom:20px}.unit{height:32px;margin-bottom:7px;border:1px solid #56716c;position:relative;background:linear-gradient(90deg,#3e5954,#223c39);box-shadow:0 3px 1px #051c1a}.unit:before{content:"";position:absolute;left:10px;top:10px;width:75%;height:8px;background:repeating-linear-gradient(90deg,#0b2225 0 5px,transparent 5px 9px)}.unit:after{content:"";position:absolute;right:8px;bottom:7px;width:3px;height:3px;background:var(--green);box-shadow:-7px 0 #9abd69}.ports{height:27px;background:#658078}.wide{height:34px}.blank{height:58px;background:repeating-linear-gradient(0deg,#1f3938 0 3px,#294441 3px 5px)}.blank:before,.blank:after{display:none}.cable{position:absolute;z-index:2;width:64px;height:86px;border:3px solid #c1dc77;border-top:none;border-radius:0 0 23px 23px;top:100px;left:30px;transform:rotate(-5deg)}.cable-two{left:45px;width:64px;height:110px;border-color:#658c8d}.art-note{position:absolute;font:9px Arial,sans-serif;letter-spacing:.13em;color:#c4d1c9;border-top:1px solid #88a698;padding-top:9px}.note-one{top:143px;left:28px}.note-two{bottom:116px;right:22px}.art-bottom{position:absolute;bottom:27px;left:30px;font-size:11px;letter-spacing:.13em}.art-bottom .dot{background:var(--green)}.sector-bar{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.sector-bar>span{color:var(--muted);font-size:11px}.sector-bar p{font-weight:700;letter-spacing:.08em}.sector-bar i{font-style:normal;color:#99aa9c;padding:0 25px}.section{padding:72px 7%;scroll-margin-top:25px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-body{font-size:14px;color:var(--muted)}.intro-body p+p{margin-top:20px}.approach-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.approach-tags span{border:1px solid var(--line);padding:5px 10px;font-size:11px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:5px}.services{background:#edf0e9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfd8ce;border:1px solid #cfd8ce}.service-card{background:#f8f9f5;padding:28px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;font:11px Arial,sans-serif;color:#677d70}.line-icon{font-size:32px;line-height:1;color:#385845}.service-card h3{font-size:17px;margin-bottom:15px}.service-card p{font-size:12px;color:var(--muted);line-height:2}.service-card ul{border-top:1px solid var(--line);padding:18px 0 0;margin:24px 0 0;list-style:none;font-size:11px}.service-card li:before{content:"＋";margin-right:6px;color:#698447}.experience-list{border-top:1px solid var(--ink)}.experience-list article{display:grid;grid-template-columns:40px 1fr 1.7fr 85px;align-items:start;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.row-number{font:12px Arial,sans-serif;padding-top:7px}.experience-list h3{font-size:20px}.experience-list p{font-size:13px;color:var(--muted)}.small-label{font:9px Arial,sans-serif;letter-spacing:.08em;padding-top:9px;text-align:right}.network{background:var(--deep);color:#f3f6eb;display:grid;grid-template-columns:1fr 1fr;gap:90px}.network .eyebrow{color:var(--green)}.network-intro>p:not(.eyebrow){font-size:13px;color:#c7d4d0;margin-top:25px}.region-diagram{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #677d70;border-bottom:1px solid #677d70}.region-diagram span{padding:20px 5px;text-align:center;font-size:20px;position:relative}.region-diagram span+span{border-left:1px solid #677d70}.region-diagram small{display:block;font:8px Arial,sans-serif;letter-spacing:.1em;color:#badc89;margin-top:8px}.network-intro p.network-note{font-size:11px;line-height:2}.region-list article{padding:0 0 29px;margin-bottom:28px;border-bottom:1px solid #486263}.region-list article:last-child{margin-bottom:0}.region-list span{color:#c5de9a;font:9px Arial,sans-serif;letter-spacing:.12em}.region-list h3{font-size:22px;margin:7px 0 13px}.region-list p{font-size:12px;color:#c7d4d0}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:30px;margin:0}.flow-grid li{border-top:1px solid #8f9d8d;padding-top:20px}.flow-grid span{font:10px Arial,sans-serif;color:#647948;letter-spacing:.12em}.flow-grid h3{font-size:17px;margin:20px 0 12px}.flow-grid p{font-size:12px;color:var(--muted)}.company{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:60px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:130px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:24px 0;font-size:13px}.company dl>div:first-child{padding-top:0}.company dt{font-weight:700}.company dd{margin:0;color:var(--muted)}.consultation{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#e4edcf}.consultation h2{font-size:40px}.consultation>div>p:not(.eyebrow){font-size:13px;margin-top:24px}.consultation-panel{border-top:1px solid #8c9f74;padding-top:24px;align-self:center}.consultation-panel h3{font-size:16px}.consultation-panel ul{padding-left:20px;font-size:13px}.consultation .consultation-panel>p{font-size:12px;color:#4b6149}footer{padding:45px 7% 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}footer p{font-size:11px}footer>a:not(.footer-brand){font-size:11px}.footer-brand{font:bold 38px Arial,sans-serif;letter-spacing:-3px}.footer-brand span{color:#6c883c}footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.menu-toggle{display:none}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:720px}.hero-art{min-height:720px}.rack-front{left:22%;top:260px}.rack-back{left:48%;top:140px}.rack{width:220px;height:380px}.rack-front{width:220px}.unit{margin-bottom:11px}.hero-copy{padding-top:90px}}
@media(max-width:1100px){.header{padding:20px 4%;gap:12px}.header nav{gap:16px;font-size:11px}.brand-name{font-size:9px}.brand-mark{font-size:36px}.nav-contact{padding:10px}.nav-contact span{margin-left:6px}.hero-copy{padding:55px 7% 25px}.hero-art{min-height:570px}.hero{min-height:570px}.hero h1{font-size:46px}.hero-description{font-size:13px}.rack-front{left:10%;width:165px;top:215px}.rack-back{left:43%;width:165px;top:120px}.note-two{bottom:80px}.section{padding:80px 6%}.intro,.network,.consultation{gap:40px}.service-card{padding:23px}.service-card h3{font-size:15px}.experience-list article{grid-template-columns:25px 1fr 1.7fr;gap:20px}.small-label{display:none}}
@media(max-width:800px){.header{min-height:82px;padding:18px 5%;flex-wrap:wrap}.brand-mark{font-size:36px}.brand-name{font-size:9px}.header nav{width:100%;justify-content:space-between;flex-wrap:wrap;padding-top:12px}.js .header nav{display:none}.js .header nav.is-open{display:flex}.menu-toggle:not([hidden]){display:block;background:none;border:1px solid var(--line);padding:8px 10px;font-size:11px}.menu-toggle span{margin-left:8px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:40px 8% 24px}.hero h1{font-size:34px;margin-top:10px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.hero-art{min-height:480px}.hero{min-height:480px}.art-top{left:18px;right:18px;font-size:7px}.art-top span+span{display:none}.rack-front{left:8%;top:190px;width:138px;height:270px;padding:12px 6px}.rack-back{left:43%;top:105px;width:130px;height:270px;padding:12px 6px}.unit,.wide{height:25px;margin-bottom:5px}.blank{height:43px}.rack-label{margin-bottom:12px}.note-one{left:15px;top:80px}.note-two{display:none}.art-bottom{bottom:15px;left:20px;font-size:9px}.hero-foot{font-size:7px}.hero-foot>a{display:none}.button{font-size:11px;gap:15px;padding:14px 18px}.sector-bar{display:block;text-align:center}.sector-bar>span{display:block;margin-bottom:8px}.sector-bar p{font-size:11px}.sector-bar i{padding:0 12px}.intro{gap:30px}.intro-body{font-size:12px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.network{grid-template-columns:1fr}.network-intro{max-width:580px}.region-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.region-list h3{font-size:16px}.region-list article{margin:0}.flow-grid{grid-template-columns:repeat(2,1fr)}.company{grid-template-columns:1fr;gap:30px}.consultation{gap:30px}.consultation h2{font-size:30px}footer{gap:15px}footer p{font-size:9px}}
@media(max-width:540px){.hero{grid-template-columns:1fr}.hero-copy{padding:43px 6% 27px}.hero h1{font-size:clamp(36px,9.4vw,49px);margin:10px 0 23px}.hero .eyebrow{font-size:9px;margin-bottom:18px}.hero-description{font-size:13px}.button{font-size:12px;margin-top:26px;gap:45px}.hero-foot{padding-top:30px;font-size:8px}.hero-foot>a{display:block}.hero-art{min-height:360px}.rack-front{left:25%;top:107px;width:145px;height:235px}.rack-back{left:53%;top:63px;width:130px;height:235px}.rack-label{font-size:7px}.unit,.wide{height:23px;margin-bottom:4px}.blank{height:31px}.art-top{top:19px;font-size:8px}.art-top span+span{display:block}.art-note{font-size:7px}.note-one{top:81px}.art-bottom{left:18px;bottom:14px;font-size:8px}.sector-bar{padding:21px 4%}.sector-bar p{font-size:10px;letter-spacing:0}.sector-bar i{padding:0 8px}.intro{grid-template-columns:1fr;gap:25px}.section{padding:56px 6%}.eyebrow{margin-bottom:16px;font-size:10px}h2{font-size:28px}.section-heading{margin-bottom:30px}.section-heading>p{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.card-top{margin-bottom:15px}.service-card h3{font-size:19px}.service-card p{font-size:13px}.service-card ul{font-size:12px;margin-top:20px}.experience-list article{grid-template-columns:22px 1fr;padding:25px 0;gap:10px}.experience-list h3{font-size:18px}.experience-list p{grid-column:2;font-size:12px}.region-list{grid-template-columns:1fr;gap:26px}.region-list h3{font-size:20px}.network{gap:35px}.region-diagram{margin-top:30px}.flow-grid{gap:28px 22px}.flow-grid h3{font-size:15px;margin-top:15px}.flow-grid p{font-size:12px}.company dl>div{grid-template-columns:1fr;gap:8px;font-size:12px}.consultation{grid-template-columns:1fr;gap:30px}.consultation h2{font-size:32px}footer{grid-template-columns:auto 1fr;padding:32px 6% 20px}footer p{font-size:10px}footer>a:not(.footer-brand){grid-column:1/-1}footer small{font-size:8px}.nav-contact{width:100%;text-align:center}.js .header nav{gap:20px}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.contact-phone{display:block;font:500 clamp(24px,3vw,36px) Arial,sans-serif;letter-spacing:.02em;margin-bottom:20px}.contact-phone small{display:block;font:12px "Yu Gothic",Meiryo,sans-serif;margin-bottom:12px}.contact-phone span{font-size:24px}.consultation-panel .contact-preparing{margin:12px 0 30px!important;font-size:12px}.contact-email{display:flex;justify-content:space-between;gap:12px;background:var(--deep);color:white;padding:17px 20px;margin:15px 0 28px;font-size:13px;overflow-wrap:anywhere}.company dd a{text-decoration:underline;text-underline-offset:4px}

@media(max-width:540px){.brand{gap:10px}.brand-mark{font-size:32px}.brand-mark span{font-size:28px}.brand-name{font-size:8px}.menu-toggle:not([hidden]){padding:8px;font-size:10px}.header{gap:8px}}

/* Clear service overview replaces the decorative rack illustration. */
.hero-scope{background:#102d30;color:#f3f6eb;padding:45px 8% 30px;display:flex;flex-direction:column;justify-content:center}.scope-heading .eyebrow{color:#c4e67e;margin-bottom:20px}.scope-heading>p:last-child{font-size:clamp(20px,2.2vw,30px);line-height:1.7;font-weight:400}.scope-heading strong{font-weight:700}.scope-list{list-style:none;padding:0;margin:0;border-top:1px solid #526b64}.scope-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid #526b64}.scope-number{font:11px Arial,sans-serif;color:#c4e67e;align-self:start;padding-top:7px}.scope-list h2{font-size:clamp(18px,1.9vw,25px);letter-spacing:.02em}.scope-list p{font-size:11px;color:#c1d1ca;margin-top:5px}.scope-arrow{color:#c4e67e;font-size:24px}.scope-foot{font-size:10px;color:#c1d1ca;margin-top:25px}.service-grid{grid-template-columns:repeat(4,1fr)}.network-intro{align-self:start;position:sticky;top:35px}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero-scope{padding:34px 7% 25px}.scope-list li{padding:15px 0}.scope-list p{font-size:10px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6% 30px}.hero h1{font-size:46px}.hero-scope{padding:35px 6%}.scope-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.scope-heading>p:last-child{font-size:26px}.scope-list h2{font-size:19px}.region-list{grid-template-columns:repeat(2,1fr)}.network-intro{position:static}}
@media(max-width:540px){.hero h1{font-size:clamp(34px,9.3vw,49px)}.scope-list{display:block}.scope-list li{padding:17px 0}.scope-list h2{font-size:21px}.scope-list p{font-size:11px}.service-grid,.region-list{grid-template-columns:1fr}.scope-foot{font-size:10px}}

/* Compact layout: content first, without repeated introductory sections. */
.hero-scope{padding:38px 8%}.scope-heading .eyebrow{font-family:inherit;letter-spacing:.12em;margin-bottom:16px}.section{padding-top:72px;padding-bottom:72px}.experience-list article{grid-template-columns:35px 1fr 1.7fr}.network-note{margin-top:24px}.consultation-panel h3{margin-top:28px}
@media(max-width:800px){.hero{min-height:0}.hero-copy{padding:42px 6%}.hero-scope{padding:30px 6%}.section{padding-top:56px;padding-bottom:56px}}
@media(max-width:540px){.hero-copy{padding:34px 6%}.hero h1{margin-top:4px}.hero-scope{padding:25px 6%}.scope-list li{padding:13px 0}.scope-list h2{font-size:19px}.section{padding-top:46px;padding-bottom:46px}.experience-list article{grid-template-columns:22px 1fr}}