.wave{
    position:relative;
    height:0px;/*何も表示されない場合は各波の親要素に高さを持たせましょう。*/
    /* background:var(--main-clr-2);背景を塗りつぶして重ねた波を表現したい場合は、波を描画する親要素に波と同じ背景色を設定しましょう。 */
    margin-top:-13px;
    }
    canvas{
    position: absolute;
    bottom: 0;
    left:0;
    height:80px;
    width: 100%;
    }
    @media screen and (max-width:700px){
        canvas{
            height:70px;
        }
    }