.article-faq {
  margin-block: 40px 0;
}

.article-faq__title {
  margin: 0 0 clamp(20px, 2.1705426357vw, 28px);
  font-size: clamp(24px, 3.8759689922vw, 50px);
}

.article-faq__item {
  --mt-item: clamp(15px, 1.3178294574vw, 17px);
  margin: 0;
  border-bottom: 1px solid var(--c-border-faq);
}

.article-faq__item .article-faq__button:last-child {
  padding-top: 0;
}

.article-faq .acc__btn.article-faq__button {
  display: block;
  min-height: 0;
  padding: 0 0 clamp(10px, 1.8604651163vw, 24px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: Onest;
  font-weight: 500;
  font-size: clamp(18px, 1.5503875969vw, 20px);
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--c-black);
}

.article-faq .acc__btn.article-faq__button::after,
.article-faq .acc__btn.article-faq__button::before {
  display: none;
}

.article-faq .acc__btn.article-faq__button.is-open .article-faq__question {
  font-weight: 600;
}

.article-faq__question {
  position: relative;
  display: block;
  width: 100%;
  padding-left: clamp(36px, 3.4108527132vw, 44px);
  font-weight: 500;
  font-size: clamp(16px, 1.5503875969vw, 20px);
  line-height: 140%;
  letter-spacing: -0.01em;
}

.article-faq__question::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  width: clamp(24px, 2.5581395349vw, 33px);
  height: clamp(24px, 2.5581395349vw, 33px);
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.81598 3.64791V5.47191H5.85598V9.09591H3.98398V5.47191H-1.5527e-05V3.64791H3.98398V-9.44138e-05H5.85598V3.64791H9.81598Z' fill='white'/%3E%3C/svg%3E%0A") center center/clamp(8px, 1.007751938vw, 13px) no-repeat var(--c-accent-strong);
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  border: 0;
}

.article-faq__button.is-open .article-faq__question::before {
  background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 8 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.5527e-05 -0.000968933H7.34398V2.08703H-1.5527e-05V-0.000968933Z' fill='white'/%3E%3C/svg%3E%0A") center center/clamp(8px, 1.007751938vw, 13px) no-repeat var(--c-consultation-btn-bg);
}

.article-faq__panel {
  --acc-border: transparent;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.article-faq__answer {
  margin: 0;
  font-size: clamp(14px, 1.2403100775vw, 16px);
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--c-black);
  padding-bottom: 24px;
}