/* =============================================
   よくある質問（/qa/）page-qa.php 専用（2026-11-02）
   Q・Aラベル等の色は プラグイン側「よくある質問（シート同期）→ 色設定」で変更
   ============================================= */

.page-qa .qa-lead { margin-bottom: 2rem; line-height: 1.9; }
.page-qa .qa-updated { margin-top: .5rem; font-size: .85rem; color: #666; text-align: right; }

/* カテゴリナビ（プラグイン既定の背景帯は外してページ内に収める） */
.page-qa .faq-cat-nav { background: none; border-top: 0; padding: 0; margin-bottom: 2.5rem; }

/* 質問文を h4 にしたため、テーマの見出しスタイルを打ち消す */
.page-qa .faq-item__q-text { margin: 0; padding: 0; border: 0; background: none; font-size: 1rem; font-weight: 700; line-height: 1.6; }
.page-qa .faq-item__q-text::before,
.page-qa .faq-item__q-text::after { content: none; }

/* 地域切り替え */
.page-qa .qa-area { margin-bottom: 2rem; text-align: center; }
.page-qa .qa-area__label { margin-bottom: .5rem; font-size: .9rem; font-weight: 700; }
.page-qa .qa-area__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.page-qa .qa-area__link { display: block; min-width: 6.5em; padding: .5rem 1rem; border: 1px solid var(--color-main, #011645); border-radius: 3px; color: var(--color-main, #011645); text-decoration: none; }
.page-qa .qa-area__link:hover,
.page-qa .qa-area__link.is-current { background: var(--color-main, #011645); color: #fff; text-decoration: none; }
.page-qa .qa-area-title { margin-bottom: 1.5rem; font-size: 1.25rem; text-align: center; }
@media (max-width: 767.98px) {
	.page-qa .qa-area__list li { width: calc((100% - 16px) / 3); }
	.page-qa .qa-area__link { min-width: 0; padding: .5rem .25rem; font-size: .9rem; }
}

/* 個別リンクで飛んだときに固定ヘッダーで隠れないように */
.page-qa .faq-item,
.page-qa .faq-category-block { scroll-margin-top: 100px; }

/* お問い合わせ */
.page-qa .qa-contact { margin-top: 3rem; padding: 1.5rem; background: var(--color-gray-b, #f1efeb); text-align: center; }
.page-qa .qa-contact p { margin-bottom: 1rem; }
.page-qa .qa-contact__btn { display: inline-block; padding: .75rem 2.5rem; background: var(--color-main, #011645); color: #fff; border-radius: 3px; text-decoration: none; }
.page-qa .qa-contact__btn:hover { opacity: .85; color: #fff; text-decoration: none; }