@charset "utf-8";

/* ******************************************
	General
****************************************** */
.works {}
.works ul.flex {
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: flex-start;
}
.works ul.flex li {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-right: 2%;
	width: 32%;
}
.works ul.flex li:nth-child(3n) {
	margin-right: 0;
}
.works ul.flex li picture {
  width: 100%;
  aspect-ratio: 6/4;
}
.works ul.flex li picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


@media screen and (max-width:1024px) {
}
@media screen and (max-width:600px) {
	.works ul.flex li {
		margin-right: 4%;
		width: 48%;
	}
	.works ul.flex li:nth-child(3n) {
		margin-right: 4%;
	}
	.works ul.flex li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width:450px) {
}