/* V58: 紹介動画カードの視認性向上と、スマホ時の表示順（見出し → 動画 → 相談）の調整。
   PCのヒーロー2カラム構成は変更しない。body.v56-home のトップページでのみ使用。 */

/* ---------- 動画カード（PC・スマホ共通の見た目） ---------- */
.v56-home .v58-video-card{padding:18px 18px 16px;background:#F3F7FC;border:1.5px solid rgba(22,91,154,.45);border-radius:14px;box-shadow:0 10px 28px rgba(11,45,79,.08)}
.v56-home .v58-video-head{margin:0 0 12px}
.v56-home .v58-video-label{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;line-height:1.5;color:var(--v55-navy)}
.v56-home .v58-video-label::before{content:"";flex:none;width:0;height:0;border-left:9px solid var(--v55-blue);border-top:6px solid transparent;border-bottom:6px solid transparent}
.v56-home .v58-video-desc{margin:4px 0 0;font-size:13.5px;line-height:1.7;color:var(--v55-muted)}
.v56-home .v58-video-card .v56-video-frame{border-color:#C9DDF0;border-radius:8px;box-shadow:none}
.v56-home .v58-video-card figcaption{margin-top:12px}
.v56-home .v58-video-tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}
.v56-home .v58-video-tags li{font-size:12.5px;font-weight:700;line-height:1.6;color:var(--v55-navy);background:#fff;border:1px solid #C9DDF0;border-radius:4px;padding:2px 9px}
.v56-home .v58-video-credit{margin:8px 0 0;font-size:11.5px;line-height:1.6;color:#6B7888}

/* V64: ポスター（v3）の中央にある要点を隠さないよう、PCでも再生ボタンを下寄せにする */
.v56-home .v58-video-card .v56-play{top:auto;bottom:16px;transform:translateX(-50%)}

/* ---------- スマホ・タブレット：見出し → サブコピー → 動画 → 説明 → CTA ---------- */
@media (max-width:960px){
  .v56-home .v56-hero .v55-hero-grid{gap:0}
  .v56-home .v56-hero .v55-hero-copy{display:contents}
  .v56-home .v56-hero .v55-hero-label{order:1}
  .v56-home .v56-hero h1{order:2}
  .v56-home .v56-hero .v55-hero-lead{order:3;margin-bottom:18px}
  .v56-home .v56-hero .v58-video-card{order:4;margin:0 0 22px}
  .v56-home .v56-hero .v55-hero-sub{order:5;margin-bottom:22px}
  .v56-home .v56-hero .v55-actions{order:6}
  .v56-home .v56-hero .v55-hero-note{order:7}
  .v56-home .v56-hero .v55-hero-area{order:8}
}
@media (max-width:760px){
  .v56-home .v58-video-card{padding:14px 12px 12px;border-radius:12px}
  .v56-home .v58-video-head{margin-bottom:10px}
  .v56-home .v58-video-label{font-size:15.5px}
  .v56-home .v58-video-desc{font-size:13px}
  /* 再生ボタン：見出し部分を隠さないよう下寄せ、タップしやすい大きさに */
  .v56-home .v56-play{top:auto;bottom:10px;transform:translateX(-50%);min-height:50px;padding:9px 18px 9px 9px;font-size:15px;gap:10px;background:rgba(11,45,79,.94)}
  .v56-home .v56-play-icon{width:32px;height:32px}
  .v56-home .v56-play-icon::after{left:12px;top:9px}
}