@charset "UTF-8";

.pagehd {
}

.pagehd_wrap {
}

.pagehd_ttl {
}

.pagehd_ttl_wrap {
}

.pagehd_ttl_en {
}

.pagehd_ttl_jp {
}

.archive {
}

.archive_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px 40px;
}

.archive_cnt {
	display: flex;
	flex-flow: column;
	gap: 9px;
	position: relative;
	padding: 40px 40px 70px 40px;
	border-radius: 20px;
	background: #e9ecf0;
	transition: all 0.2s;
}

.archive_cnt:hover {
	background: #dce3eb;
}

.archive_cnt time {
}

.archive_cnt p {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
}

.archive_cnt .cmnlink_item {
	position: absolute;
	right: 31px;
	bottom: 31px;
	width: 22px;
	transform: translate(50%, 50%);
}

.archive_pager {
}

.archive_pager {
}

.navigation.pagination {
	margin-top: 100px;
}

.screen-reader-text {
	display: none;
}

.nav-links {
	display: flex;
	justify-content: center;
	align-items: end;
	gap: 15px;
}

.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	height: auto;
	background: #e9ecf0;
	color: #004098;
	font-size: 15px;
	transition: all 0.2s;
	aspect-ratio: 1;
}

a.page-numbers:hover {
	background: #004098;
	color: #ffffff;
}

.page-numbers.current {
	background: #004098;
	color: #ffffff;
}

.page-numbers.dots {
	width: fit-content;
	height: auto;
	background: none;
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.pagehd {
	}

	.pagehd_wrap {
	}

	.pagehd_ttl {
	}

	.pagehd_ttl_wrap {
	}

	.pagehd_ttl_en {
	}

	.pagehd_ttl_jp {
	}

	.archive {
	}

	.archive_wrap {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.archive_cnt {
		gap: 0;
		padding: 25px 37px 45px 25px;
	}

	.archive_cnt:hover {
	}

	.archive_cnt time {
	}

	.archive_cnt p {
		font-size: 16px;
	}

	.archive_cnt .cmnlink_item {
		right: 25px;
		bottom: 25px;
	}

	.archive_pager {
		margin-top: 40px;
	}

	.navigation.pagination {
	}

	.screen-reader-text {
	}

	.nav-links {
		gap: 11px;
	}

	.page-numbers {
	}

	a.page-numbers:hover {
	}

	.page-numbers.current {
	}

	.page-numbers.dots {
	}
}
