@charset "UTF-8";
/* ==========================================================
   /service/ サービス一覧 専用スタイル

   本文のレイアウトは page-service.php 側のインラインスタイルで
   完結しているため、ここではテーマ共通CSSと干渉させたくない
   最小限の指定のみを置く。すべて #service-index-page 配下にスコープする。

   2026-10-09 初版
   （旧 page-service.php ＝ Web広告運用 は page-ads.php へ移設。
     そちらは従来どおり assets/css/web-advertising.css を使う）
   ========================================================== */

/* ---------- リンク色（テーマ既定を上書きせずページ内のみ） ---------- */
#service-index-page a {
  color: #00053A;
}

#service-index-page a:hover {
  color: #006FCF;
}

/* ---------- FAQ アコーディオン（details / summary） ---------- */
#service-index-page summary {
  list-style: none;
  cursor: pointer;
}

#service-index-page summary::-webkit-details-marker {
  display: none;
}

#service-index-page details[open] .faq-plus {
  transform: rotate(45deg);
}

/* ---------- アクセシビリティ ---------- */
#service-index-page summary:focus-visible {
  outline: 2px solid #006FCF;
  outline-offset: 4px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #service-index-page .faq-plus {
    transition: none;
  }
}