@media only screen and (max-width: 1200px){
    /*--------   main   --------*/
    #maincont{
        width: 100%;
        margin-top: 2em;
        padding-top: 0;
    }
    
    /*--------   logo   --------*/
    #logo{
        text-align: center;
        width: 100%;
        height: 300px;
    }

    #logo img{
        width: 200px;
    }

    #logo img:nth-child(1){
        width: 150px;
        position: initial;
    }
    #logo img:nth-child(2){
        position: initial;
    }

    #logo img:nth-child(3){
        bottom: 0;
    }

    /*--------   contents   --------*/
    #maincont p{
        font-size: 13px;
    }

    /*--------   bottomicon   --------*/
    .icon{
        display: block;
        width: 256px;
        margin: 0 auto;
        margin-top: 25px;
    }
    
    .icon ul li img{
        display: inline-block;
        width: 40px;
        padding: 0 10px;
    }


    /*--------   sns   --------*/
    #sns{
        text-align: center;
    }
    
    #sns img{
        width: 150px;
    }
}