.archive-main-visual {
	aspect-ratio: 440/434;
	background-image: url(../../assets/img/archive-mainview-img-sp.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.archive-news__inner {
	margin-inline: auto;
	margin-top: 100px;
	max-width: 600px;
	width: 100%;
}

.archive-news__list {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 57px;
}

.archive-news__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.archive-news__card-img {
	aspect-ratio: 380/200;
}

.archive-news__card-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.archive-news__pagination {
	margin-top: 50px;
}

.archive-pagination__box {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: center;
}

.pagination__arrow {
	align-items: center;
	background-color: #428c37;
	border-radius: 50%;
	display: flex;
	height: 37px;
	justify-content: center;
	width: 37px;
}

.pagination__arrow span {
	align-items: center;
	display: flex;
	justify-content: center;
}

.pagination__link {
	align-items: center;
	background-color: #4fa66e;
	border-radius: 50%;
	display: flex;
	height: 37px;
	justify-content: center;
	width: 37px;
}

.pagination__text {
	color: #ffffff;
	font-family: "Urbanist", sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1;
}

@media screen and (min-width: 768px) {

.archive-main-visual {
	aspect-ratio: 1920/400;
	background-image: url(../../assets/img/archive-mainview-img-pc.jpg);
}

.archive-news__inner {
	max-width: 1653px;
}

.archive-news__list {
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 62px;
	column-gap: 62px;
	row-gap: 76px;
}

}

@media screen and (min-width: 1024px) {

.archive-news__card-img {
	aspect-ratio: 500/300;
}

.archive-news__pagination {
	margin-top: 100px;
}

.archive-pagination__box {
	gap: 25px;
}

.pagination__arrow {
	height: 80px;
	width: 80px;
}

.pagination__link {
	height: 80px;
	width: 80px;
}

.pagination__text {
	font-size: 36px;
}

}