@charset "utf-8";

.wave {
    position: relative;
    height: 6rem;
    /*何も表示されない場合は各波の親要素に高さを持たせましょう。*/
}

canvas {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
}

iframe {
    width: 100%;
    height: 26rem;
}


/*768pxより大きいサイズになったら*/
@media screen and (min-width:768px) {
    canvas {
        height: 60px;
    }
}

/*1280pxより大きいサイズになったら*/
@media screen and (min-width:1280px) {
    canvas {
        height: 70px;
    }
}