@charset "utf-8";

@media (min-width: 769px){
ol.process{width:380px; float:left;}
ol.process li{list-style:decimal; margin:0 0 0.5em 1.5em;}
ol.processImg{width:345px; float:right; margin-bottom:20px;}
ol.processImg li{float:left; margin-bottom:10px; width:166px;}
ol.processImg li:nth-child(even){margin-left:10px;}
}

@media (min-width: 641px) and (max-width: 768px){
ol.process{width:50%; float:left; padding-right:15px;}
ol.process li{list-style:decimal; margin:0 0 0.5em 1.5em;}
ol.processImg{width:50%; float:right; margin-bottom:20px;}
ol.processImg li{float:left; margin-bottom:10px; width:48%;}
ol.processImg li:nth-child(even){margin-left:10px;}
ol.processImg li img{width:100%; height:auto;}
}

@media (max-width:640px){
ol.process{width:100%; float:left;}
ol.process li{list-style:decimal; margin:0 0 0.5em 1.5em;}
ol.processImg{ max-width:330px;margin: 0 auto 20px;}
ol.processImg li{margin-bottom:10px; width:100px; float:left; margin-right:10px;}
ol.processImg li img{width:100px; height:auto;}
}

@media (max-width:425px){
	ol.processImg{ max-width:220px;margin: 0 auto 20px;}
}