/*---
202512 追加
---*/

/*---
FAQ
---*/
/* ▼ 各Q&A全体の枠を details に持たせる */
.faq-item {
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 10px;
background: #fff;
overflow: hidden; /* 角丸からはみ出さないように */
}

/* デフォルトのマーカーを消す */
.faq-summary {
list-style: none;
}
.faq-summary::-webkit-details-marker {
display: none;
}

.faq-summary {
cursor: pointer;
position: relative;
padding: 12px 48px 12px 52px; /* 左:Qアイコン分 / 右:矢印分 */
display: block;
}

/* 左側の青丸Qアイコン */
.faq-q-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 50%;
background: #3869B2;
color: #fff;
font-weight: bold;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}

.faq-title {
font-weight: 600;
    color: #3869B2;
display: block;
}

/* 三角（▼/▲）の位置を縦中央に固定 */
.faq-arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}

/* ▼ 非展開時：下向き三角 */
.faq-arrow::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #3869B2;
}

/* ▲ 展開時：上向き三角 */
.faq-item[open] .faq-arrow::before {
  border-top: 0;
  border-bottom: 8px solid #3869B2;
}

/* 回答部分：隙間が出ないように上にだけボーダー */
.faq-answer {
padding: 12px 16px 16px 52px;
border-top: 1px solid #eee;
background: #fafafa;
font-size: 1.4rem;
line-height: 1.6;
}