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

/* FAQ 本体 */
.faq { flex-direction:column; gap:40px; padding:0 10px; margin-bottom:80px; }

/* 質問部分 */
.faq-question { align-items:center; border:none; cursor:pointer; font-weight:600; text-align:left; justify-content:space-between; padding:10px; width:100%; }

/* アイコン（＋／－） */
.faq-icon { font-size:22px; transition:all .3s ease; }

/* 回答部分（閉じた状態） */
.faq-answer { background:rgba(191, 223, 165, 0.30); overflow:hidden; transition:max-height .35s ease; max-height:0; padding:0 20px 0 20px; }
.faq-answer img { margin:30px auto; height:auto; max-width:100%; width:100%; }

/* 開いたときに余白を追加 */
.faq-item.open .faq-answer { padding:20px 25px 20px 25px; }

/* テキストデコレーション */
a.under-line { text-decoration:underline; }

@container( min-width:960px ) {

/* FAQ 本体 */
.faq { gap:50px; margin:auto; margin-bottom:120px; max-width:1000px; width:100%; }

/* 回答部分（閉じた状態） */
.faq-answer { background:rgba(255, 142, 150, 0.20); }
.faq-answer img { margin:50px auto; }

/* 開いたときに余白を追加 */
.faq-item.open .faq-answer { padding:30px 35px 30px 35px; }

}

@media( max-width:959px ) {

/* デコレーション */
section.content { position:relative; z-index:1; }
section.content::before { aspect-ratio:205/228; background-image:url('../img/common/sp-sakura-left-1.png'); position:absolute; bottom:0; left:-11px; height:228px; width:205px; z-index:-2; }

}