@charset "utf-8";

@import "contents.css";

.grid-box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 20px;
	row-gap: 20px;
	align-items: stretch;
}

.grid-box .image img{
	width: 100%;
	height: auto;
}
.grid-box.photobox{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-box.photobox img{
	width: 100%;
	height: auto;
}

h4{
	margin-top: 40px;
}



@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.grid-box{
	grid-template-columns: 1fr;
}
.grid-box.photobox{
	grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 479px){
}