@charset "utf-8";
/* CSS Document */
div.wrapper {
  max-width: 700px;
  margin: 0 auto;
}
div.cta_inner {
  position: relative;
}
div.cta_btn {
  position: absolute;
  top: 46.7rem;
  left: 4rem;
}
.purupuru2 {
  animation: purupuru2 1.0s infinite;
}
@keyframes purupuru2 {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.98, 0.95)
  }
}
div.floatbtn_inner {
  text-align: center;
  margin: 0 auto;
}
div.floatbtn_tap {
  position: fixed;
  bottom: 9rem;
  left: 14.5rem;
  z-index: 100;
}
div.floatbtn {
  position: fixed;
  bottom: 0;
  z-index: 10;
}
.fixed {
  position: fixed;
  bottom: 0;
}
div.video_inner {
  width: 100%;
  background-color: #F8F8F3;
}
div.video {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.video_bg {
  width: 86%;
  background: #ffffff;
}
#brank {
  margin-top: 30px;
}
#cta02 {
  margin-top: -45px;
}
#cta03 {
  margin-top: -45px;
}
@media screen and (max-width: 700px) {
  /* 520px以下の時に使用するCSSを記載  */
  img {
    width: 100%;
  }
  div.cta_inner {
    position: relative;
  }
  div.cta_btn {
    position: absolute;
    top: 79.5%;
    left: 10%;
    width: 81%;
  }
  #brank {
    margin-top: 30px;
  }
  #cta02 {
    margin-top: -15px;
  }
  #cta03 {
    margin-top: -15px;
  }
}