@charset "utf-8";

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

    header nav ul li a { margin:12px 20px; font-size:2.2em; }

    #slider .swiper-slide p { font-size:1.8em; }

}

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

    #nav-trigger { display:block; }
    header nav { display:none; height:auto; border-top:none; }
    header nav ul { display:block; }
    header nav ul li { float:none; border-top:solid 1px #ffffff; }
    header nav ul li:first-child { border-top:0; }
    header nav ul li a { margin:0; padding:10px 5%; }
    header nav ul li .sub-menu { display:block !important; position:static; }
    header nav ul li .sub-menu li a { padding:10px 5%; }

    #slider { width:100%; }
    #slider .swiper-slide p { font-size:1.6em; }

    footer .marquee { width:100%; }

}

@media screen and (max-width: 600px) {
    
    header .content { padding:45px 10%; }

    #slider .swiper-slide p { font-size:1.5em; }

    #page .model-detail img { float:none; width:100%; max-width:100%; }
    #page .model-detail ul { float:none; width:100%; margin-top:30px; margin-left:0; }

    footer .content { padding:30px 0 45px; }

}

@media screen and (max-width: 480px) {
    
    header .content { padding:30px 10%; }

    #slider .swiper-slide p { font-size:1.4em; }

    #page { padding:30px 0; }
    #page .page-title { font-size:2.1em; }
    #page p { margin-top:20px; font-size:1.4em; }

    #page .model-detail ul li { font-size:1.4em; }

    #contact-form { margin-top:20px; }
    #contact-form label { margin-top:10px; font-size:1.4em; }
    #contact-form input[type="text"],#contact-form textarea { padding:8px 10px; font-size:1.4em; }
    #contact-form .form-error { font-size:1.4em; }
    #contact-form .submit { margin-top:15px; }
    #contact-form .form-success { font-size:1.4em; }

    footer .marquee { font-size:1.8em; }
    footer .content { padding:30px 0; }

}