.contents {
	margin-top: 20px;
	max-width: fit-content;
	opacity: 1;
	animation: none;
	.photo {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		& li {
			opacity: 0;
			translate: 0 20px;
			transition: opacity .6s .1s, translate .6s .1s;
		}
		.on {
			opacity: 1;
			translate: 0 0;
		}
	}
	@media (min-width: 768px) {
		.photo {
			gap: 40px;
			& li {
				width: calc(33.333% - 27px);
			}
		}
	}
}