:root{--blue:#2155ff;--ink:#101114;--muted:#676b73;--line:#dfe1e6;--paper:#fff;--yellow:#efff00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 4vw;border-bottom:1px solid var(--line);background:#fff}.logo img{display:block;width:150px;height:auto}nav{display:flex;align-items:center;gap:30px;font-size:.86rem;font-weight:650}.nav-contact{padding:16px 20px;background:var(--ink);color:#fff}.hero{position:relative;min-height:calc(100vh - 92px);padding:8vh 4vw 5vh;background:#f5f6f8;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:68vh;gap:4vw}.kicker,.section-label,.contact>p{font-size:.74rem;font-weight:800;letter-spacing:.16em}.hero h1{margin:18px 0 30px;font-size:clamp(4.2rem,8.5vw,8.8rem);line-height:.95;letter-spacing:-.07em}.hero h1 span{color:var(--blue)}.hero-text{margin:0 0 34px;color:#444953;font-size:1.08rem}.cta{display:inline-flex;justify-content:space-between;width:min(360px,100%);padding:20px 24px;background:var(--yellow);font-weight:800}.hero-art{position:relative;height:560px}.window,.phone{position:absolute;background:#fff;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.window-a{top:34px;left:8%;width:72%;height:230px;padding:24px}.window-a span{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:var(--blue)}.window-a strong{display:block;margin-top:62px;font-size:4rem;letter-spacing:-.06em}.phone{z-index:2;right:5%;bottom:30px;width:210px;height:390px;padding:13px;border-radius:32px;transform:rotate(5deg)}.phone-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#0d2e25;border-radius:20px;color:#fff}.phone-screen img{width:84px;border-radius:20px}.phone-screen small{margin-top:20px;letter-spacing:.14em}.window-b{bottom:80px;left:0;width:58%;height:185px;padding:28px;background:var(--blue);color:#fff;transform:rotate(-4deg)}.window-b em{font-size:3rem;font-style:normal}.window-b strong{display:block;font-size:2.7rem}.orbit{position:absolute;right:-80px;top:-20px;width:260px;height:260px;border:42px solid var(--yellow);border-radius:50%}.scroll{display:flex;gap:18px;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.15em}.scroll span{font-size:1.3rem}.statement,.services,.works,.company,.privacy{padding:120px 4vw}.statement{display:grid;grid-template-columns:.35fr 1fr;gap:6vw;background:var(--ink);color:#fff}.statement>p:first-child{color:var(--yellow);font-weight:800}.statement h2{margin:0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.22;letter-spacing:-.045em}.statement-copy{grid-column:2;max-width:680px;margin:10px 0 0;color:#b8bbc2;font-size:1.05rem}.section-label{padding-bottom:24px;border-bottom:1px solid var(--ink)}.section-intro{display:grid;grid-template-columns:.55fr 1fr;padding:55px 0 75px}.section-intro h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1}.section-intro p{margin:8px 0;color:var(--muted)}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:70px 1fr 180px;gap:30px;align-items:start;padding:40px 0;border-bottom:1px solid var(--ink)}.service-list article>b{color:var(--blue)}.service-list h3{margin:0 0 8px;font-size:2rem}.service-list p{max-width:650px;margin:0;color:var(--muted)}.service-list span{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-align:right}.works{background:#f3f4f7}.work-card{display:grid;grid-template-columns:1.15fr .85fr;margin-bottom:32px;background:#fff}.work-image{min-height:500px;overflow:hidden;background:#222}.work-image img{width:100%;height:100%;object-fit:cover}.work-copy{padding:60px}.work-copy>p:first-child{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em}.work-copy h3{margin:24px 0 8px;font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.05em}.work-copy strong{display:block;margin:20px 0;font-size:1.2rem}.work-copy>p:not(:first-child){color:var(--muted)}.work-copy a{display:inline-block;margin-top:24px;padding-bottom:5px;border-bottom:2px solid var(--blue);color:var(--blue);font-weight:800}.takutomo{grid-template-columns:.85fr 1.15fr;background:var(--blue);color:#fff}.takutomo .work-copy>p{color:#dfe6ff}.takutomo .work-copy>p:first-child{color:var(--yellow)}.takutomo .work-copy>span{display:inline-block;margin-top:22px;font-size:.72rem;font-weight:800;letter-spacing:.14em}.takutomo-visual{display:flex;align-items:center;justify-content:center;gap:40px;min-height:500px;background:#13245d}.takutomo-visual img{width:180px;border-radius:38px;box-shadow:18px 18px 0 var(--yellow)}.takutomo-visual div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.takutomo-visual i{display:grid;place-items:center;width:75px;height:100px;background:#fff;color:#111;font-size:2rem;font-style:normal}.takutomo-visual i:nth-child(2),.takutomo-visual i:nth-child(3){color:#e7364d}.company dl{margin:0 0 0 28%;border-top:1px solid var(--ink)}.company dl div{display:grid;grid-template-columns:220px 1fr;padding:27px 0;border-bottom:1px solid var(--line)}.company dt{color:var(--muted)}.company dd{margin:0}.company dd a{color:var(--blue)}.contact{padding:110px 4vw;background:var(--yellow)}.contact h2{margin:20px 0 55px;font-size:clamp(3.5rem,8vw,8rem);line-height:1.05;letter-spacing:-.06em}.contact>a{display:flex;justify-content:space-between;padding:24px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-size:clamp(1.2rem,3vw,2.8rem);font-weight:800}.privacy{display:grid;grid-template-columns:.55fr 1fr;gap:5vw}.privacy h2{margin:0;font-size:2.4rem}.privacy h3{margin:28px 0 4px;font-size:1rem}.privacy p{margin:0;color:var(--muted)}.privacy a{color:var(--blue)}.privacy small{display:block;margin-top:30px;color:var(--muted)}footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:55px 4vw;border-top:1px solid var(--line)}footer img{width:140px}footer div{display:flex;gap:24px;font-size:.8rem}footer small{grid-column:1/-1;color:var(--muted)}@media(max-width:760px){header{height:76px;padding:0 20px}.logo img{width:118px}nav a:not(.nav-contact){display:none}.nav-contact{padding:12px 14px}.hero{padding:65px 20px 40px}.hero-grid{display:block}.hero h1{font-size:18vw}.hero-art{height:390px;margin-top:50px}.window-a{height:165px}.window-a strong{margin-top:35px;font-size:2.6rem}.phone{width:145px;height:280px}.window-b{height:135px}.window-b strong{font-size:1.8rem}.orbit{width:180px;height:180px}.statement,.services,.works,.company,.privacy{padding:80px 20px}.statement{display:block}.statement h2{margin:25px 0}.statement-copy{margin-top:30px}.section-intro{display:block;padding:40px 0}.section-intro p{margin-top:20px}.service-list article{grid-template-columns:42px 1fr}.service-list article>span{display:none}.service-list h3{font-size:1.5rem}.work-card,.takutomo{display:flex;flex-direction:column}.work-image{min-height:220px}.work-copy{padding:35px 24px}.takutomo .work-copy{order:2}.takutomo-visual{min-height:330px}.takutomo-visual img{width:120px}.takutomo-visual i{width:43px;height:62px}.company dl{margin:0}.company dl div{grid-template-columns:1fr;gap:8px}.contact{padding:80px 20px}.privacy{display:block}.privacy>div{margin-top:40px}footer{grid-template-columns:1fr}footer div{flex-direction:column;gap:6px}footer small{grid-column:auto}}