/* お申込み掲示板(FX・CFD / バイナリー)のアニメーション: ステップの線上を流れる光 + 件数の数字フリップ。
   出典: 旧WP mu-plugin taian-anim.php の wp_head 出力。旧WP は接続端末(UA)で PC・モバイルのスタイルを出し分けていた → ここでは画面幅で分ける */

/* PC: 5つの円の後ろにある横線上を左から右へ */
@media (min-width:1024px){
.fxl-process::after{content:"";position:absolute;z-index:0;pointer-events:none;
  top:241px;height:2px;width:150px;left:calc(50% - 680px);border-radius:2px;
  background:linear-gradient(90deg,rgba(90,160,230,0) 0%,rgba(90,160,230,.6) 38%,#CFE7FF 50%,rgba(90,160,230,.6) 62%,rgba(90,160,230,0) 100%);
  animation:taianLineLight 3.6s ease-in-out infinite;}
}
@keyframes taianLineLight{
  0%{transform:translateX(0);opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translateX(1170px);opacity:0}}

/* モバイル: 縦線上を上から下へ */
@media (max-width:1023.98px){
.fxl-process-inner::after{content:"";position:absolute;z-index:0;pointer-events:none;
  left:56px;width:2px;top:-40px;bottom:-40px;border-radius:2px;
  background:linear-gradient(180deg,rgba(90,160,230,0) 0%,rgba(90,160,230,.6) 38%,#CFE7FF 50%,rgba(90,160,230,.6) 62%,rgba(90,160,230,0) 100%) 0 0/100% 150px no-repeat;
  animation:taianLineLightV 3.6s ease-in-out infinite;}
}
@keyframes taianLineLightV{
  0%{background-position-y:-150px;opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{background-position-y:calc(100% + 150px);opacity:0}}

/* 件数の数字 — 下寄せ・中央揃え */
.fxl-stat-label{top:24px !important}
.fxl-stat-num{left:0 !important;right:0 !important;top:auto !important;bottom:36px !important;
  justify-content:center !important;
  font-family:"Pretendard JP",Pretendard,sans-serif !important;
  font-size:62px !important;font-weight:700 !important;}
.fxl-stat-num.fxl-stat-num-sm{font-size:52px !important}
.fxl-stat-num span{font-weight:700 !important}
/* 数字フリップ(空港の案内板のように) — 文字サイズは .fxl-stat-num に従う */
.taian-flip{display:inline-flex;gap:3px;line-height:1;perspective:600px;
  font-family:"Pretendard JP",Pretendard,sans-serif;
  font-size:inherit !important;font-weight:700 !important}
.taian-flip span{font-size:inherit !important;font-weight:700 !important;color:#0047AB}
.taian-flip-d{display:inline-block;position:relative;transform-style:preserve-3d}
.taian-flip-d .taian-flip-cur{display:inline-block;backface-visibility:hidden}
.taian-flip-d.is-flip .taian-flip-cur{animation:taianDigitFlip .16s cubic-bezier(.45,.05,.55,.95)}
@keyframes taianDigitFlip{
  0%{transform:rotateX(0)}
  45%{transform:rotateX(-88deg)}
  55%{transform:rotateX(88deg)}
  100%{transform:rotateX(0)}}