.gallery{
	margin: 70px 50px 0 70px;
    left: 0;
	text-align:center;
    transition: 0.5s;
}

.gallery.active{
    position: absolute;
    left: 200px;
}

.gallery img{
	width: 300px;
	height: 220px;
	object-fit: cover;/*画像の比率を合わせる*/
	padding: 10px;
	filter: grayscale(100%);
	transition: 0.7s;
}

.gallery img:hover{
	filter: grayscale(0);
	transform: scale(1.1);
}

a{
    text-decoration: none;
}

h3 {
    margin: 60px 0 0 0;
    text-align: center;
    font-size: 15px;
}