@charset "utf-8";
@import url("company.css");




.row01 {border:0px solid #ccc; padding:0 2%}
.row01 ul {width:100%}
.row01 li {float:left; width:25%; text-align:center; margin-bottom:30px}
.row01 .gall_box {max-width:230px; padding:3%; outline:1px solid #777; background:#fff; box-shadow: 0px 0px 15px #ccc; margin:5% auto; text-align:center;position:relative;margin:10px 10px 0 10px; overflow:hidden;}
.row01 .gall_box img{display:block;width:100%;max-width:100%;min-width:100%; height:auto;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.row01 .gall_box:hover img {transform: scale(1.2);-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}



@media screen and (max-width:1024px) {	
	.row01 li {width:33.333%;}
}

@media screen and (max-width:976px) {
	.row01 .gall_box {width:90%}	
}


@media screen and (max-width:670px) {
	.row01 li {width:50%; margin-bottom:3px}
	.row02 {font-size:15px}

}


@media screen and (max-width:450px) {
	
}