@charset "utf-8";

.relative {
  position: relative;
}
.absolute {
  position: absolute;
  top: -29%;
  left: 28%;
}
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.keyframe6 {
  animation-name: poyopoyo;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
.LPimg{
    text-align: center;
    margin-top: -10px;
}
#footer {
    color: #fff;
    background-color: #121212;
    text-align: center;
    padding: 10px;
    font-size: 0.75rem;
  }
  #footer a{
    color: #fff;
  }

@media screen and (max-width: 600px) {
img{
    object-fit: cover;
    width: 100%;
}
.absolute {
  width: 100%;
  position: absolute;
  top: -26%;
  left: 0%;
}

}

@media only screen and (min-width:600px) and (max-width:1200px) {
  /*tablet用のcssを記述*/
  .absolute {
    width: 80%;
    position: absolute;
    top: -25%;
    left: 10%;
  }
}