/*pc*/



.grid {

    width: 100%;

    display: block;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 15px;

}



.hide {

    display: none;

}



.show {

    display: block;

}





/*mt*/



.mt40 {

    margin-top: 40px;

}



.mt60 {

    margin-top: 60px;

}



.mt80 {

    margin-top: 80px;

}





/*pad*/



@media screen and (max-width: 1024px) {

    .col-1-1 {

        width: 100%!important;

    }

    .col-1-2 {

        width: 50%!important;

    }

    .col-1-3 {

        width: 33.3333333%!important;

    }

    .hide-l {

        display: none!important;

    }

    .show-l {

        display: block!important;

    }

}





/*phone*/



@media screen and (max-width: 800px) {

    .mt80-m {

        margin-top: 80px;

    }

    .com-1-1 {

        width: 100%!important;

    }

    .com-1-2 {

        width: 50%!important;

    }

    .com-1-3 {

        width: 33.3333333%!important;

    }

    .hide-m {

        display: none!important;

    }

    .show-m {

        display: block!important;

    }

}





/*s-phone*/



@media screen and (max-width: 320px) {

    .cos-1-1 {

        width: 100%!important;

    }

    .cos-1-2 {

        width: 50%!important;

    }

    .cos-1-3 {

        width: 33.3333333%!important;

    }

    .hide-s {

        display: none!important;

    }

    .show-s {

        display: block!important;

    }

}