body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #7c7b76;
  font-size: 1.3vw;
  width: 100%;
  text-align: center;
}

img {
  width: 60%;
}
@media screen and ( max-width: 767px ){
  img {
    width: 100%;
  }

}


.btn-hover {
  display: none;
}

.header4 {
  position: relative;
}

.btn {
  position: absolute;
  bottom: 30%;
  width: 100%;
  text-align: center;
}
.btn img {
  width: 40%;
}
@media screen and ( max-width: 767px ) {
  .btn img {
    width: 70%;
  }
}

.header7 {
  position: relative;
}
.header7 .gif {
  position: absolute;
  left: 0;
  width: 48%;
  right: 0;
  top: 20px;
  margin: 0 auto;
}
@media screen and ( max-width: 767px ) {
  .header7 .gif {
    width: 85%;
  }
}

footer {
  position: relative;
}
footer .btn {
  bottom: 0;
}
footer .btn img {
  width: 55%;
}

@media screen and ( max-width: 767px ){
  footer .btn img{
    width: 95%;
  }
}