.thank_you_text {
  position: relative;
  text-align: center;
  width: 70%;
  font-family: 'Rakuten Sans UI Bold';
  background-image: url("../img/thank-you-banner/thank_you.svg");
  padding: 6% 6% 5% 6%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  transform: translateX(21%);
}

.thank_you_text h2 {
  font-size: 1.4rem !important;
  color: #C00091;
  width: 60%;
  box-sizing: border-box;
  transform: translateX(30%);
}

@media (max-width: 500px) and (orientation: portrait) {
  .thank_you_text {
    width: 55rem;
    background-image: url("../img/thank-you-banner/m_thank_you.png");
    padding: 6% 6% 5% 6%;
  }
}

@media screen and (max-width: 1400px) and (min-width: 1050px) {
  .thank_you_text {
    top: 6vh;
    width: 70%;
    background-size: 85%;
    padding: 7% 6% 5% 6%;
    transform: translateX(23%);
  }

  .thank_you_text h2 {
    font-size: 1.4rem !important;
    width: 80%;
    transform: translateX(10%);
  }
}

@media screen and (max-width: 1400px) and (min-width: 1050px) and (max-height: 600px) {
  .thank_you_text {
    top: 0vh;
    width: 50%;
    background-size: 85%;
    padding: 7% 2% 5% 2%;
    transform: translateX(50%);
  }

  .thank_you_text h2 {
    font-size: 1.3rem !important;
    width: 80%;
    transform: translateX(10%);
  }
}

@media screen and (max-width: 1049px) and (min-width: 936px) {
  .thank_you_text {
    top: 25vh;
    width: 75%;
    background-size: 90%;
    padding: 7% 5% 5% 5%;
    transform: translateX(20%);
  }

  .thank_you_text h2 {
    font-size: 1.3rem !important;
    width: 65%;
    transform: translateX(25%);
  }
}


@media screen and (max-width: 1049px) and (min-width: 936px) and (orientation: landscape) {
  .thank_you_text {
    top: 8vh;
    width: 70%;
    background-size: 85%;
    padding: 7% 5% 5% 5%;
  }

  .thank_you_text h2 {
    font-size: 1.3rem !important;
    width: 80%;
    transform: translateX(10%);
  }
}

@media screen and (max-width: 935px) and (min-width: 768px) {
  .thank_you_text {
    top: 20vh;
    width: 70%;
    background-size: 85%;
    padding: 7% 4% 5% 4%;
  }

  .thank_you_text h2 {
    font-size: 1rem !important;
    width: 75%;
    transform: translateX(15%);
  }
}


@media (max-width: 767px) and (min-height: 789px) {
  .thank_you_text {
    top: 23vh;
    width: 80%;
    background-size: 85%;
    padding: 7% 5% 5% 5%;
  }

  .thank_you_text h2 {
    font-size: 1rem !important;
    width: 80%;
  }
}

@media (max-width: 568px) and (max-width: 767px) and (min-height: 840px) {
  .thank_you_text {
    top: 30vh;
    width: 85%;
    background-size: 85%;
    padding: 7% 5% 5% 6%;
    transform: translateX(10%);
  }

  .thank_you_text h2 {
    font-size: 1rem !important;
    width: 80%;
    transform: translateX(10%);
  }
}

@media screen and (min-height: 320px) and (max-height: 480px) and (max-width: 940px) {
  .thank_you_text {
    top: -15vh;
    width: 50%;
    background-size: 75%;
    padding: 7% 5% 5% 5%;
    transform: translateX(50%);
  }

  .thank_you_text h2 {
    font-size: 0.7rem !important;
    width: 70%;
    transform: translateX(20%);
  }
}

@media screen and (min-height: 320px) and (max-height: 480px) and (max-width: 810px) {
  .thank_you_text {
    top: -22vh;
    width: 56%;
    background-size: 85%;
    padding: 7% 5% 5% 5%;
    transform: translateX(40%);
  }

  .thank_you_text h2 {
    font-size: 0.7rem !important;
    width: 70%;
    transform: translateX(25%);
  }
}

@media screen and (max-height: 320px) and (max-width: 810px) {
  .thank_you_text {
    top: -30vh;
    width: 45%;
    background-size: 80%;
    padding: 7% 5% 5% 5%;
    transform: translateX(60%);
  }

  .thank_you_text h2 {
    font-size: 0.6rem !important;
    width: 85%;
    transform: translateX(10%);
  }
}

@media (max-width: 767px) and (min-height: 481px) and (max-height: 860px) {
  .thank_you_text {
    top: 28vh;
    width: 60%;
    background-size: 100%;
    padding: 20% 3% 5% 3%;
    transform: translateX(30%);
  }

  .thank_you_text h2 {
    font-size: 0.88rem !important;
    width: 90%;
    transform: translate(5%, -37%);
  }
}

@media (max-width: 767px) and (min-height: 861px) and (max-height: 960px) {
  .thank_you_text {
    top: 35vh;
    width: 60%;
    background-size: 100%;
    padding: 30% 3% 5% 3%;
    transform: translateX(30%);
  }

  .thank_you_text h2 {
    font-size: 0.9rem !important;
    width: 90%;
    transform: translate(5%, -90%);
  }
}

@media (max-width: 359px) and (min-height: 481px) and (max-height: 860px) {
  .thank_you_text {
    top: 30vh;
    width: 60%;
    background-size: 100%;
    padding: 10% 3% 5% 3%;
    transform: translateX(35%);
  }

  .thank_you_text h2 {
    font-size: 0.8rem !important;
    width: 95%;
    transform: translateX(5%);
  }
}

@media (max-width: 359px) and (max-height: 480px) {
  .thank_you_text {
    top: 30vh;
    width: 55%;
    background-size: 100%;
    padding: 10% 3% 5% 3%;
    transform: translateX(40%);
  }

  .thank_you_text h2 {
    font-size: 0.7rem !important;
    width: 80%;
    transform: translateX(18%);
  }
}