/* video.html 専用：既存の部品で足りない分だけ */

/* ページの頭：リードの一行目（キャッチ）を大きく */
.ph-lead b{display:block;margin-bottom:.5em;color:#fff;font-size:1.35em;font-weight:900;line-height:1.5}

/* 「制作できる動画」の見出しの下の説明 */
.sec-head.plain .lead{margin-top:clamp(16px,1.6vw,28px)}

/* 制作したCMの面：左に大きく香川日産（主役）、右に小さく自社CM */
.cmx h2{font-size:clamp(30px,3.4cqw,64px);line-height:1.28;letter-spacing:-.02em;color:#fff}
.cmx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:clamp(28px,3vw,56px)}
.cmx-note{margin:0;font-size:13px;line-height:1.6;color:var(--on-dark)}
.cmx-grid{display:grid;gap:clamp(32px,3.4vw,64px);align-items:start}
.cmx-main{margin:0}
.cmx-main .card-img{aspect-ratio:16/9;background:#000}
.cmx-main video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmx-main figcaption{position:relative;padding-top:clamp(28px,2.4vw,40px)}
.cmx-main .tag{position:absolute;left:0;top:0;transform:translateY(-50%);font-size:13px;padding:8px 14px 7px}
.cmx-main h3{font-size:clamp(22px,2.2cqw,40px);font-weight:900;line-height:1.45;color:#fff}
.cmx-main p{margin-top:8px;font-size:clamp(14px,.95vw,16px);line-height:1.8}
.cmx-more{margin-top:clamp(32px,3.4vw,56px)}
.cmx-more .tlink{color:#fff}
.cmx-more .tlink:hover{color:var(--accent-light)}
@media (min-width:1024px){
  .cmx-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
}