/**
 * [cfa] モバイル軽量モード
 * - [cfa1]/[cfa3]: ブロック単位バウンス（SEO: 本文はサーバー HTML に全文あり）
 * - [cfa2]: 各ブロックの style.css + view.js が 1 文字スイープを担当（ここでは無効化しない）
 */
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  [data-arc-heading-colorful="1"] [class$="__cfa1-target"].is-enter,
  [data-arc-heading-colorful="1"] [class$="__cfa3-target"].is-enter,
  .arc-card-carousel--colorful [class$="__cfa1-target"].is-enter,
  .arc-card-carousel--colorful [class$="__cfa3-target"].is-enter,
  .arc-split-story[data-arc-heading-colorful="1"] [class$="__cfa1-target"].is-enter,
  .arc-split-story[data-arc-heading-colorful="1"] [class$="__cfa3-target"].is-enter,
  .arc-stack-cards[data-arc-heading-colorful="1"] [class$="__cfa1-target"].is-enter,
  .arc-stack-cards[data-arc-heading-colorful="1"] [class$="__cfa3-target"].is-enter,
  .arc-stack-cards[data-arc-heading-colorful="1"] [class*="__card-cfa1-target"].is-enter,
  .arc-stack-cards[data-arc-heading-colorful="1"] [class*="__card-cfa3-target"].is-enter,
  .arc-label-note-box--colorful [class$="__cfa3-target"].is-enter {
    display: inline-block;
    animation: arc-cfa-lite-bounce 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  /* 旧 per-char 要素の残骸を無効化（[cfa2] スイープは各ブロック CSS に委譲） */
  [data-arc-heading-colorful="1"] [class*="__cfa-char"].is-enter,
  [data-arc-heading-colorful="1"] [class*="__cfa1-char"].is-enter,
  [data-arc-heading-colorful="1"] [class*="__cfa3-char"].is-enter,
  [data-arc-heading-colorful="1"] [class*="__cfa3-inner"],
  .arc-card-carousel--colorful [class*="__cfa1-char"].is-enter,
  .arc-card-carousel--colorful [class*="__cfa3-inner"],
  .arc-split-story--colorful [class*="__cfa1-char"].is-enter,
  .arc-split-story--colorful [class*="__cfa3-inner"],
  .arc-stack-cards--colorful [class*="__cfa1-char"].is-enter,
  .arc-stack-cards--colorful [class*="__cfa3-inner"],
  .arc-stack-cards--colorful [class*="__card-cfa1-char"].is-enter,
  .arc-stack-cards--colorful [class*="__card-cfa3-inner"] {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}

@keyframes arc-cfa-lite-bounce {
  0% {
    transform: none;
  }

  35% {
    transform: translate3d(0, -0.08em, 0);
  }

  100% {
    transform: none;
  }
}