@charset "UTF-8";



.page_title {
	display: flex;
	max-width: 1620px;
	margin: 0 auto;
	padding-left: clamp(0rem, -5.417rem + 11.28vw, 8.125rem);
	border-bottom: 2px solid #2b1e1d;
	flex-direction: column-reverse;
}

.page_title-main {
	color: #df4f4d;
	font-weight: 500;
	font-size: clamp(0.938rem, 0.835rem + 0.21vw, 1.063rem);
	letter-spacing: 0.1em;
}

.page_title-sub {
	font-weight: bold;
	font-size: clamp(1.875rem, 0.698rem + 2.45vw, 3.313rem);
	letter-spacing: 0.1em;
}

.page_lead-text {
	max-width: 1620px;
	width: 95%;
	margin: 0 auto;
	padding-left: clamp(0rem, -5.417rem + 11.28vw, 8.125rem);
	font-size: clamp(0.875rem, 0.658rem + 0.45vw, 1.063rem);
	line-height: clamp(1.688rem, 1.181rem + 1.05vw, 2.125rem);
}

@media screen and (min-width: 768px) {
	.page_title {
		width: 95%;
		margin-bottom: 50px;
		padding-bottom: 20px;
	}
	.page_lead-text {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.page_title {
		width: calc(100% - 40px);
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.page_lead-text {
		width: calc(100% - 40px);
		margin-bottom: 16px;
	}
	.page_lead-text br {
		display: none;
	}
}


/*******************************************************************************
	お知らせアーカイブ
*******************************************************************************/

.archive_news-container {
	display: flex;
	flex-direction: column;
}

.archive_news-nav {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}
.archive_news-list {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.archive_news-item {
	display: flex;
	border-top: 2px solid #d4d4d4;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;

	row-gap: 15px;
}
.archive_news-item:nth-last-of-type(1) {
	border-bottom: 2px solid #d4d4d4;
}
.archive_news-img {
	display: flex;
	max-width: 170px;
	width: 100%;
	justify-content: center;
	align-items: center;

	aspect-ratio: 17/13;
}
.archive_news-img a {
	display: block;
	overflow: hidden;
	height: 100%;
}

.archive_news-img img {
	max-width: max-content;
	width: 100%;
	height: 100%;
	transition: all 0.3s;

	object-position: center;
	object-fit: cover;
}
.archive_news-img a:hover img {
	transform: scale(1.1);
}

.archive_news-details {
	display: flex;
	flex-direction: column;
}

.archive_news-status {
	display: flex;
	width: 100%;
	font-size: 14px;
	column-gap: 10px;
	align-items: center;
}


.archive_news-status span {
	display: flex;
	min-width: 85px;
	padding: 4px 10px;
	border: 1px solid var(--news-color);
	color: var(--news-color);
	font-weight: bold;
	justify-content: center;
	align-items: center;
}
.archive_news-status time {
	font-weight: 500;
}

.archive_news-content {
	display: flex;
	width: 100%;
	flex-direction: column;

	row-gap: 5px;
}
.archive_news-label {
	overflow: hidden;
	font-weight: bold;
	font-size: clamp(1.063rem, 0.557rem + 1.05vw, 1.25rem);
	white-space: nowrap;
	text-overflow: ellipsis;
}
.archive_news-label a {
	color: #2b1e1d;
	transition: all 0.3s;
}
.archive_news-label a:hover {
	color: #df4f4d;
}

.archive_news-text {
	display: -webkit-box;
	overflow: hidden;
	font-size: clamp(0.875rem, 0.707rem + 0.35vw, 0.938rem);
	line-height: clamp(1.625rem, 1.12rem + 1.05vw, 1.813rem);
	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
}
.archive_news-text a {
	color: #2b1e1d;
	pointer-events: none;
}

@media screen and (min-width: 768px) {
	.main_container {
		padding-bottom: 100px;
	}
	.archive_news-container {
		row-gap: 55px;
	}

	.archive_news-nav {
		width: 95%;
	}
	.archive_news-item {
		padding: 35px clamp(0.625rem, -1.059rem + 3.51vw, 1.25rem);
	}

	.archive_news-details {
		max-width: 600px;
		width: calc(100% - 185px);
	}
	.archive_news-details {
		row-gap: 10px;
	}
}
@media screen and (max-width: 767px) {
	.main_container {
		padding-bottom: 50px;
	}
	.archive_news-container {
		row-gap: 30px;
	}
	.archive_news-nav {
		width: calc(100% - 40px);
	}
	.archive_news-item {
		padding: 20px 10px;
		flex-direction: column;
	}
	.archive_news-details {
		width: 100%;
	}
	.archive_news-details {
		row-gap: 5px;
	}
}

/*******************************************************************************
	ページネーション
*******************************************************************************/

.nav-links {
	display: flex;
	column-gap: 10px;
	justify-content: center;
	align-items: center;
}

.pages-of {
	display: none;
}

.page-numbers {
	display: flex;
	position: relative;
	width: clamp(1.875rem, 1.033rem + 1.75vw, 2.188rem);
	padding-bottom: 5px;
	font-size: clamp(0.875rem, 0.538rem + 0.7vw, 1rem);
	justify-content: center;
}

.page-numbers a {
	color: #2b1e1d;
}
.page-numbers a:hover {
	color: #df4f4d;
}

.page-numbers.current::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1.5px;
	background-color: #000000;
	content: "";
}

.prev {
	margin-right: clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
}

.next {
	margin-left: clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
}

.prev a , .next a {
	display: inline-flex; /* 中央に矢印を配置 */
	color: #000000;            /* 矢印の色（初期は黒） */
	font-size: clamp(2.5rem, -0.026rem + 5.26vw, 3.438rem);        /* 矢印の大きさ */
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease; /* ホバー時のアニメーション */
}
.prev i {
	transform: rotateZ(180deg);
}

.prev a:hover , .next a:hover {
	color: #df4f4d;            /* ホバー時に矢印を白に */
}