:root{--paper:#f4f8ff;--navy:#15345b;--ink:#17202b;--coral:#d44c59;--steel:#89a9c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",sans-serif}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:#f4f8ffeb;backdrop-filter:blur(15px);border-bottom:1px solid #15345b20}.brand{color:var(--navy);font-weight:800;text-decoration:none}.contact{background:var(--navy);color:white;text-decoration:none;padding:11px 16px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a1a30e8 0%,#0a1a305c 58%,transparent 100%)}.hero-copy{position:relative;z-index:1;color:white;padding:100px 22px 50px;max-width:760px}.hero-copy>p,.intro>p{font-size:12px;letter-spacing:.16em;color:var(--steel);font-weight:800}.hero h1{font-size:clamp(52px,10vw,108px);line-height:.93;letter-spacing:-.055em;margin:18px 0 25px}.hero-copy>span{display:block;font-size:clamp(16px,2vw,21px);line-height:1.8;max-width:34em}.hero-copy>a{display:inline-block;margin-top:30px;color:white;text-decoration:none;font-weight:800;border-bottom:4px double var(--coral);padding:9px 2px}.story{background:var(--navy);color:white;padding:80px 18px}.intro{max-width:850px;margin:0 auto 70px}.intro h2{font-size:clamp(44px,8vw,92px);line-height:.96;letter-spacing:-.05em;margin:18px 0 25px}.intro>span{line-height:1.9;color:#f4f8ffbd}.list{max-width:1100px;margin:auto;display:grid;gap:90px}.list article{display:grid;gap:22px}.copy b{color:var(--coral)}.copy h3{font-size:clamp(34px,7vw,64px);line-height:1.05;margin:12px 0}.copy p{color:#f4f8ffb8;line-height:1.8}.list img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#0c1c30}.service{display:grid}.service>img{width:100%;height:100%;min-height:480px;object-fit:cover}.service>div{padding:60px 22px}.service h2,.last h2{font-size:clamp(38px,7vw,68px);line-height:1.03;letter-spacing:-.04em;color:var(--navy);margin:0 0 30px}.service p{line-height:1.9;color:#4b5f72}.service dl{display:grid;grid-template-columns:110px 1fr;margin-top:35px;border-top:1px solid var(--steel)}.service dt,.service dd{margin:0;padding:15px 0;border-bottom:1px solid var(--steel)}.service dt{color:var(--coral);font-size:12px;font-weight:800}.last{margin:20px;padding:55px 22px;background:var(--coral);color:white;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,35px 100%,0 calc(100% - 35px))}.last h2{color:white}.last span{display:block;margin-top:14px;font-weight:800}footer{display:flex;justify-content:space-between;padding:24px 20px 36px;color:var(--navy);font-size:12px;font-weight:800}@media(min-width:800px){.hero-copy{padding:150px 7vw 90px}.story{padding:130px 6vw}.intro{text-align:center}.list{gap:150px}.list article{grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.list article:nth-child(even) .copy{order:2}.list article:nth-child(even) img{order:1}.copy{position:sticky;top:110px;align-self:start;padding-top:25px}.list img{max-height:82vh}.service{grid-template-columns:1.08fr .92fr;min-height:690px}.service>div{padding:9vw}.last{margin:70px;padding:100px}.last span{display:inline-block;margin-right:50px}footer{padding:25px 6vw 45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}