:root{--ink: #141414;--gray: #737373;--line: #e6e6e6;--bg: #ffffff;--max: 1280px;--pad: clamp(20px, 4vw, 56px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Graphie,graphie,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8;font-size:15px;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);display:block;margin-bottom:1.6rem}header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.nav .logo{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center}.nav .logo span{color:var(--gray);margin-left:.95em;display:inline-flex;align-items:center}.nav .logo span svg{height:12px;width:auto;display:block}.nav ul{display:flex;gap:2.2em;list-style:none}.nav ul a{position:relative;display:flex;align-items:center;height:64px;font-size:12.8px;font-weight:600;letter-spacing:normal;text-transform:none;color:#000;transition:color .3s}.nav ul a:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#e2b03e;opacity:0;transition:opacity .2s}.nav ul a:hover,.nav ul a.current{color:#e2b03e}.nav ul a:hover:before,.nav ul a.current:before{opacity:1}.hero-frame{max-width:var(--max);margin:0 auto;padding:10px var(--pad) var(--pad)}.hero-frame img{width:100%;height:auto;display:block}header.overlay{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:none;backdrop-filter:none}.quiet-link{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);transition:color .2s}.quiet-link:hover{color:var(--ink)}.hero{padding-top:clamp(64px,10vw,140px);padding-bottom:clamp(48px,6vw,80px)}.hero h1{font-size:clamp(26px,2.4vw,38.4px);font-weight:400;line-height:1.4;letter-spacing:.02em;max-width:26em}.hero p.lead{margin-top:2rem;max-width:34em;color:var(--gray);font-size:clamp(14px,1.3vw,16px)}.hero-img{margin-top:clamp(40px,6vw,72px)}.hero-img img{width:100%;height:clamp(320px,52vw,640px);object-fit:cover}.hero-img figcaption{font-size:11px;color:var(--gray);letter-spacing:.08em;margin-top:10px}section{padding:clamp(64px,9vw,128px) 0}section.no-line{border-top:none}h2.sec{font-size:clamp(20px,1.6vw,25.6px);font-weight:400;line-height:1.45;letter-spacing:.02em;margin-bottom:clamp(24px,3vw,35px);max-width:26em}.sec-note{color:var(--gray);max-width:38em;margin-top:-1.5rem;margin-bottom:3rem}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}.feat .num{font-size:11px;letter-spacing:.15em;color:var(--gray)}.feat h3{font-size:16px;font-weight:600;margin:.6rem 0 .5rem}.feat p{color:var(--gray);font-size:13.5px}.works{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px) 40px}.work img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .3s}.work:hover img{opacity:.88}.work .meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;gap:1em}.work h3{font-size:15px;font-weight:600;letter-spacing:.02em}.work .tag{font-size:11px;color:var(--gray);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.work p{font-size:12.5px;color:var(--gray);margin-top:2px}.process{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.step{border-top:1px solid var(--ink);padding-top:12px}.step .num{font-size:11px;color:var(--gray);letter-spacing:.12em}.step h4{font-size:13.5px;font-weight:600;margin-top:4px}table.company{width:100%;border-collapse:collapse;max-width:760px}table.company th,table.company td{text-align:left;padding:14px 0;border-bottom:1px solid var(--line);vertical-align:top;font-weight:400}table.company th{width:9em;color:var(--gray);font-size:13px;letter-spacing:.05em}table.company td{font-size:14px}.banner{background:var(--ink);color:#fff}.banner a.inner{display:block;padding:clamp(56px,8vw,96px) 0}.banner .label{color:#999}.banner h2{font-size:clamp(24px,2vw,32px);font-weight:400;line-height:1.5}.banner .cta{margin-top:2rem;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#bbb;transition:color .2s}.banner a.inner:hover .cta{color:#fff}.two{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,5vw,80px);align-items:start}.two .side h2{position:sticky;top:96px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.card h3{font-size:15.5px;font-weight:600;margin:.5rem 0}.card p{color:var(--gray);font-size:13.5px}.card ul{list-style:none;margin-top:.6rem}.card ul li{font-size:13.5px;padding:7px 0;border-bottom:1px solid var(--line)}.big-num{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:.02em;line-height:1.3}.big-num small{font-size:13px;font-weight:400;color:var(--gray);margin-left:.5em}.timeline{list-style:none;max-width:560px}.timeline li{display:flex;gap:2em;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.timeline .t{font-variant-numeric:tabular-nums;color:var(--gray);width:4em;flex-shrink:0}.flow{counter-reset:step;max-width:760px}.flow li{list-style:none;display:flex;gap:2em;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}.flow li:before{counter-increment:step;content:"0" counter(step);font-size:12px;letter-spacing:.12em;color:var(--gray);flex-shrink:0}.flow h4{font-size:15px;font-weight:600}.flow p{font-size:13px;color:var(--gray)}main{min-height:calc(100vh - 64px);min-height:calc(100svh - 64px)}footer{padding:0 10px 10px}.foot-box{position:relative;background:#000;color:#fff;padding:clamp(48px,7vw,88px) clamp(28px,6vw,96px) 44px}.foot-mail{font-size:clamp(24px,2vw,32px);font-weight:300;letter-spacing:.02em;color:#fff;transition:color .3s}.foot-mail:hover{color:#e2b03e}.foot-info{margin-top:clamp(32px,5vw,64px);font-size:13px;line-height:2}.foot-info p+p{margin-top:1.5em}.foot-copy{margin-top:3em;font-size:12px;color:#ddd}.foot-top{position:absolute;right:28px;bottom:28px;color:#e2b03e;font-size:22px;line-height:1}.foot-top:hover{color:#fff}@media(max-width:860px){.feats,.cards3{grid-template-columns:1fr;gap:32px}.works{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.two .side h2{position:static}.nav ul{gap:1.3em}.nav ul li.hide-sp{display:none}}@media(max-width:560px){.nav{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:0;row-gap:0}.nav .logo span{display:none}.nav ul{width:100%;justify-content:space-between;gap:0}.nav ul a{height:44px}}.concept{font-size:clamp(15px,1.5vw,17px);line-height:2.2}.concept+.concept{margin-top:2.2rem}