@charset "utf-8";

@media screen and (max-width:1024px) {
    .ph {
        width: 33%;
    }
    .carlist li{
        width: 33%;
        float:left;
    }
    .kvBox .mainImg{
        width: 120%;
        transform: translateX(-8%);
    }
}

@media screen and (max-width:768px) {
    .kvBox .mainImg{
        width: 100%;
        transform: translateX(0%);
    }
    .ph {
        width:50%;
    }
    .carlist li{
        width: 50%;
        float:left;
    }
}

@media screen and (max-width:580px) {
    .ph {
        width:100%;
    }
    .carlist li{
        width: 100%;
        float:none;
    }
}

@media screen and (max-width:480px) {
    .ph {
        width:100%;
    }
    .carlist li{
        width: 100%;
        float:none;
    }
}