/* =============================================================
   ステップフォーム フェード遷移用CSS(競合対策版)
   既存CSSの末尾に追記してください。
   既存の .registration-form__content .form-slide のセレクタに
   完全一致させているため、確実に上書きされます。
   ============================================================= */
/* スライド共通: フェード遷移の基盤 */
.registration-form__content .form-slide {
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: opacity 0.75s ease, transform 0.75s ease !important;
}
/* アクティブな(表示中の)スライド */
.registration-form__content .form-slide.active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/* フェードアウト中(JSが一時的に付与) */
.registration-form__content .form-slide.fade-out {
  opacity: 0 !important;
  transform: translateY(-8px) !important;
}
/* -------------------------------------------------------------
   ガタつき防止: 質問エリアの高さを固定して、
   スライドごとの高さ差で親要素が動かないようにする
   ------------------------------------------------------------- */
.registration-form__content .question-form {
  position: relative;
  /* 各スライドの高さに合わせて、最低限の高さを確保 */
  min-height: 230px;
}
/* 質問エリア内のスライドを絶対配置にして高さを揃える方式 
   ※もし上記の min-height だけで安定するならこのブロックは不要です */
/*
.registration-form__content .form-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.registration-form__content .form-slide.active {
  position: relative !important;
}
*/
.registration-form__content .progress-bar__item.active{
transition:.75s;
}
/* フェードイン中の初期状態(JSが一瞬付与) */
.registration-form__content .form-slide.fade-in-start {
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: none !important;
}