@charset "utf-8";

.lower_fv {
	background-image: url("../img/news_fv.jpg");
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
	.lower_fv {
		background-image: url("../img/news_fv_sp.jpg");
	}
}


#news {
	display: flex;
	justify-content: space-between;
	gap: 90px;
	max-width: 1240px;
	padding: 60px 20px 100px;
	margin-inline: auto;
}
#news .contents {
	width: 100%;
}
#news .contents .list {
}
#news .contents article {
	border-bottom: 1px solid #ccc;
}
#news .contents article a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px 60px 30px 20px;
}
#news .contents article a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	display: block;
	width: 19px;
	height: 7px;
	margin-top: auto;
	margin-bottom: auto;
	background-image: url("../img/navi_arrow.svg");
	transition: all ease 0.3s;
}
#news .contents article a:hover::after {
	right: 10px;
}
#news .contents .date {
	flex-shrink: 0;
	width: 100px;
	color: var(--beige);
}
#news .contents .ttl {
	font-weight: bold;
}
#news .not_found {
}
@media (max-width: 959px) {
	#news {
		gap: 30px;
	}
}
@media (max-width: 519px) {
	#news {
		display: block;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#news .contents article a {
		display: block;
		padding: 20px 0;
	}
	#news .contents article a::after {
		display: none;
	}
	#news .contents .ttl {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
	}
}


#news .pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}
#news .pagination > * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 200px;
}
#news .pagination > a {
	border: 1px solid;
}
#news .pagination > div {
	color: #fff;
	background-color: #ccc;
}
#news .pagination .prev,
#news .pagination .next {
	width: 80px;
}
#news .pagination .prev {
}
#news .pagination .next {
}
#news .pagination .disabled {
}
#news .pagination .active {
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
	#news .pagination {
		margin-top: 30px;
	}
	#news .pagination > * {
		width: 35px;
		height: 35px;
	}
	#news .pagination .prev,
	#news .pagination .next {
		width: 56px;
	}
	html[lang="en"] #news .pagination .prev,
	html[lang="en"] #news .pagination .next {
		width: 76px;
	}
}


#news .sidebar {
	flex-shrink: 0;
	width: 170px;
	border-top: 1px solid #ccc;
}
#news .link_list {
	padding-top: 10px;
}
#news .link_list li {
}
#news .link_list a {
	display: block;
	padding: 10px 20px;
	line-height: 2;
}
#news .link_list a[aria-current] {
	color: var(--beige);
}
@media (max-width: 959px) {
	#news .sidebar {
		width: 120px;
	}
}
@media (max-width: 519px) {
	#news .sidebar {
		width: 100%;
		margin-top: 30px;
	}
	#news .link_list {
		padding-top: 10px;
	}
}