@charset "UTF-8";
#cta-6882cceb78bd8e1b5be6f5dd {
  /* ===============================
     FAQセクション背景（超おすすめ）
  ================================ */
  /* ===============================
     FAQカード（白化して高級感）
  ================================ */
  /* ホバーで少し浮く → UX向上 */
  /* ===============================
     質問部分（薄い青グラデ＋黒文字）
  ================================ */
  /* 開いた時だけ濃い青＋白文字 */
  /* トグルアイコン */
  /* 開いた時のトグル色 */
  /* ===============================
     回答部分
  ================================ */
  /* 開いた状態 */
  /* ===============================
     セクションタイトル
  ================================ */
  /* ===============================
     画像
  ================================ */
  /* ===============================
     リンク
  ================================ */
  /* ===============================
     モバイル最適化（重要）
  ================================ */
}
#cta-6882cceb78bd8e1b5be6f5dd .question_section_wrapper {
  background: #F7F9FC;
  /* うっすらグレー → 今風LP */
  padding: 60px 20px;
  border-radius: 16px;
}
#cta-6882cceb78bd8e1b5be6f5dd .question_sec_kyujin {
  background: #ffffff;
  border-radius: 14px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: 0.25s;
}
#cta-6882cceb78bd8e1b5be6f5dd .question_sec_kyujin:hover {
  transform: translateY(-4px);
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-question {
  background: linear-gradient(135deg, #8EC5F8, #CFEFFF);
  color: #2b3a4a;
  /* ← 黒文字（真っ黒じゃない） */
  font-weight: 600;
  /* ← boldより上品 */
  font-size: 20px;
  padding: 18px 56px 18px 20px;
  position: relative;
  cursor: pointer;
  transition: 0.25s;
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-question.active {
  background: linear-gradient(135deg, #4A90E2, #6FC3DF);
  color: #fff;
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: bold;
  color: #2b3a4a;
  /* ← 黒に */
  user-select: none;
  pointer-events: none;
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-question.active .faq-toggle {
  color: #fff;
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-answer {
  background-color: #ffffff;
  color: #444;
  font-size: 17px;
  line-height: 1.9;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease;
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-answer.open {
  padding: 28px 20px;
  max-height: 700px;
  opacity: 1;
  border-top: 1px solid #EEF2F6;
  /* 境界線で読みやすく */
}
#cta-6882cceb78bd8e1b5be6f5dd .question_section_title {
  font-size: 26px;
  font-weight: bold;
  color: #2b3a4a;
  margin-bottom: 24px;
  text-align: center;
}
#cta-6882cceb78bd8e1b5be6f5dd .question_section_img {
  width: 90% !important;
  height: auto !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 auto 30px !important;
}
@media screen and (min-width: 768px) {
  #cta-6882cceb78bd8e1b5be6f5dd .question_section_img {
    width: 50% !important;
  }
}
#cta-6882cceb78bd8e1b5be6f5dd .faq-answer a {
  color: #4A90E2 !important;
  text-decoration: underline !important;
}
@media screen and (max-width: 767px) {
  #cta-6882cceb78bd8e1b5be6f5dd .question_section_wrapper {
    padding: 40px 16px;
  }
  #cta-6882cceb78bd8e1b5be6f5dd .faq-question {
    font-size: 16px;
    padding: 16px 48px 16px 16px;
  }
  #cta-6882cceb78bd8e1b5be6f5dd .faq-answer {
    font-size: 15px;
  }
  #cta-6882cceb78bd8e1b5be6f5dd .question_section_title {
    font-size: 22px;
  }
}