body{
  margin: auto 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  width: 100%;
}

.contents {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}

.contents > div, .contents> h1{
  width: 100%;
  margin: 0;
}

.rev{
  position: relative;
}

.rev > .rev-cont{
  width: 90%;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}

/* .cta > .button > * > img{
  animation: btn_anime 0.5s ease 0s infinite alternate;
} */

.link{
  position: relative;
}

.link > .button{
  width: 90%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.link > .note{
  width: 90%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8em;
  bottom: 3%;
}

.link > .note > .title{
  text-align: center;
  font-size: 1.8em;
}

.fv{
  position: relative;
}

.fv > .button{
  width: 94%;
  position: absolute;
  bottom: 18%;
  left: 50%;
  transform: translateX(-50%);
}

.fv > .button > * > img{
  animation: btn_anime 0.5s ease 0s infinite alternate;
}

@media screen and (min-width: 768px) {
  a:hover {
    opacity: .7;
  }

  .link > .note{
    font-size: 22px;
    line-height: 40px;
    bottom: 4%;
  }
  
  .link > .note > .title{
    font-size: 40px;
    text-align: center;
  }
}

@keyframes btn_anime {
  from {
    transform: scale(0.96,0.96);
  }
  to {
    transform: scale(1,1);
  }
}