:root{--navy:#072a61;--orange:#f56800;--blue:#0658a5;--green:#168149;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;color:var(--navy);font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:4px solid #009cdb;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;background:white;padding:10px;z-index:20}.skip-link:focus{top:8px}
.site-header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px #00225112}.header-inner{max-width:1440px;padding:0 40px;margin:auto;min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{width:360px;flex-shrink:1}.brand img{width:100%;height:auto}.header-inner nav{display:flex;gap:30px;align-items:center;white-space:nowrap}.header-inner nav a{font-weight:800;font-size:15px;padding:20px 0}.header-inner nav a:hover{color:var(--orange)}
.hero{background:#092a4a url('assets/stadium-v2.webp') center 58%/cover no-repeat;overflow:hidden;position:relative}.hero-inner{position:relative;max-width:1440px;margin:auto;padding:40px 36px 34px}h1{position:relative;z-index:4;width:min(760px,73%);margin:0 auto;line-height:1}.hero-title-art{width:100%;height:auto;filter:none}
.hero-cars{display:flex;align-items:flex-end;justify-content:center;position:relative;margin:35px 0 0;isolation:isolate}.hero-cars img{height:auto;object-fit:contain;filter:none;flex-shrink:0}.hero-yaris{width:36%;z-index:1;margin-right:-2%}.hero-sienta{width:36%;z-index:2;margin-right:-2%}.hero-roomy{width:32%;z-index:3}
.model-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px auto 0;max-width:1250px}.model-nav a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:92px;padding:10px 18px;border:2px solid var(--blue);background:#fffffff7;border-radius:17px;box-shadow:0 6px 0 #031e3d25;font-weight:900;font-size:clamp(15px,1.7vw,23px);transition:transform .2s,box-shadow .2s}.model-nav a:nth-child(2){border-color:var(--green)}.model-nav a:nth-child(3){border-color:var(--orange)}.model-nav img{width:32%;height:62px;object-fit:contain}.model-nav b{margin-left:auto;font-size:27px}.model-nav a:hover{transform:translateY(-4px);box-shadow:0 10px 0 #031e3d25}
.content-region{position:relative;padding:60px 0;background-image:url('assets/confetti.svg'),linear-gradient(180deg,#fffef5 0%,#fff 23%,#fffcf6 100%);background-size:1400px auto,auto;background-position:center top;background-repeat:repeat-y,no-repeat}.section-width{width:min(1200px,calc(100% - 64px));margin-left:auto;margin-right:auto}.cm{margin-bottom:55px;display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center;padding:36px 40px;background:#fff8eceb;border:2px solid #fff;border-radius:24px;box-shadow:0 8px 35px #e49e2710}.cm h2{margin:0 0 22px;line-height:1}.cm h2 img{width:100%;height:auto;max-width:460px}.cm p{margin:0;font-size:1.375rem;font-weight:800;line-height:1.9}.video-stage{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#05274d;position:relative}.video-link{display:block;text-align:right;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:9px}
.lineup>h2{width:min(590px,83%);margin:0 auto 40px;line-height:1}.lineup>h2 img{width:100%;height:auto}.car-card{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:38px;margin-top:28px;border-radius:24px;padding:34px 38px;scroll-margin-top:calc(var(--header) + 20px);overflow:hidden;border:2px solid #fff;box-shadow:0 5px 22px #0d305009}.yaris-card{background:linear-gradient(110deg,#e8f5fff5,#dceffff5)}.sienta-card{background:linear-gradient(110deg,#f1f8e9f5,#e2f2dff5)}.roomy-card{background:linear-gradient(110deg,#fff3e9f5,#ffe8d5f5)}.car-visual{position:relative}.car-visual h3{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.car-visual h3 img{width:230px;max-height:43px;height:auto;object-fit:contain;object-position:left}.car-visual h3 span{font-weight:800;font-size:15px}.car-photo{width:100%;height:245px;object-fit:contain;margin-top:18px;filter:none}.car-copy h4{margin:0 0 16px;line-height:1}.car-copy h4 img{width:100%;height:auto;max-height:150px;object-fit:contain}.car-copy p{font-size:1.375rem;line-height:1.85;font-weight:700;margin:0 0 23px}.detail-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;background:var(--orange);color:#fff;min-height:56px;padding:13px 20px;font-weight:850;box-shadow:0 4px 0 #cb4900;transition:background .2s,transform .2s}.detail-button span{font-size:23px;line-height:1}.detail-button:hover{background:#da5200;transform:translateY(-2px)}
.site-footer{padding:45px 24px 25px;text-align:center;color:white;background:linear-gradient(#06214105,#04231830),url('assets/stadium-v2.webp') center 65%/cover}.footer-nav{display:flex;justify-content:center;gap:18px;margin:auto auto 32px;max-width:850px}.footer-nav a{display:flex;justify-content:space-between;gap:20px;align-items:center;flex:1;background:white;border-radius:35px;padding:10px 24px;border:2px solid var(--blue);color:var(--navy);font-weight:850;min-height:52px}.footer-nav a:nth-child(2){border-color:var(--green)}.footer-nav a:nth-child(3){border-color:var(--orange)}.footer-nav a:hover{background:#fff1e4}.footer-brand{width:420px;height:auto;margin:0 auto 22px;background:#fff;border-radius:16px;padding:20px 25px;box-shadow:0 6px 25px #071e3940}.site-footer small{font-size:12px;letter-spacing:.08em;text-shadow:0 1px 3px #000}
@media(min-width:1500px){.hero-inner{padding-top:45px;padding-bottom:40px}}
@media(max-width:850px){:root{--header:105px}.header-inner{padding:18px 20px 9px;flex-direction:column;gap:8px}.brand{width:280px}.header-inner nav{width:100%;max-width:420px;justify-content:space-around;gap:8px}.header-inner nav a{padding:5px;font-size:14px}.hero-inner{padding:35px 20px 25px}h1{width:78%}.hero-cars{margin-top:28px}.model-nav{gap:10px;margin-top:25px}.model-nav a{padding:10px;gap:5px;min-height:80px;font-size:16px}.model-nav img{width:29%;height:45px}.model-nav b{font-size:20px;margin-left:0}.section-width{width:calc(100% - 36px)}.cm{gap:25px;padding:26px;margin-bottom:40px;grid-template-columns:1fr 1fr}.cm p{font-size:1.25rem}.content-region{padding:38px 0;background-size:1000px auto,auto}.car-card{gap:22px;padding:26px}.car-photo{height:205px}.car-copy p{font-size:1.25rem}.detail-button{font-size:14px}.footer-nav a{padding:10px 16px;font-size:14px}}
@media(max-width:600px){.hero{background-size:auto 100%;background-position:center center}.hero-inner{padding:32px 12px 24px}h1{width:86%}.hero-cars{margin:44px 0 0}.hero-yaris{width:36%}.hero-sienta{width:36%}.hero-roomy{width:32%}.model-nav{gap:6px;margin-top:26px}.model-nav a{flex-direction:column;gap:0;padding:8px 2px;border-radius:12px;min-height:98px;font-size:13px;line-height:1.6}.model-nav img{display:block;width:72%;height:42px;margin-bottom:4px}.model-nav b{display:none}.section-width{width:calc(100% - 28px)}.content-region{padding:30px 0 36px;background-size:750px auto,auto}.cm{grid-template-columns:1fr;gap:23px;padding:26px 20px;margin-bottom:35px;border-radius:18px}.cm h2{max-width:360px;margin:0 auto 20px}.cm p{text-align:center;font-size:1.25rem;line-height:1.9}.lineup>h2{width:94%;margin:0 auto 25px}.car-card{grid-template-columns:1fr;gap:16px;padding:25px 20px 28px;margin-top:22px;border-radius:18px}.car-visual h3 img{width:205px;max-height:37px}.car-visual h3{gap:5px}.car-photo{height:195px;margin-top:14px}.car-copy h4{margin:0 auto 15px;width:100%;max-width:390px}.car-copy p{text-align:center;font-size:1.25rem;line-height:1.85;margin-bottom:25px;word-break:normal;overflow-wrap:anywhere}.detail-button{font-size:15px;min-height:56px;padding:12px 10px}.footer-nav{gap:7px;margin-bottom:28px}.footer-nav a{font-size:12px;gap:4px;justify-content:center;padding:10px 5px;min-height:48px}.footer-nav a span{display:none}.site-footer{padding:30px 12px 22px;background-position:center 57%}.footer-brand{width:310px;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A案：トップは車を主役にするサイズ、黒地の画像を背景に合成 */
h1{mix-blend-mode:screen}.hero-cars{margin-top:42px}.car-copy h4 img{max-height:140px}
@media(max-width:600px){.hero-cars{margin-top:35px}.car-copy p{font-size:1.25rem;line-height:1.85}.cm p{font-size:1.25rem}.car-card{padding-left:18px;padding-right:18px}}

.video-stage video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#05172c}