/* =========================================
   合同会社アイフィルム 防犯カメラ設置LP
   ========================================= */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 56px;
}

body {
  overflow-x: hidden;
}

/* フェードインアニメーション */
.fade-in {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* アニメーションを好まないユーザーへの配慮 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .fade-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* FAQ アコーディオン開閉時のトグル記号切り替え */
.faq-toggle {
  display: inline-block;
  transition: transform 0.2s ease;
}
.faq-q[aria-expanded="true"] .faq-toggle {
  transform: rotate(45deg);
}

/* スマホ固定CTAバー分の余白 */
@media (max-width: 767px) {
  body {
    padding-bottom: 0;
  }
}

/* テーブルのスクロールバー見た目調整 */
.overflow-x-auto::-webkit-scrollbar {
  height: 6px;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #a8cbe8;
  border-radius: 4px;
}

/* テキスト選択時の色 */
::selection {
  background: #f2802a;
  color: #ffffff;
}

/* リンクの基本トランジション */
a {
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* フォームのフォーカス見た目強化（アクセシビリティ） */
input:focus, select:focus, textarea:focus, button:focus-visible {
  outline: none;
}