/* css/faq.css */
.faq {
  background-color: var(--color-base-light-2);
  padding: 8rem 0 12rem;
}

.faq__inner {
  max-width: 89.3rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}

.faq__title {
  font-size: 4.2rem;
  line-height: 1.095; /* 46/42 */
  letter-spacing: 0.1em;
  color: var(--color-text-main);
  margin-bottom: 5.5rem;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.faq__item {
  background-color: #666666;
  padding: 3rem 4.5rem;
}

.faq__q, .faq__a {
  display: flex;
  align-items: flex-start;
}

.faq__q {
  margin-bottom: 1.8rem;
}

.faq__label {
  font-family: var(--font-en);
  font-size: 2.6rem;
  line-height: 1.384; /* 36/26 */
  letter-spacing: 0.05em;
  color: var(--color-white);
  margin-right: 2.5rem;
  flex-shrink: 0;
}

.faq__q-text {
  font-size: 2.4rem;
  line-height: 1.208; /* 29/24 */
  letter-spacing: 0.1em;
  color: var(--color-white);
  font-weight: 500;
  margin-top: 0.3rem;
}

.faq__a-text {
  font-size: 1.6rem;
  line-height: 1.375; /* 22/16 */
  letter-spacing: 0.1em;
  color: var(--color-white);
  margin-top: 0.6rem;
}

@media (max-width: 1024px) {
  .faq {
    padding: 4rem 0 8rem;
  }

  .faq__inner {
    padding: 0 2.45rem;
  }

  .faq__title {
    font-size: 2.4rem;
    line-height: 1.916; /* 46/24 */
    margin-bottom: 4rem;
  }

  .faq__item {
    padding: 2.4rem 2rem;
  }

  .faq__label {
    margin-right: 1.5rem;
  }

  .faq__q-text {
    font-size: 1.6rem;
    line-height: 1.812; /* 29/16 */
  }

  .faq__a-text {
    font-size: 1.2rem;
    line-height: 1.666; /* 20/12 */
    margin-top: 0.4rem;
  }
}