/* ===== CTAボタンのアニメーションと位置微調整 =====
   外側の <a> にホバー拡大、内側の <img> に常時の拡大縮小をかける。
   同じ要素に両方かけると transform が競合するため2階層に分けている。 */

@keyframes cta-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.06); }
}

.btn_area a {
  display: block;
  transition: transform .22s ease-out, filter .22s ease-out;
  transform-origin: center center;
}
.btn_area a img {
  animation: cta-pulse 1.3s ease-in-out infinite;
  transform-origin: center center;
}
.btn_area a:hover { transform: scale(1.04); filter: brightness(1.04); }
.btn_area a:hover img { animation-play-state: paused; }
.btn_area a:active { transform: scale(.985); transition-duration: .08s; }

.cs__arrow { transition: transform .18s ease-out; }
.cs__arrow:hover { transform: translateY(-50%) scale(1.12); }
.cs__arrow:active { transform: translateY(-50%) scale(.95); }

/* OSの「視差効果を減らす」設定に追従 */
@media (prefers-reduced-motion: reduce) {
  .btn_area a img { animation: none; }
  .btn_area a, .cs__arrow { transition: none; }
}

/* ===== 位置微調整 =====
   案件ごとに実測して必要なときだけ追記する。既定では何もずらさない。
   oscar 案件では btn_area2〜4 に margin-top: 0.93%（SP 2.0%）、SPの btn_area1 に 1.3% を入れていた。
   これを既定で残すと、FVにボタンが横並び2個ある案件で片方だけ下がる（2026-10-01 ストラテクト）。 */