@charset "utf-8"; /* CSS Document */
/* 全体のコンテナと最大幅 */
.faq-container{  max-width: 980px;margin: 0 auto;padding: 20px;background-color: #fff;border-radius: 8px;padding-bottom: 10%;}
.faq-container h2{  font-size: 40px;text-align: center;letter-spacing: 0.1em;padding: 2em 0 1em}
/* カテゴリタイトル（黄色い背景） */
.faq-category-title{  font-size: 40px;font-weight: bold;text-align: center;margin-top: 40px;margin-bottom: 20px;padding: 2px 2px 5px;display: inline-block;background-color: #f6e47a;border-radius: 4px;display: block;width: fit-content;margin-left: auto;margin-right: auto;}
/* ==================== */
/* アコーディオン スタイル (styles.css から統合) */
/* ==================== */

.faq-item{  border-bottom: 1px solid #07223b;}
.brdtt{  border-top: 1px solid #07223b;}
.faq-question{  position: relative;padding: 25px 40px 25px 15px;margin: 0;font-size: 22px;font-weight: bold;cursor: pointer;transition: background-color 0.2s;background-color: #ffffff;}
/* 開閉アイコンのスタイル */
.faq-question::after{  content: '';position: absolute;right: 20px;top: 50%;width: 8px;height: 8px;border-bottom: 2px solid #1e3a8a;border-right: 2px solid #1e3a8a;transform: translateY(-50%) rotate(-45deg);/* 上向きの「＞」 */ transition: transform 0.3s ease;}
/* 開いているときのアイコンのスタイル */
.faq-question.is-open::after{  transform: translateY(-50%) rotate(45deg);/* 下向きの「V」 */}
/* 回答部分の初期状態とアニメーション設定 */
.faq-answer{  height: 0;overflow: hidden;transition: height 0.3s ease;/* heightのみをアニメーション */ padding: 0;font-size: 15px;}
/* 回答コンテンツのラッパー: ここでパディングと背景色を固定し、高さ計算の基準とする */
.faq-answer-content{  padding: 5px 15px 25px;box-sizing: border-box;}
.faq-answer-content p{  margin: 0;font-size: 18px;line-height: 1.7em;}
@media (max-width: 958px){  .faq-container h2 , .faq-category-title{  font-size: 18px;}
.faq-question{  font-size: 16px}
.faq-answer-content p{  font-size: 14px}
.faq-question{  padding: 25px 40px 25px 0px;}
.faq-question::after{  right: 8px;}
}