/**
 * assets/css/pages/contact.css — お問い合わせページ専用スタイル
 * 出典: berurogue-collect_html/05_berurogue-collect_お問い合わせページ.html <style>
 * 元HTMLは JS で .step-section に .active を付け外しして3画面をフェード切替していたが、
 * PHP化により画面そのものが別ページ（input/confirm/complete）になるため、
 * 常に .active 相当の表示状態で使う。クラス名はマークアップ一致のため維持する。
 */
.step-section {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.step-section.active {
  opacity: 1;
  transform: translateY(0);
}