@media screen and (min-width: 1000px) {
    /*ウィンドウ幅が1100px以上の場合に適用,pc*/
    .spview{
        display: none;
    }
    }

    @media screen and (max-width: 1000px) {
        .pcview{
            display: none;
        }
        .contents1 {
            clip-path: polygon(100% 0%, 100% 95%, 0 100%, 0 0);
        }
        .contents2{
            clip-path: polygon(100% 0%, 100% 95%, 0 100%, 0 0);
        }
        .contents2>p{
           display: inline-block;
           padding: 30px 0 0 0;
        }
        .contents3{
            clip-path: polygon(100% 5%, 100% 100%, 0 100%, 0 0);
        }
        .contents4{
            clip-path: polygon(100% 0%, 100% 95%, 0 100%, 0 0);
        }
        .kodawari1{
            padding: 60px 0 0 20px;
        }
        .kodawari2{
            padding: 60px 0 0 20px;
        }
        h3{
            padding: 0 1em 0 1em ;
        }
        .meibutu_logo>img{
            max-width: 60px;
        }
        a.btn_04{
            width: 300px;
        }
        h1>img{
            width: 400px;
        }
        .kumo1{
            position: absolute;
            top: 5%;
            right: 0%;
            width: 40%;
            /* opacity: 0.3; */
            z-index: 2;
          }
          .kumo2{
            position: absolute;
            top: 45%;
            right: 80%;
            width: 40%;
            /* opacity: 0.3; */
          }
        }
        


@media (min-width: 767px) and (max-width: 999px) {
/* 767px以上999px以下に適用されるCSS（タブレット用） */
.pcview{
    display: none;
}

}
@media(min-width: 548px)   and (max-width: 700px) {
}
@media(min-width: 701px)   and (max-width: 900px) {

}