html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and ( max-width: 768px ) {
  html {
    font-size: 50%;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  line-height: 1.6;
}

.inner {
  max-width: 800px;
  margin: 0 auto;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

a:hover {
  opacity: 0.7;
}

.main-content {
  position: relative;
  margin-bottom: 2.23rem;
}

.btn {
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and ( max-width: 768px ) {
  .btn {
    bottom: 1%;
  }
}
.btn a {
  max-width: 709px;
  display: block;
  margin: 0 auto;
  width: 89%;
  -webkit-animation: poyopoyo 2s ease-out infinite;
          animation: poyopoyo 2s ease-out infinite;
}
@media screen and ( max-width: 768px ) {
  .btn a {
    width: 100%;
  }
}

@-webkit-keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
footer {
  padding-bottom: 3.4rem;
}
footer p {
  color: #0D0D0D;
  text-align: center;
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  /* 28.8px */
  letter-spacing: 1.44px;
}
footer p span {
  color: #0D0D0D;
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 2.16px;
}/*# sourceMappingURL=style.css.map */