@charset 'utf-8';
/* よくあるご質問用CSS */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
リード文
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 
/* コンテナクエリ仕込み */
div.qa_container { container:qa / inline-size; }

/* 見出し */
div.all_qa h2 { font-size:18px; font-weight:600; margin:0 0 30px 0; text-align:center; }
div.qa_box h1 { background-color:#f2f6fe; border-top:1px solid #000; border-bottom:1px solid #000; font-size:18px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; padding:10px 15px; margin:0 0 20px 0; }
div.qa_box h1 img { margin:0 25px 0 0; height:24px; width:24px; }

/* 横幅 */
div.all_qa { margin:auto auto 60px auto; width:90vw; }

/* 箱 */
div.qa_box { margin:0 0 30px 0; }
div.qa_box.last_box { margin:0; }
div.qa_box div.qa_txt p { font-weight:500; }

@container qa ( width > 960px ) { /* PC版記述 */

/* 見出し */
div.all_qa h2 { font-size:24px; margin:0 0 40px 0; }
div.all_qa h2 br { display:none; }
div.qa_box h1 { background-color:var(--fff); border-top:none; border-bottom:1px solid var(--logo_blue); font-size:24px; padding:0; margin:0; line-height:60px; }
div.qa_box h1 img { height:60px; width:60px; }

/* 横幅 */
div.all_qa { margin:auto auto 120px auto; width:80vw; }

/* 箱 */
div.qa_box { border:1px solid var(--logo_blue); margin:0 0 60px 0; }
div.qa_box div.qa_txt { padding:20px 80px; }

}
