@media screen and (max-aspect-ratio: 45/32) {
  html {
    font-size: 2.3vw;
  }

  .step__background{
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    width: -webkit-calc(100vh * 1.40625);
    width: calc(100vh * 1.40625);
    height: auto;
    margin: 0 auto;
  }
  .step1 .step__coin {
    right: 64.6%;
    top: 42.3%;
  }
  .step2 .step__coin{
    right: 64%;
  }
  .step5 .step__coin {
    right: 36%;
    top: 59%;
  }
  .step .step__coin.active {
    width: 20rem;
    height: 20rem;
    right: -webkit-calc(50% - 10rem);
    right: calc(50% - 10rem);
  }
  .step .step__coin.move {
    width: 3%;
    height: 4.3%;
    top: 67.5%;
    right: 48.5%;
  }

}

@media screen and (max-width: 1000px){
  html {
    font-size: 3.6vw;
  }
  .step__background .img-desc {
    display: none;
  }
  .step__background .img-mob {
    display: block;
  }

  .begin__wrap {
    width: 100%;
  }
  .begin {
    padding: 2rem 1rem;
  }
  .button {
    padding: 1.2rem;
    font-size: 1.2rem;
    width: 13rem;
  }

  .step__title {
    top: 3rem;
  }
  .game.game-go .game__timer {
    top: 5rem;
  }
  .popup {
    padding: 2.5rem 1rem;
  }
  .popup__title span {
    font-size: 2.65rem;
  }
  .popup__title p {
    font-size: 1.2rem;
  }
  .popup__image {
    width: 19rem;
  }
  .winner {
    padding: 2rem 1rem 3.5rem 1rem;
  }
  .winner__title {
    font-size: 2.7rem;
  }
  .winner__text {
    max-width: 95%;
  }
  .winner__background .img-mob {
    display: block;
  }
  .winner__background .img-desc {
    display: none;
  }
  .license-note {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.75rem;
    right: 0;
    font-size: 0.4rem;
    gap: 0.35rem 0.6rem;
    max-width: none;
    margin: 0 auto;
    -webkit-border-radius: 0.75rem;
            border-radius: 0.75rem;

  }
}