@charset "UTF-8";
/* ==========================================================================
   Object / Project / news archive
   ========================================================================== */
.p-news-archive__body {
	padding-block: 96px 120px;
	background: #fff;
}

/* 一覧はトップページのお知らせデザインを踏襲し、l-inner内いっぱいに表示 */
.p-news--archive {
	width: 100%;
}

.p-news-archive__head {
	margin-bottom: 32px;
}

.p-news-archive__list .p-news__item a {
	padding-block: 22px;
}

.p-news-archive__list .p-news__date {
	min-width: 92px;
	font-size: 14px;
}

.p-news-archive__list .p-news__title {
	font-size: 16px;
}

.p-news-archive__empty {
	padding: 40px 0;
	border-top: 1px solid var(--color-line);
	border-bottom: 1px solid var(--color-line);
	color: var(--color-text-light);
}

/* WP-PageNavi */
.p-news-archive__pagination {
	margin-top: 56px;
}

.p-news-archive__pagination .wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.p-news-archive__pagination .wp-pagenavi a,
.p-news-archive__pagination .wp-pagenavi span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid var(--color-line);
	background: #fff;
	font-size: 13px;
	line-height: 1;
	color: var(--color-navy);
	transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}

.p-news-archive__pagination .wp-pagenavi a:hover,
.p-news-archive__pagination .wp-pagenavi .current {
	border-color: var(--color-navy);
	background: var(--color-navy);
	color: #fff;
}

.p-news-archive__pagination .wp-pagenavi .pages {
	width: auto;
	padding-inline: 14px;
	color: var(--color-text-light);
}

@media (max-width: 1024px) {
	.p-news-archive__body {
		padding-block: 72px 96px;
	}
}

@media (max-width: 767px) {
	.p-news-archive__body {
		padding-block: 56px 72px;
	}

	.p-news-archive__head {
		margin-bottom: 24px;
	}

	.p-news-archive__list .p-news__item a {
		grid-template-columns: 1fr auto;
		gap: 8px 12px;
		padding-block: 18px;
	}

	.p-news-archive__list .p-news__date {
		grid-column: 1 / 2;
		min-width: 0;
		font-size: 12px;
	}

	.p-news-archive__list .p-news__title {
		grid-column: 1 / 2;
		font-size: 14px;
		white-space: normal;
		line-height: 1.7;
	}

	.p-news-archive__list .p-news__arrow {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
		align-self: center;
	}

	.p-news-archive__pagination {
		margin-top: 40px;
	}

	.p-news-archive__pagination .wp-pagenavi a,
	.p-news-archive__pagination .wp-pagenavi span {
		min-width: 38px;
		height: 38px;
		font-size: 12px;
	}
}