@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";
:root{--green:#001702;--ink:#242824;--cream:#f5f4f0;--muted:#696d66;--lime:#b3c99a;--line:#d8d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Noto Sans JP,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:2px solid #91ac66}::selection{color:#002703;background:#c4db9a}.header{background:var(--green);color:#f3f5ed;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:100px;padding:0 5%;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:5px;font-size:23px;font-weight:700;display:inline-flex}.header nav{letter-spacing:.06em;gap:38px;font-size:12px;display:flex}.header nav a{padding:12px 0;transition:color .2s}.header nav a:hover{color:var(--lime)}.header nav a:last-child{gap:24px;display:flex}.hero{background:var(--green);color:#f4f5ed;isolation:isolate;align-items:center;height:calc(100svh - 100px);min-height:720px;max-height:1000px;padding:110px 8% 90px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}h1{letter-spacing:.07em;margin:0 0 29px;font-size:clamp(38px,4.6vw,73px);font-weight:500;line-height:1.55}.hero-description{color:#c5cec1;letter-spacing:.04em;font-size:14px;line-height:2.2}.text-link{border-bottom:1px solid #98ac87;justify-content:space-between;align-items:center;width:200px;margin-top:25px;padding:20px 0 16px;font-size:12px;display:flex}.text-link span{font-size:22px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.section{padding:110px 8%;scroll-margin-top:20px}h2{letter-spacing:.07em;margin:0;font-size:36px;font-weight:500;line-height:1.7}.about{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:70px;display:grid}.large-copy{letter-spacing:.06em;font-weight:500;margin:0 0 28px!important;font-size:26px!important;line-height:1.8!important}.about-body>p{color:#696d66;margin:20px 0 0;font-size:13px;line-height:2.3}.about-body>.large-copy{color:var(--ink)}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:45px;display:flex}.section-heading p{color:#696d66;margin-bottom:9px;font-size:12px;line-height:2.1}.service-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.service{border-top:1px solid #b9bdb4;padding:22px 0 0}.service-visual{background:#e8e7e1;justify-content:center;align-items:center;height:265px;margin:0 0 30px;display:flex;position:relative;overflow:hidden}.service h3{letter-spacing:.02em;margin:0 0 18px;font-size:23px;font-weight:500}.service>p{color:#696d66;max-width:430px;margin:0;font-size:13px;line-height:2.2}.browser-frame{background:#f9f9f5;border:1px solid #74816a;width:246px;height:153px;padding:43px 22px 15px;position:relative;transform:perspective(700px)rotateY(-12deg)rotateX(8deg)rotate(-5deg);box-shadow:15px 16px #d3d7cd}.browser-bar{border-bottom:1px solid #bdc8b3;gap:4px;height:24px;padding:8px;display:flex;position:absolute;top:0;left:0;right:0}.browser-bar i{background:#8a9c7a;border-radius:50%;width:4px;height:4px}.code-line{background:#afbaa4;width:75px;height:5px;margin-bottom:11px}.code-line.long{background:#52694b;width:115px}.code-line.short{width:55px;margin-left:12px}.code-line.medium{width:88px;margin-left:12px}.code-symbol{letter-spacing:-7px;color:#415c3d;font-family:monospace;font-size:37px;position:absolute;bottom:24px;right:20px}.floating-square{background:#e9ede3;border:1px solid #799069;width:34px;height:34px;position:absolute;top:45px;right:55px;transform:rotate(25deg)}.mobile-visual{background:#e5e7e1}.phone{z-index:2;background:#f0f3e9;border:1px solid #74816a;border-radius:16px;width:95px;height:182px;position:absolute;box-shadow:9px 12px 20px #2b442017}.phone-front{flex-direction:column;align-items:center;padding-top:50px;display:flex;top:42px;left:50%;transform:rotate(12deg)}.phone-back{background:#d0d7c9;top:25px;left:calc(50% - 90px);transform:rotate(-13deg)}.phone-notch{background:#74816a;border-radius:6px;width:30px;height:5px;position:absolute;top:8px;left:31px}.app-mark{color:var(--green);font-size:40px;font-weight:600}.app-mark span{background:#8ba468;width:5px;height:5px;margin-left:2px;display:inline-block}.phone-line{background:#bdccad;width:45px;height:4px;margin-top:14px}.phone-line.small{width:28px;margin-top:6px}.app-grid{grid-template-columns:1fr 1fr;gap:7px;padding:45px 14px;display:grid}.app-grid i{background:#a4b09a;border-radius:5px;height:28px}.mobile-ring{border:1px solid #bdc9b1;border-radius:50%;width:280px;height:150px;position:absolute;transform:rotate(-25deg)}.company{background:#eaeae4;grid-template-columns:1fr 1.2fr;gap:70px;display:grid}.company-note{color:#696d66;margin-top:55px;font-size:15px;line-height:2}.company dl{margin:0}.company dl>div{border-bottom:1px solid #ced1c8;grid-template-columns:105px 1fr;padding:27px 0;font-size:13px;line-height:2;display:grid}.company dl>div:first-child{border-top:1px solid #a8afa1}.company dt{color:#696d66;font-size:11px}.company dd{margin:0}.map-link{color:#31513a;align-items:center;gap:18px;width:max-content;margin-top:13px;font-size:10px;display:flex}.map-link:hover{text-decoration:underline}.closing{color:#e4e6df;background:#222823;justify-content:space-between;align-items:center;padding:65px 8%;display:flex}.closing p{letter-spacing:.06em;margin:0;font-size:clamp(18px,2.4vw,34px)}.closing>span{letter-spacing:.1em;font-size:11px}footer{color:#e0e8d9;background:#222823;border-top:1px solid #ffffff20;align-items:center;gap:30px;padding:35px 5%;display:flex}footer .wordmark{font-size:17px}footer small{color:#aeb5a9;letter-spacing:.04em;margin-left:auto;font-size:9px}.back-top{border:1px solid #717c6c;place-items:center;width:38px;height:38px;font-size:16px;display:grid}@media (min-width:1600px){.hero{padding-left:10%}}@media (max-width:900px){.hero{min-height:680px;padding-left:7%}.hero-content{max-width:600px}.section{padding:80px 7%}.about,.company{grid-template-columns:.8fr 1.2fr;gap:35px}.service-visual{height:225px}.floating-square{right:30px}.service h3{font-size:20px}.header nav{gap:22px}.closing{padding:50px 7%}.closing>span{font-size:10px}}@media (max-width:600px){.header{height:78px;padding:0 6%}.wordmark{font-size:19px}.header nav{gap:19px;font-size:10px}.header nav a:first-child{display:none}.header nav a:last-child{gap:7px}.hero{align-items:flex-start;height:calc(92svh - 78px);min-height:690px;max-height:820px;padding:70px 7% 100px}.hero-content{width:100%}h1{letter-spacing:.025em;margin-bottom:25px;font-size:36px;line-height:1.65}.hero-description{font-size:12px;line-height:2.2}.text-link{width:170px;margin-top:22px;font-size:11px}.section{padding:65px 7%}.about,.company{grid-template-columns:1fr;gap:32px}h2{font-size:29px}.section-label h2 br{display:none}.large-copy{font-size:22px!important}.about-body>p{font-size:12px}.desktop-break{display:none}.section-heading{align-items:flex-start;gap:20px;margin-bottom:32px}.section-heading p{max-width:145px;padding-top:25px;font-size:10px}.service-grid{grid-template-columns:1fr;gap:43px}.service-visual{height:250px;margin-bottom:24px}.service h3{font-size:22px}.service>p{font-size:12px}.company-note{display:none}.company dl>div{grid-template-columns:80px 1fr;padding:23px 0;font-size:12px}.closing{padding:42px 7%;display:block}.closing p{margin-bottom:15px;font-size:26px}.closing>span{font-size:10px}footer{flex-wrap:wrap;gap:25px;padding:27px 7%}footer .wordmark{font-size:17px}footer small{order:3;width:100%;margin:0;font-size:8px}.back-top{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}