*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#0a2852}a{text-decoration:none;color:inherit}header{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffed;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:225px}.brand img{width:48px;height:48px}.brand b{display:block;color:#06468c;font-size:23px}.brand small{display:block;font-size:9px;color:#55718c}nav{display:flex;gap:25px;font-weight:700;font-size:13px;white-space:nowrap}.contact,.primary{background:linear-gradient(95deg,#0644cf,#00c8ee);border-radius:35px;color:white;padding:15px 26px;font-weight:800;display:inline-block;white-space:nowrap}.contact{font-size:12px}.hero{min-height:510px;background:linear-gradient(90deg,#e5f5ffed 0%,#e6f5ffdd 29%,#e6f5ff55 55%,#ffffff00 80%),url('/assets/tokyo.webp') center 43%/cover;display:flex;align-items:center}.hero-content{max-width:1400px;margin:auto;width:100%;padding:60px 5%}.eyebrow{font-size:11px;letter-spacing:.18em;color:#008ad2;font-weight:800}.hero h1{font-family:"Yu Mincho",serif;font-size:clamp(37px,4.3vw,66px);color:#073c89;line-height:1.4;margin:15px 0}.hero p{font-size:17px;max-width:650px;line-height:1.9;font-weight:600}.actions{display:flex;gap:15px;margin-top:30px}.secondary{background:#fffffff0;border:1px solid #9cbce2;color:#0850ac;border-radius:35px;padding:15px 30px;font-weight:800}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:23px 5%;background:linear-gradient(90deg,#07316d,#0865b3);color:white}.benefits b{font-size:14px;display:block}.benefits small{font-size:11px;display:block;margin:8px 0 0 28px;opacity:.9}.products{padding:65px 5% 75px;max-width:1550px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2,.mission h2{font-family:"Yu Mincho",serif;font-size:clamp(30px,3vw,45px);margin:10px 0}.section-head p{font-size:14px;line-height:1.8}.cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.card{border-radius:16px;min-height:240px;padding:28px;border:1px solid #dbe7f4;box-shadow:0 5px 20px #12457813;background:linear-gradient(120deg,#f2f8ff,white)}.card h3{font-size:23px;margin:8px 0}.card p{line-height:1.8;font-size:14px;min-height:75px}.card a{border:1px solid #b2cdec;background:white;color:#0656b4;border-radius:25px;padding:9px 17px;font-weight:800;font-size:12px;display:inline-block}.card.sko{display:flex;gap:20px;background:linear-gradient(110deg,#063b91e8,#077ae9e0),url('/assets/tokyo.webp') center/cover;color:white}.card.sko img{width:92px;height:92px;border-radius:20px}.tag{background:#00bdea;padding:5px 12px;border-radius:15px;font-size:11px;font-weight:800}.symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#05a8eb;color:white;font-size:29px}.feature{background:linear-gradient(110deg,#e4f3ff,#f7fbff);padding:65px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px}.feature>div{max-width:700px}.feature h2{font-family:serif;font-size:54px;margin:8px 0}.feature h3{font-size:25px}.feature p{line-height:1.9}.feature>img{width:170px;height:170px;border-radius:36px;box-shadow:0 18px 35px #0061b544}.more{margin:20px;color:#0053ac;font-weight:800}.mission{padding:80px 6%;background:linear-gradient(90deg,#082759e8,#0d4a92d0),url('/assets/tokyo.webp') center/cover;color:white}.mission .eyebrow{color:#b6e9ff}.mission p{line-height:1.8}footer{padding:30px 5%;background:#052552;color:white;display:flex;align-items:center;gap:22px;flex-wrap:wrap}footer b{margin-right:auto}footer a{font-size:12px}@media(max-width:1000px){nav{display:none}.cards{grid-template-columns:1fr 1fr}.card.sko{grid-column:span 2}}@media(max-width:650px){header{height:72px;padding:0 15px;gap:8px}.brand{min-width:0;gap:8px}.brand img{width:38px;height:38px}.brand b{font-size:17px}.brand small{font-size:7px}.contact{font-size:10px;padding:11px 12px}.hero{min-height:660px;align-items:end;background:linear-gradient(180deg,#00163b00 0%,#001b4933 35%,#001e52e8 100%),url('/assets/tokyo.webp') 59% center/cover}.hero-content{padding:220px 22px 40px;min-width:0}.hero .eyebrow{color:#bfeeff}.hero h1{font-size:clamp(32px,8.7vw,44px);color:white;overflow-wrap:anywhere;text-shadow:0 3px 12px #001c50}.hero p{color:white;font-size:13px;line-height:1.8;text-shadow:0 2px 8px #001b45}.actions{flex-wrap:wrap;gap:10px}.actions a{font-size:12px;padding:12px 17px}.benefits{grid-template-columns:1fr 1fr;padding:22px}.benefits b{font-size:12px}.benefits small{font-size:10px;margin-left:0}.products{padding:44px 20px}.section-head{display:block}.cards{grid-template-columns:1fr}.card.sko{grid-column:auto}.card{min-height:unset;padding:23px}.card.sko img{width:70px;height:70px}.feature{padding:50px 22px;display:block}.feature h2{font-size:40px}.feature h3{font-size:20px}.feature>img{width:110px;height:110px;margin-top:15px}.mission{padding:55px 22px}footer{padding:28px 22px}}
/* v5: reference-aligned layout and mobile clipping protection */
html,body{width:100%;max-width:100%;overflow-x:clip}header{position:sticky;top:0;box-shadow:0 1px 10px #153e6c18}main{overflow:clip}.hero{position:relative;isolation:isolate}.hero-content{position:relative;z-index:1}.hero h1{letter-spacing:.02em}.cards .card{overflow:hidden}.benefits{position:relative;z-index:1}.products{background:linear-gradient(180deg,#fff,#f2f8ff)}.card.sko{background:linear-gradient(110deg,#052d7ddc,#00a7e777),url('/assets/tokyo.webp') center/cover}.feature{background:linear-gradient(100deg,#f5fbff 0%,#d7efff 60%,#8dc4ee 100%)}
@media(min-width:1001px){.hero{min-height:520px;background-position:center 43%}.hero-content{padding-left:33%;padding-right:5%}.hero h1{font-size:clamp(42px,4.1vw,65px)}.hero p{max-width:640px}.cards{grid-template-columns:1.28fr 1fr 1fr}}
@media(max-width:1000px){.hero-content{max-width:100%}}
@media(max-width:650px){header{position:sticky;top:0}.hero{min-height:680px;background-position:60% center}.hero-content{padding:300px 20px 40px;width:100%;max-width:100%}.hero h1{font-size:clamp(30px,8vw,42px);overflow-wrap:normal;word-break:keep-all;line-height:1.45}.hero p{max-width:100%;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap}.products,.feature,.mission{max-width:100%;overflow:hidden}.cards{min-width:0}.card{min-width:0}.brand b{font-size:clamp(13px,4.4vw,17px)}.contact{flex-shrink:0}.feature>div{max-width:100%}}