@charset "utf-8";

@media (min-width: 769px){
.multiCol.fig01{margin-bottom:20px;}
.multiCol.fig01 figure:first-child{float:left;}
.multiCol.fig01 figure:last-child{float:right;}
ul.figArray{clear:both; padding-bottom:30px;}
ul.figArray:after{content:''; clear:both; display:block;}
ul.figArray li{width:195px; float:left; height:80px; line-height:80px; position:relative;}
ul.figArray li img{position:absolute; right:20px; top:0;}
ul.figArray li:nth-child(2),
ul.figArray li:nth-child(5){width:220px;}
.multiCol .half{float:left; width:300px; margin-bottom:15px;}
.multiCol .half:nth-child(even){float:right;}
.multiCol .half .img{width:144px; float:left;}
.multiCol .half .txt{width:144px; float:right;}
.multiCol .half .txt span{display:block;}
.multiCol .half .txt span img{margin:5px auto;}
.ltTxt{float:left; width:500px;}
.rtImg{float:right; width:220px;}
}

@media (min-width: 641px) and (max-width: 768px){
.multiCol.fig01{margin-bottom:20px;}
.multiCol.fig01 figure img{margin:0 auto 10px auto !important;}
ul.figArray{clear:both; margin: 0  auto 30px; width:610px;}
ul.figArray:after{content:''; clear:both; display:block;}
ul.figArray li{width:170px; float:left; margin-left:1.5em; text-align:center;}
ul.figArray li img{display:block; margin:0 auto;}
.multiCol {width:550px; margin: 0 auto;}
.multiCol .half{float:left; margin-bottom:15px;}
.multiCol .half .img{width:110px; float:left; margin-right:15px;}
.multiCol .half .img img{width:110px; height:110px;}
.multiCol .half .txt{width:150px; float:left;}
.multiCol .half .txt span{display:block;}
.multiCol .half .txt span img{margin:5px auto; width:auto; height:50px;}
.ltTxt{float:left; width:50%;}
.rtImg{float:right;}
}

@media (max-width:640px){
.multiCol.fig01{margin-bottom:20px;}
.multiCol.fig01 figure img{margin:0 auto 10px auto !important;}
ul.figArray{clear:both; margin: 0 auto 30px; max-width:390px;}
ul.figArray:after{content:''; clear:both; display:block;}
ul.figArray li{width:130px; float:left;}
ul.figArray li img{display:block; margin:0 auto;}
.multiCol .half{float:left; margin-bottom:15px;}
.multiCol .half .img{width:110px; float:left; margin-right:10px;}
.multiCol .half .img img{width:110px; height:110px;}
.multiCol .half .txt{width:145px; float:left;}
.multiCol .half .txt span{display:block;}
.multiCol .half .txt span img{margin:5px auto; width:auto; height:50px;}
}

@media (max-width:485px){
	ul.figArray{ max-width:260px;}
}
	

