.c-faq {
  display: grid;
  gap: 20px;

  .c-faq__title {
    cursor: pointer;
  }

  .c-faq__description {
    display: none;
  }

  .c-faq__q, 
  .c-faq__a {
    display: grid;
    gap: 10px;
  }

  .c-faq__initial,
  .c-faq__text {
    font-size: 1.6rem;
    font-style: normal;
    line-height: 170%;
    letter-spacing: 1.6px;
  }

  .c-faq__initial {
    font-weight: 300;
  }

  .c-faq__text {
    font-weight: 400;
  }

  .c-faq__trigger {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('../../../img/common/icon/plus_black.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 8px;
    transition: all 0.1s linear;
  }

  .c-faq__q {
    grid-template-columns: 20px 1fr 10px;

    .c-faq__text {
      font-weight: 500;
    }
  }

  .c-faq__a {
    grid-template-columns: 20px 1fr;
  }    
}

.c-faq--active {
  .c-faq__q {
    .c-faq__trigger {
      transform: rotate(45deg);
    }
  }
}

.c-faq-list {
  margin-top: 20px;

  .c-faq-list__item {
    padding: 20px 0;
    border-bottom: 1px solid var(--color-border-01);

    &:first-child {
      border-top: 1px solid var(--color-border-01);
    }
  }
}