@charset "UTF-8";
:root{--ink:#142b36;--muted:#54646b;--paper:#f8f9f6;--line:#d9dfda;--lime:#d7f461;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP","Yu Gothic","Meiryo",sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #659125;outline-offset:5px}.wrap{width:min(1200px,88%);margin-inline:auto}.header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(248,249,246,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:22px}.wordmark{font-family:Arial,sans-serif;font-size:45px;font-weight:900;letter-spacing:-4px;line-height:1;display:inline-flex;align-items:baseline}.brand-dot{width:9px;height:9px;background:#86a92d;display:inline-block;margin-left:7px}.brand-name{font-size:11px;letter-spacing:.12em}.header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.header nav a:hover{color:#5a7525}.header .nav-contact{background:var(--ink);color:white;padding:12px 22px;border-radius:3px}.nav-contact span{margin-left:30px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:8px}.hero{position:relative;min-height:680px;padding:90px 6% 70px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow{font-family:Arial,sans-serif;letter-spacing:.13em;font-weight:600;font-size:11px;margin:0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#719c30;margin-right:12px}.hero h1{font-size:clamp(36px,4.3vw,66px);letter-spacing:.025em;line-height:1.55;margin:26px 0 25px;font-weight:700;white-space:nowrap}.accent-line{background:linear-gradient(transparent 75%,var(--lime) 75%,var(--lime) 91%,transparent 91%)}.hero-description{font-size:17px;line-height:2.1;letter-spacing:.09em;color:var(--muted)}.round-link{display:inline-flex;align-items:center;gap:32px;margin-top:25px;font-size:13px;font-weight:700}.round-link span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;font-size:22px;transition:.2s}.round-link:hover span{background:var(--ink);color:white;transform:rotate(45deg)}.hero-art{height:450px;position:relative;margin-left:35px;background:radial-gradient(ellipse at center,#e8eedb 0%,transparent 68%);isolation:isolate}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#a9b8af 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse,#000,transparent 70%);opacity:.5}.orbital{position:absolute;left:50%;top:50%;width:365px;height:365px;border:1px solid #94aaa0;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-two{width:460px;height:215px;transform:translate(-50%,-50%) rotate(-40deg)}.orbit-three{width:430px;height:235px;transform:translate(-50%,-50%) rotate(45deg);border-style:dashed;border-color:#a6b49c}.art-core{position:absolute;left:50%;top:50%;width:195px;height:195px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);color:var(--lime);box-shadow:14px 18px 0 #142b360b,0 0 0 20px #ffffff65}.art-core>span{font-family:Arial,sans-serif;font-size:65px;letter-spacing:-5px;font-weight:900}.art-core small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.15em}.satellite{position:absolute;background:var(--paper);padding:10px 15px;border-left:3px solid #99b831;box-shadow:0 8px 20px #142b3608;z-index:2}.satellite span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.1em;display:block;color:var(--muted)}.satellite b{font-size:20px;letter-spacing:.12em}.sat-one{top:20px;left:12%}.sat-two{top:180px;right:-12px}.sat-three{bottom:28px;left:6%}.art-caption{position:absolute;bottom:-5px;width:100%;display:flex;justify-content:space-between;font:8px Arial,sans-serif;letter-spacing:.1em;color:var(--muted)}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}.hero-bottom a span{margin-left:16px}.news{border-block:1px solid var(--line);padding-block:24px;display:flex;align-items:center;gap:26px;font-size:12px}.news>.eyebrow{margin-right:12px}.news time{font-family:Arial,sans-serif;color:var(--muted)}.news-tag{font-size:10px;border:1px solid var(--line);padding:2px 10px;white-space:nowrap}.news a{flex:1;display:flex;justify-content:space-between;gap:20px}.news a:hover{text-decoration:underline}.section{padding-block:105px}.section-label{display:flex;align-items:center;gap:15px;margin-bottom:36px}.section-index{font:10px Arial,sans-serif;border:1px solid #a9b7b2;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}h2{font-size:clamp(30px,3.3vw,45px);line-height:1.6;letter-spacing:.025em;font-weight:600;margin:0}h3{font-weight:600}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-text{color:var(--muted);font-size:14px}.about-text p{margin:0 0 20px;line-height:2.25}.about-text .about-sign{margin-top:32px;font-size:12px}.about-sign strong{font-size:15px;color:var(--ink);margin-right:8px}.about-sign span{font-size:10px}.services{background:#edf1eb}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:50px}.section-heading>p{font-size:13px;color:var(--muted);line-height:2.2}.service{border-top:1px solid #c4cfc7;display:grid;grid-template-columns:140px 1fr 200px;gap:35px;padding:43px 0}.service:last-child{border-bottom:1px solid #c4cfc7}.service-no{font:40px Arial,sans-serif;font-weight:300;color:#52685d}.service-no span{display:block;font-size:9px;letter-spacing:.09em;margin-top:12px}.service-body h3{font-size:22px;margin:0 0 15px}.service-body>p,.service-body details p{font-size:13px;color:var(--muted);line-height:2.1;margin:0;max-width:610px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.tags span{font-size:10px;background:#fff9;padding:3px 10px}.service-body details{max-width:610px}.service-body summary{font-size:11px;font-weight:700;display:flex;justify-content:space-between;padding:10px 0;list-style:none}.service-body summary::-webkit-details-marker{display:none}.service-body details[open] summary span{transform:rotate(45deg)}.service-body details p{padding:10px 0}.service-graphic{align-self:start;width:190px;height:180px;position:relative;display:flex;justify-content:center;align-items:center}.graphic-ad{align-items:flex-end;gap:9px;padding:34px}.graphic-ad i{background:#9bab9a;width:24px;height:35px}.graphic-ad i:nth-child(2){height:57px}.graphic-ad i:nth-child(3){height:80px;background:#718675}.graphic-ad i:nth-child(4){height:109px;background:var(--ink)}.graphic-ad>span{position:absolute;font-size:65px;color:#6e8a36;left:30px;top:-26px}.graphic-dev>div{border:1px solid #82968b;border-radius:17px;width:93px;height:157px;transform:rotate(12deg);background:#f8faf5;box-shadow:16px 12px 0 #dae4d4;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.graphic-dev span{width:24px;height:4px;border-radius:4px;background:#9ba998}.graphic-dev b{font:30px monospace;color:var(--ink)}.graphic-dev i{width:22px;height:22px;border:1px solid #82968b;border-radius:50%}.graphic-ec>div{position:absolute;width:68px;height:75px;top:38px;background:#cbdba9;border:1px solid #82968b;transform:skewY(-15deg)}.graphic-ec>div:first-child{left:16px;top:62px}.graphic-ec>div:nth-child(2){left:68px;top:38px;background:#f7faf3}.graphic-ec>div:nth-child(3){left:117px;top:72px;background:#819781}.graphic-ec>span{position:absolute;top:17px;right:8px;font-size:32px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.steps>div{border-top:1px solid var(--ink);padding-top:25px}.steps span{font:10px Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}.steps h3{font-size:24px;margin:18px 0 13px}.steps p{font-size:13px;color:var(--muted);max-width:320px}.company{background:#e9eeea}.company-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px}.company-note{font-size:13px;line-height:2.2;color:var(--muted);margin-top:28px}.company-mark{font:900 92px Arial,sans-serif;letter-spacing:-8px;color:#c0cdc3;margin-top:70px}.company-mark span{font-weight:400;font-size:50px;margin-left:22px}.company-table{margin:0}.company-table>div{border-top:1px solid #c5d1c9;display:grid;grid-template-columns:105px 1fr;gap:20px;padding:20px 0;font-size:13px}.company-table>div:last-child{border-bottom:1px solid #c5d1c9}.company-table dt{color:var(--muted);font-size:12px}.company-table dd{margin:0}.company-table small{font-size:11px;color:var(--muted)}.text-link{display:inline-block;font-size:11px;border-bottom:1px solid #98a89c;margin-top:12px}.company-table a:hover{text-decoration:underline}.contact{background:var(--ink);color:var(--white);padding-bottom:90px}.contact .section-index{border-color:#637780}.contact .eyebrow{color:var(--lime)}.contact-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:54px}.contact h2{font-size:clamp(36px,4.4vw,60px)}.contact-heading p{font-size:13px;color:#d0d9da;line-height:2.2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #47606b;padding-top:28px}.contact-mail{font:clamp(21px,2.6vw,35px) Arial,sans-serif;display:flex;gap:25px;justify-content:space-between;align-items:center}.contact-mail span{color:var(--lime)}.contact-hint{font-size:10px;color:#b7c4c9;margin:8px 0 28px}.contact-phone{font:23px Arial,sans-serif;letter-spacing:.04em}.contact-phone span{margin-left:20px;color:var(--lime)}.compose summary{padding:12px 0;display:flex;justify-content:space-between;gap:15px;list-style:none;font-size:13px}.compose summary::-webkit-details-marker{display:none}.compose summary>span{color:var(--lime)}.compose[open] summary>span{transform:rotate(45deg)}form label{display:block;font-size:12px;margin-top:18px}form label>span{font-size:9px;color:var(--lime);margin-left:8px}input,textarea{width:100%;display:block;border:1px solid #607780;background:#203b48;border-radius:2px;color:white;padding:10px;margin-top:5px;font-size:14px}textarea{resize:vertical}.form-note{font-size:11px;color:#c4d2d7;line-height:1.9}.form-note a{display:block;text-decoration:underline}.form-button{border:0;padding:12px 20px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:700;width:100%}#form-status{font-size:12px;color:var(--lime)}.footer{display:flex;align-items:center;gap:24px;min-height:135px}.footer .wordmark{font-size:36px}.footer>span{font-size:10px}.footer>a:not(.wordmark):not(.back-top){font-size:11px;margin-left:auto}.footer small{font:10px Arial,sans-serif;color:var(--muted)}.back-top{border:1px solid #a7b3ab;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.legal{max-width:820px;margin:auto;padding:80px 6%}.legal h1{font-size:32px}.legal h2{font-size:20px;margin-top:36px}.legal p,.legal li{font-size:14px;line-height:2}.legal a{text-decoration:underline}.legal .eyebrow{color:var(--muted)}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:1050px){.brand-name{display:none}.header nav{gap:20px}.hero{min-height:620px;padding-top:60px}.hero-art{transform:scale(.85);transform-origin:center;margin-left:0}.hero h1{font-size:43px}.service{grid-template-columns:100px 1fr 150px;gap:24px}.service-graphic{transform:scale(.8);transform-origin:top left}.company-grid{gap:45px}.contact-grid{gap:45px}}@media(max-width:760px){html{scroll-padding-top:85px}.header{height:76px;padding:0 6%}.brand-name{display:block}.wordmark{font-size:36px}.brand{gap:17px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:13px;z-index:22}.menu-toggle span{width:24px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 6%;background:var(--paper);border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:14px 10px}.nav-contact{margin-top:10px}.hero{display:block;padding:50px 6% 60px;min-height:0}.hero h1{font-size:clamp(30px,7.7vw,52px);margin-top:23px}.hero-description{font-size:14px}.hero .eyebrow{font-size:9px}.round-link{margin-top:17px}.hero-art{height:360px;max-width:450px;margin:20px auto 0;transform:scale(.92)}.orbital{width:280px;height:280px}.orbit-two{width:355px;height:178px}.orbit-three{width:340px;height:183px}.art-core{width:155px;height:155px}.art-core>span{font-size:53px}.art-core small{font-size:6px}.satellite{padding:7px 12px}.satellite b{font-size:18px}.satellite span{font-size:7px}.sat-one{left:8%;top:9px}.sat-two{top:145px;right:-4px}.sat-three{bottom:23px;left:3%}.hero-bottom{font-size:7px;bottom:22px}.news{flex-wrap:wrap;gap:12px 17px;padding-block:20px}.news>.eyebrow{margin-right:15px}.news a{flex-basis:100%;font-size:12px}.section{padding-block:68px}.section-label{margin-bottom:25px}.about-content{grid-template-columns:1fr;gap:27px}.about-text{font-size:13px}.about-text p{line-height:2.2}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px;font-size:12px}.service{grid-template-columns:1fr;padding:28px 0;gap:20px;position:relative}.service-no{font-size:26px;display:flex;align-items:center;gap:17px}.service-no span{margin:0}.service-body h3{font-size:19px;line-height:1.6}.service-body>p{font-size:12px}.service-graphic{display:none}.steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.steps>div{padding-top:20px}.steps h3{font-size:22px;margin:10px 0}.steps p{max-width:none}.company-grid{grid-template-columns:1fr;gap:30px}.company-mark{display:none}.company-note{margin-top:18px}.company-table>div{grid-template-columns:83px 1fr;gap:10px;font-size:12px;padding:17px 0}.company-table dt{font-size:11px}.contact-heading{display:block;margin-bottom:30px}.contact-heading p{margin-top:25px;font-size:12px}.contact-grid{grid-template-columns:1fr;gap:18px}.contact-mail{font-size:29px}.contact-phone{font-size:24px}.compose{border-top:1px solid #47606b;padding-top:14px}.footer{flex-wrap:wrap;gap:17px;padding-block:30px}.footer .wordmark{font-size:35px}.footer>a:not(.wordmark):not(.back-top){margin-left:auto;font-size:10px}.footer small{flex-basis:calc(100% - 60px)}.back-top{margin-left:auto}.legal{padding-top:45px}.legal h1{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0}.form-consent input{width:18px;height:18px;flex:0 0 18px;margin:3px 0;accent-color:var(--lime)}.form-consent>span{font-size:12px;color:white;margin:0}.form-consent a{text-decoration:underline}.form-button:disabled{opacity:.65;cursor:wait}#form-status[data-state=error]{color:#ffd2c8}#form-status[data-state=success]{padding:14px;border:1px solid #d7f461}form[aria-busy=true]{opacity:.8}