/* ==============================================
   FAQ カードスタイル（サービス詳細・FAQ一覧 共通）
   ============================================== */

/* ラッパー */
.faq-card-box {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Q&Aをひとまとまりのカードに */
.faq-card-item {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 16px rgba(0, 50, 150, .1);
  border: 1px solid #d0e4f5;
}

/* FAQ間の区切り線を無効化 */
.faq-card-box > div:not(:first-child) {
  border-top: none !important;
  margin-top: 0 !important;
}

/* Q行：青みがかった背景 */
.faq-card-item .ewd-ufaq-post-titles {
  position: relative;
  padding: 18px 24px 18px 70px;
  background: linear-gradient(135deg, #e6f2ff 0%, #f4f9ff 100%);
  border-bottom: none;
}

.faq-card-item .ewd-ufaq-post-titles h4 {
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  color: #0a2040;
  line-height: 1.5;
  margin: 0 !important;
}

/* Q バッジ */
.faq-card-item .ewd-ufaq-post-titles::before {
  content: 'Q';
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background: linear-gradient(135deg, #005fbd 0%, #0099ff 100%);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 800;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  box-shadow: 0 2px 8px rgba(0, 100, 200, .3);
}

/* A行：白背景 + 上に点線 */
.faq-card-item .ewd-ufaq-faq-body {
  position: relative;
  padding: 14px 24px 18px 70px;
  background: #fff;
  border-top: 2px dashed #cce0f5;
}

/* A バッジ非表示（プラグイン標準のAを消す） */
.faq-card-item .ewd-ufaq-faq-body .ewd-ufaq-faq-post::before {
  display: none !important;
}

.faq-card-item .ewd-ufaq-faq-post {
  position: relative;
}

.faq-card-item .ewd-ufaq-faq-body p {
  font-size: 1.45rem !important;
  color: #444;
  line-height: 1.8;
  margin: 0 !important;
}

/* リンクを無効化（クリックさせない） */
.faq-card-item .ewd-ufaq-faq-title a {
  pointer-events: none;
}