@charset "UTF-8";
/* CSS Document */

#top .banner p.quality{
	text-align: center;
    line-height: 3.2rem;
    font-size: 1.8rem;
	font-weight: bold;
    border: 4px solid #00633d;
    padding: 20px;
	margin: 0 10px;
}
.gallery ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.gallery ul li{
	width: 32%;
	margin-bottom: 10px;
}
.gallery ul li a{
	display: block;
	transition: all .3s ease 0s;
}
.gallery ul li a:hover{
	opacity: .5;
}
.gallery ul li a img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 767px) {
	#top .banner p.quality{
		text-align: left;
	}
	.gallery ul li {
		width: 100%;
	}
}