@media screen and (max-width:950){
    .main{
        margin: 0 auto;
        max-width:1000px;
    }
    
    .header{
        display:none;
    }
    
    .header-sp{
        display: block !important;
        position: relative;
        text-align: center;
    }
    
    .header-sp img{
        width: 100%;
    }


@media screen and (max-width:600px){
    .contents07-sp iframe{
        width: auto;
        height: auto;
    }
}

@media screen and (max-width:300px){
    .contents07-sp iframe{
        width: 250px;
        height: auto;
    }
}