.color_info{ margin-top:2.5rem;}
.color_info h3 strong{ background:#00b29f !important; }
.color_info ul{ display:flex; flex-wrap: wrap;}
.color_info li{ width:calc(25% - 0.5rem); margin:0.25rem; padding:1rem; text-align:center; border-radius:0.5rem; background:#f4f4f4;}
.color_info li.w100{ width:calc(100% - 0.5rem); text-align:left; display:flex; align-items: center;}
.color_info li.w100 img{ margin-right:1rem;}



/* media query mobile */
@media (max-width: 1440px) {
}



@media (max-width: 1240px) {
}



@media (max-width: 900px) {
	
.color_info li{ width:calc(50% - 0.5rem); }
}



@media (max-width: 768px) {
}



@media (max-width: 580px) {
}



@media (max-width: 480px) {
}



@media (max-width: 380px) {
	
.color_info li.w100{ display:block; text-align:center}
.color_info li.w100 img{ margin:0;}
}