.faq__item {
  margin-bottom: 2rem;
  padding: 2rem 3rem;
  border-radius: 2rem;
  background-color: #F7F5ED;
}
.faq__item:last-child {
  margin-bottom: 0;
}

.faq__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  width: 100%;
  font-weight: 700;
}
.faq__target::before {
  content: "Q";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Quicksand", serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-primary);
}

.faq__icon {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3.6rem;
  height: 3.6rem;
  margin-left: auto;
  background-color: #A79576;
  border-radius: 50%;
}
.faq__icon::before, .faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: block;
  width: 1.6rem;
  height: 0.2rem;
  border-radius: calc(infinity * 1px);
  background-color: #fff;
}
.faq__icon::after {
  rotate: 90deg;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-open .faq__icon::after {
  rotate: 180deg;
}

.faq__body {
  display: none;
}

.faq__body__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 1.5rem;
  padding-top: 1.2rem;
  font-weight: 400;
}
.faq__body__text::before {
  content: "A";
  translate: 0 0.3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Quicksand", serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-primary);
}

@media screen and (width <= 767px) {
  .-faq .anchor__list {
    width: calc(100% + 1.6rem);
    margin-left: -.8rem;
  }
}