/* ===================================================
よくある質問
 =================================================== */

/* ページタイトル */
div.title-image.faq-title { background-image:url(../img/faq/main-image.jpg); }

/* 共通 */
section.faq, section.faq h2 { margin-bottom:40px; }
section.faq ul li h3 img, section.faq ul li p img { height:40px; width:40px; }

/* ベース */
section.faq { padding:0 20px; }

/* コンテンツ部分 */
section.faq ul { flex-direction:column; gap:24px; }

/* 見出し */
section.faq ul li h3 { align-items:center; border-bottom:1px solid var(--bk); font-weight:700; gap:8px; padding:0 0 8px 0; margin-bottom:8px; }

/* テキスト */
section.faq ul li p { align-items:flex-start; gap:8px; }
section.faq ul li p span { padding:8px 0; max-width:calc( 100% - 48px ); }

@container(min-width:960px) {

/* ベース */
section.faq { margin:auto; margin-bottom:122px; max-width:1000px; }

/* コンテンツ部分 */
section.faq ul { gap:40px; }

/* 見出し */
section.faq ul li h3 { font-size:20px; font-weight:700; line-height:170%; padding-bottom:24px; margin-bottom:24px; }

}