.heading {
  position: relative;
  padding: 310px 0 270px;
}

.heading__container {
  position: relative;
}

.heading__content {
  position: relative;
  z-index: 2;
  max-width: 900px;
}

.heading__text {
  margin-top: 35px;
  color: var(--grey);
  line-height: 155%;
  font-size: var(--l);
}

.heading__btn {
  margin-top: 60px;
}

.heading__image {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(40%, -56%);
  display: block;
  width: 1800px;
  height: auto;
  -webkit-animation: 4s ease-in-out 0s infinite floating-pitchili;
  animation: 4s ease-in-out 0s infinite floating-pitchili;
  z-index: 1;
}

@-webkit-keyframes floating-pitchili {
  0% {
    transform: translate(40%, -56%);
  }

  50% {
    transform: translate(40%, -52%);
  }

  100% {
    transform: translate(40%, -56%);
  }
}

@keyframes floating-pitchili {
  0% {
    transform: translate(40%, -56%);
  }

  50% {
    transform: translate(40%, -52%);
  }

  100% {
    transform: translate(40%, -56%);
  }
}

.heading__pitchili {
  left: -71%;
  top: -123%;
  transform: rotate(-113.28deg) translate3d(0, 0, 0);
}

@media (max-width: 1260px) {
  .heading {
    padding: 200px 0;
  }

  .heading__content {
    max-width: 500px;
  }

  .heading__text {
    margin-top: 20px;
  }

  .heading__btn {
    margin-top: 40px;
  }

  .heading__image {
    width: 1400px;
  }
}

@media (max-width: 760px) {
  .heading {
    padding: 150px 0 var(--sp);
  }

  .heading__content {
    max-width: 300px;
  }

  .heading__btn {
    margin-left: auto;
    margin-right: auto;
  }

  .heading__image {
    width: 800px;
    opacity: 0.2;
  }
}