/* 全体のコンテナ */
.faq-panel {
margin: 20px 0;
}

/* タイトル */
.faq-title {
font-size: 24px;
margin-bottom: 10px;
}

/* 説明文 */
.faq-description {
font-size: 16px;
margin-bottom: 20px;
}

/* 目次リスト：枠で囲み、余白を十分に確保 */
.faq-index {
list-style: none;
padding: 15px;
margin-bottom: 20px;
border: 1px solid #ccc;
background-color: #f9f9f9;
}

/* リスト各項目 */
.faq-index li {
margin: 5px 0;
}

/* リンク：通常は下線なし、ホバー時に下線表示 */
.faq-index a {
color: #007bff;
text-decoration: none;
}

.faq-index a:hover {
text-decoration: underline;
}

/* FAQ項目の全体表示 */
.faq-items {
margin-top: 20px;
}

/* 各FAQ項目 */
.faq-item {
margin-bottom: 30px;
padding-top: 30px;
}

/* 質問：Q: を先頭に付与 */
.faq-question {
font-size: 18px;
margin: 0 0 10px 0;
}

.faq-question .prefix {
font-weight: bold;
margin-right: 10px;
}

/* 回答：A: を先頭に付与 */
.faq-answer {
font-size: 16px;
margin-top: 10px;
}

.faq-answer .prefix {
font-weight: bold;
margin-right: 10px;
}