body{
  background-image: url(../img/main_bg.png);
  background-repeat: repeat;
  font:1.6em 'Noto Sans JP', sans-serif;
  line-height:1.5;
  margin:0
}

img{
  vertical-align:top;
}

.wrap{
  margin:auto;
  max-width: 750px;
  background:#fff;
  color:#000;
}


.header img{
  margin:auto;
  width:100%
}

.lifetime {
  display: block;
  text-align: center;
  padding-bottom: 50px;
}


.lifetime img{
  margin:auto;
  width:100%
}

.perfect-fit img{
  margin:auto;
  width:100%
}

.reason img{
  margin:auto;
  width:100%
}

.teacher img{
  margin:auto;
  width:100%
}

.voice img{
  margin:auto;
  width:100%
}

.self-investment img{
  margin:auto;
  width:100%
}

.class img{
  margin:auto;
  width:100%
}

.join img{
  margin:auto;
  width:100%
}

.message img{
  margin:auto;
  width:100%
  margin-top: -1px;
  margin-bottom: -1px;
}

.cta1{
}

.cta2{

}

.cta3{

}

.cta4{
  margin-top: -1px;
}

.txt-on{
  position: relative;  
}

.txt-on span {
  width: 70%;
  top: 55%;
  left: 15%;
  transform: translate(-50%, -50%);
  position: absolute;
  animation: purupuru 2.5s forwards infinite;
}

@keyframes purupuru {
  0% {
    transform: translate(0, 0);
  }

  10% {
    transform: translate(0, -5px);
  }

  25% {
    transform: translate(0, 5px);
  }

  40% {
    transform: translate(0, -5px);
  }

  55% {
    transform: translate(0, 5px);
  }

  70% {
    transform: translate(0, -5px);
  }

  100% {
    transform: translate(0, 0);
  }
}


iframe.youtube-16-9 {
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
  text-align: center;
  }


.footer{
  text-align: center;
}

.footer p{
  margin: 0px;
  padding:20px 0;
}