@charset "UTF-8";

@media all {
	.main-section-ttl {
		text-align: center;
	}
	.archive-item.y22 {background-color: #fff5d2;}
	.archive-item.y23 {background-color: #DDF0FB;}
	.archive-item.y24 {background-color: #ffebec;}
	.archive-item > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-weight: bold;
		transition: opacity .3s;
	}
	.archive-item > a .year {width: auto;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.archive-list {
			margin: 40rem auto 0;
			width: 300rem;
		}
		.archive-item {
			border-radius: 20rem;
			height: 120rem;
		}
		.archive-item + .archive-item {margin-top: 20rem;}
		.archive-item >a {
			column-gap: 10rem;
			padding-right: 5rem;
		}
		.archive-item >a .logo {
			width: 100rem;
		}
		.archive-item >a .year {
			height: 36rem;
		}

		.site-footer {margin-top: 100rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.archive-list {
			margin: 50rem auto 0;
			width: 560rem;
		}
		.archive-item {
			border-radius: 30rem;
			height: 180rem;
		}
		.archive-item + .archive-item {margin-top: 30rem;}
		.archive-item >a {
			column-gap: 65rem;
			padding-right: 20rem;
		}
		.archive-item >a .logo {
			width: 150rem;
			transition: transform .3s;
		}
		.archive-item >a .year {
			height: 42rem;
			transition: transform .3s;
		}
		.archive-item >a:hover .year {
			transform: scale(1.2);
		}

		.site-footer {margin-top: 220rem;}
	}
}