@charset 'utf-8';

@media all and (max-width:480px){
    .support-area{width: 95%;min-width: 300px}
    .support-area ul{grid-template-columns: repeat(2, 1fr);gap: 10px;}    
}

@media all and (min-width:481px) and (max-width:767px){
    .support-area{width: 95%;min-width: 300px}
    .support-area ul{grid-template-columns: repeat(3, 1fr);gap: 20px ;}    
}
@media all and (min-width:768px) and (max-width:1279px){
    .support-area{width: 95%}
    .support-area ul{grid-template-columns: repeat(4, 1fr);gap: 20px 80px;}
}
@media all and (min-width:1280px){
    .support-area{width: 1280px; }
    .support-area ul{grid-template-columns: repeat(5, 1fr); gap: 20px 80px; }
}

#support,#support-company{background: #f7f7f7; padding: 50px 0;}
#support h3,#support-company h3{color: #222}

.support-area{margin: 0 auto}
.support-area ul{display: grid; justify-items: center; padding: 20px; background-color:#fff; border-radius: 10px}
.support-area ul li img{width: 100%; object-fit: contain;}