@charset "UTF-8";

/*===============================================
 *	よくあるご質問ページ .faq_list レイアウト
 *	（トップページの #faq セクションには影響させないため
 *	  このページ専用CSSにスコープして上書きする）
===============================================*/
#faq .faq_list li {
  background: #fff;
  border: 1px solid rgba(45, 137, 248, 0.2);
  box-shadow: 0 2px 10px rgba(45, 137, 248, 0.06);
}

/* スマホ時のみ .faq_list の間隔を調整（PC側は common.css の値のまま） */
@media only screen and (max-width: 568px) {
  #faq .faq_list {
    gap: 15px 30px;
    margin: 20px 0;
  }
}

@media only screen and (min-width: 569px) {
  #faq .center {
    margin-bottom: 30px;
  }

  #faq .faq_list {
    margin-bottom: 50px;
  }

  #faq .faq_list li {
    width: 100%;
    padding: 30px 20px;
  }
}