.faq {
  position: relative;
  padding: var(--sp) 0 calc(var(--sp) * 2);
}

.faq__container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.faq__info {
  max-width: 378px;
}

.faq__items {
  max-width: 709px;
}

.faq__items .item {
  padding: 32px 0;
  border-top: 1px solid #424242;
}

.faq__items .item._active .item__header {
  cursor: default;
}

.faq__items .item._active .item__header::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='2' viewBox='0 0 25 2' fill='none'%3E%3Cline x1='0.000732422' y1='1' x2='25.0007' y2='1' stroke='white'/%3E%3C/svg%3E") center/contain no-repeat;
}

.faq__items .item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  cursor: pointer;
}

.faq__items .item__header::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  transition: var(--transition);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cline x1='13.0007' y1='2.18557e-08' x2='13.0007' y2='25' stroke='white'/%3E%3Cline x1='0.000732422' y1='12' x2='25.0007' y2='12' stroke='white'/%3E%3C/svg%3E") center/contain no-repeat;
}

.faq__items .item__question {
  font-weight: 500;
  line-height: 112%;
  font-size: var(--l);
}

.faq__items .item__answer {
  display: none;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 160%;
  font-size: var(--m);
  color: var(--grey);
}

.faq__pitchili-1 {
  top: -66%;
  left: -58%;
  transform: rotate(-113.28deg) translate3d(0, 0, 0);
  filter: blur(15px);
  width: 1220px;
  -webkit-animation: 4s ease-in-out 0s infinite floating;
  animation: 4s ease-in-out 0s infinite floating;
}

@-webkit-keyframes floating {
  0% {
    transform: rotate(-113.28deg) translate3d(0, 0, 0);
  }

  50% {
    transform: rotate(-113.28deg) translate3d(20px, 20px, 0);
  }

  100% {
    transform: rotate(-113.28deg) translate3d(0, 0, 0);
  }
}

@keyframes floating {
  0% {
    transform: rotate(-113.28deg) translate3d(0, 0, 0);
  }

  50% {
    transform: rotate(-113.28deg) translate3d(20px, 20px, 0);
  }

  100% {
    transform: rotate(-113.28deg) translate3d(0, 0, 0);
  }
}

.faq__pitchili-2 {
  top: -99%;
  right: -70%;
  width: 1043px;
  transform: rotate(-65deg) scale(1, -1) translate3d(0, 0, 0);
}

@media (max-width: 1260px) {
  .faq {
    padding: var(--sp) 0;
  }

  .faq__items {
    margin-top: 50px;
  }
}

@media (max-width: 760px) {
  .faq__items .item {
    padding: 20px 0;
  }

  .faq__items .item__answer {
    margin: 15px 0 10px;
  }

  .faq__pitchili-1 {
    top: -22%;
    width: 720px;
  }

  .faq__pitchili-2 {
    top: -65%;
    right: -89%;
    width: 543px;
  }
}