@charset "utf-8";
/* CSS Document */
.wap{ width:1020px; margin:0 auto; text-align:left; background-color:#FFFFFF; }
.headwap{ background: url("img/header.png") top no-repeat; }
.headwap h1,.headwap h2,.headwap h3,.headwap p,.headwap ul{ text-align:center; margin:0 0; }
.headwap h1{ display:none; }
.headwap h2 { font-size:1.8em; }
.headwap h3 { font-size:1.4em; }
.list01 { }
.list01 li{ float:left;}
.ava h2 { font-size:1.8em; margin:1em 0; }
.img_120 { padding:10px; }
.img_120 p{ margin:20px; }
.img_120 ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.img_120 li{ min-width:140px; height:140px; border:1px solid #ccc; margin:2px; display:flex; justify-content:space-around; align-items:center; background-color:#ffffff;  }
.img_120 li img{ height:120px; width:auto; }
.ava { padding-bottom:5%;}
.img_120 li:hover{	transform:scale(1.1); transition:0.2s; background-color:#ececec; }
	
@media screen and (max-width:1280px){
}

@media screen and (max-width:959px){
.wap{ width:100%; }
.img_120 li{ min-width:120px; height:120px; }
.img_120 li img{ height:100px; width:auto; }
}

@media screen and (max-width:599px){
.img_120 { padding:5px 15px; }
.img_120 li{ min-width:110px; height:110px; }
.img_120 li img{ height:90px; width:auto; }
}