.wave-top {position: relative;
    top: 0;z-index: 1;
}
.wave-bottom {
  position: relative;
    bottom: 0;
    transform: rotateZ(180deg);z-index: 1;
}
.wave {
    /* background-image: url("../images/wave_sp.png");
    height: 22px; */
    position: absolute;
    left: 0;
    width: 100%;
    background-position: 0 0;
    -webkit-animation: bgloop 7s linear infinite;
    animation: bgloop 7s linear infinite;
  z-index: 0;
}
@-webkit-keyframes bgloop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -308px 0;
    }
}
@keyframes bgloop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -308px 0;
    }
}





.fadein {
    opacity: 0;
    animation: fadein 0.7s ease forwards;
}
@keyframes fadein {
    0% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
 
.fadein-item-a {animation-delay: 0.5s;}
.fadein-item-b {animation-delay: 1.0s;}
.fadein-item-c {animation-delay: 1.5s;}
.fadein-item-d {animation-delay: 2.0s;}
.fadein-item-e {animation-delay: 2.5s;}
.fadein-item-w {animation-delay: 2.5s;}
.fadein-item-x {animation-delay: 2.6s;}
.fadein-item-y {animation-delay: 2.7s;}
.fadein-item-z {animation-delay: 2.8s;}