.lp-style {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}

.lp-style img:not(.horse-run) {
  width: 100%;
  display: block;
}

/* LINEボタン */
.line-btn {
  margin-bottom: 16px;
}

/* lp1の上に馬を重ねる場所 */
.hero-area {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 背景画像 */
.lp-bg {
  width: 100%;
  display: block;
}

/* 走ってくる馬 */
.horse-run {

  position: absolute !important;

  width: 50% !important;

  height: auto !important;

  max-width: 220px !important;
  right: -6%;
  bottom: 8%;
  z-index: 2;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.3));
  animation: horseRun 1.4s ease-out forwards;
  transform-origin: center bottom;
}

/* 左下から走ってきて、lp1の右側に重なる */
@keyframes horseRun {

  0% {

    transform: translateX(120%) scale(0.8);

    opacity: 0;

  }

  20% {

    opacity: 1;

  }

  80% {

    transform: translateX(-5%) scale(1.03);

  }

  100% {

    transform: translateX(0%) scale(1);

    opacity: 1;

  }
}

/* 少し躍動感を足す */
@media (prefers-reduced-motion: no-preference) {
  .horse-run {
    animation:
      horseRun 1.4s ease-out forwards,
      horseFloat 0.35s ease-in-out 1.4s infinite alternate;
  }

  @keyframes horseFloat {
    from {
      transform: translateY(0) scale(1);
    }
    to {
      transform: translateY(-2px) scale(1.01);
    }
  }
}

@media screen and (max-width: 767px) {
  nav a {
    display: block;
  }
}

nav a {
  color: #FFFFFF;
  padding: 5px;
}