/* ===== qa.css: Q&Aページ専用スタイル ===== */

.qa-page-header {
  padding: 24px 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.qa-page-en { font-size: 11px; letter-spacing: 0.3em; color: #b82020; margin-bottom: 6px; }
.qa-page-ja { font-size: 24px; font-weight: bold; letter-spacing: 0.05em; }
.qa-page-desc { font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 8px; line-height: 1.6; }

/* ===== カテゴリラベル ===== */
.cat-label {
  margin: 0;
  padding: 20px 18px 8px;
  font-size: 11px; letter-spacing: 0.2em; color: #b82020; font-weight: bold;
}

/* ===== アコーディオン ===== */
.faq-item { border-bottom: 1px solid rgba(255,255,255,0.06); }
.faq-q {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px; cursor: pointer; user-select: none; transition: background 0.12s;
}
.faq-q:active { background: rgba(255,255,255,0.03); }
.faq-q-mark {
  font-size: 18px; font-weight: bold; color: #b82020;
  flex-shrink: 0; width: 20px; text-align: center;
}
.faq-q-text { flex: 1; font-size: 15px; font-weight: bold; line-height: 1.5; letter-spacing: 0.03em; }
.faq-arrow {
  font-size: 16px; color: rgba(255,255,255,0.25); flex-shrink: 0; transition: transform 0.2s;
}
.faq-item.open .faq-arrow { transform: rotate(90deg); }
.faq-a { display: none; padding: 0 18px 18px 50px; }
.faq-item.open .faq-a { display: block; }
.faq-a-mark { font-size: 13px; font-weight: bold; color: #e8c85a; margin-bottom: 6px; }
.faq-a-text { font-size: 14px; line-height: 1.9; color: rgba(255,255,255,0.7); }
.faq-a-text strong { color: #e8c85a; }
.faq-a-text a { color: #b82020; text-decoration: underline; }

/* ===== お問い合わせ ===== */
.contact-section {
  margin: 24px 18px 32px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px; padding: 20px; text-align: center;
}
.contact-title { font-size: 14px; font-weight: bold; margin-bottom: 6px; }
.contact-desc { font-size: 12px; color: rgba(255,255,255,0.4); margin-bottom: 16px; }
.contact-btns { display: flex; flex-direction: column; gap: 10px; }
.tel-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px; background: linear-gradient(135deg, #8a1818, #c82020);
  border-radius: 10px; text-decoration: none; color: #fff;
  font-size: 15px; font-weight: bold;
}
.tel-label { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: normal; display: block; margin-bottom: 2px; }