.faq {
  padding: 64px 0 72px;
  background-color: #f7e2cf;
  background-image: radial-gradient(circle, rgba(197, 138, 91, 0.12) 1.5px, transparent 1.5px);
  background-size: 12px 12px;
  color: #333333;
  font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  text-align: center;
}
.faq .faq__heading { margin: 0; }
.faq .faq__english { display: block; color: #C58A5B; font-family: Arial, sans-serif; font-size: 44px; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; }
.faq .faq__japanese { display: block; margin-top: 4px; font-size: 18px; line-height: 1.5; }
.faq .faq__intro { width: 84%; margin: 20px auto 36px; font-size: 14px; line-height: 1.8; text-wrap: balance; }
.faq .faq__list { display: grid; gap: 18px; width: 84%; margin: 0 auto; }
.faq .faq__item { border-radius: 30px; background: #FFFFFF; text-align: left; }
.faq .faq__question { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 62px; padding: 14px 24px; border-radius: 30px; list-style: none; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1.6; }
.faq .faq__question::-webkit-details-marker { display: none; }
.faq .faq__icon { position: relative; flex: 0 0 18px; height: 18px; color: #C58A5B; }
.faq .faq__icon::before, .faq .faq__icon::after { content: ""; position: absolute; top: 8px; left: 0; width: 18px; height: 2px; background: currentColor; }
.faq .faq__icon::after { transform: rotate(90deg); }
.faq .faq__item[open] .faq__icon::after { display: none; }
.faq .faq__answer { margin: 0; padding: 4px 24px 24px; font-size: 15px; line-height: 1.9; }
.trial-guidance { padding: 56px 0; background: #FFFFFF; color: #333333; font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; text-align: center; }
.trial-guidance .trial-guidance__inner { width: 84%; margin: 0 auto; }
.trial-guidance .trial-guidance__note { margin: 0 0 16px; font-size: 14px; line-height: 1.8; }
.trial-guidance .trial-guidance__button { box-sizing: border-box; display: block; padding: 16px 12px; border-radius: 30px; background: #C58A5B; color: #FFFFFF; font-size: 15px; font-weight: 700; line-height: 1.6; text-decoration: none; }
.faq .faq__question:focus-visible, .trial-guidance .trial-guidance__button:focus-visible { outline: 2px solid #333333; outline-offset: 4px; }
@media (max-width: 460px) {
  .faq .faq__question { min-height: 80px; padding-right: 20px; padding-left: 20px; }
  .faq .faq__answer { padding-right: 20px; padding-left: 20px; }
}