@charset "utf-8";
/* ============================================================
   17 よくあるご質問（Figma SP 3142:2839）
   ・.kh-acc（details/summary）をFigmaの見た目に合わせて調整する
   ============================================================ */
/* css/style.css の `.kh p, .kh li, .kh span …{ text-align:left; letter-spacing:normal }` は
   各要素への直接指定なので、親（見出し枠など）からの継承を止めてしまう。
   このセクション配下だけ継承に戻す。個別の値は下の各ルールで指定する */
.kh-faq :is(p, li, dt, dd, th, td, h1, h2, h3, h4, span, em, small) {
  text-align: inherit;
  letter-spacing: inherit;
}


.kh-faq {
  background: #dff0fe;
  padding: 50px 17px;
}

.kh-faq__head { text-align: center; }
.kh-faq .kh-faq__en {
  font-family: "Alata", var(--kh-font-b);
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #b0d2ed;
  opacity: .6;
}
.kh-faq__title {
  margin-top: 2px;
  font-size: 24px;
  line-height: 1.2;
  color: var(--kh-blue);
}

.kh-faq__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 30px;
}

/* ---- 1問ぶん（.kh-acc の上書き） ----------------------- */
.kh-faq__item {
  border-bottom: 0;
  border-radius: 8px;
  background: var(--kh-white);
  overflow: hidden;
}
.kh-faq__item > .kh-acc__q {
  position: relative;
  align-items: center;
  gap: 15px;
  padding: 20px 47px 20px 20px;
  background: #b0d2ed;
  font-size: 13px;
  font-weight: 500;
  line-height: 21.28px;
  color: #555;
}
.kh-faq__item > .kh-acc__q::after {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-left: 0;
  width: 9px;
  height: 9px;
  border-right-color: #fff;
  border-bottom-color: #fff;
  transform: translateY(-75%) rotate(45deg);
}
.kh-faq__item[open] > .kh-acc__q::after {
  transform: translateY(-25%) rotate(-135deg);
}

.kh-faq__mark {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 80px;
  background: var(--kh-white);
  font-family: "Jost", var(--kh-font-b);
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: var(--kh-blue);
}
.kh-faq__q-text { flex: 1 1 auto; }

.kh-faq__item > .kh-acc__a {
  padding: 20px 20px 25px;
  background: var(--kh-white);
  font-size: 13px;
  line-height: 1.4;
  color: #666;
}