/* -----------------------------------------------
= select-year
----------------------------------------------- */
.select-year {
	padding: 60px 20px 30px;
}
.select-year label {
	display: block;
	margin-bottom: 13px;
	font-size: calc(1.4rem / 1.6);
	font-weight: 600;
}
.select-year select {
	width: 100%;
	padding: 20px 30px;
	background: url(../../img/news/index-icon-select.svg) no-repeat right 20px center #f7f7f7;
	border: 1px solid var(--border-gray);
	border-radius: 4px;
	font-size: calc(1.3rem / 1.6);
}
@media print, screen and (min-width: 768px) {/* PC */
.select-year {
	padding: 0;
}
.select-year label {
	margin-bottom: 24px;
	font-size: calc(1.8rem / 1.6);
}
}/* @media */
/* -----------------------------------------------
= news-list
----------------------------------------------- */
.news-list {
	margin-bottom: 40px;
}
.news-list li {
	padding-block: 24px 10px;
	border-bottom: 1px solid #f4f4f4;
}
.news-list time {
	display: inline-block;
	margin-right: 12px;
	font-family: var(--work);
	font-size: calc(1.4rem / 1.6);
}
.news-list .category {
	display: inline-block;
	padding: 2px 12px;
	background: #f4f4f4;
	border-radius: 4px;
	font-family: var(--work);
	font-size: calc(1.4rem / 1.6);
}
.news-list p {
	padding-block: 12px;
	font-size: calc(1.4rem / 1.6);
}
.news-list a {
	display: block;
	position: relative;
	padding-right: 50px;
}
.news-list a::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 20px;
	width: 8px;
	height: 8px;
	background: #aaa;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.news-list a span {
	display: inline-block;
	position: relative;
}
.news-list a[href$=".pdf"] span::after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	width: 18px;
	height: 20px;
	background: url(../../img/shared/icon-pdf.svg) no-repeat 50% / cover;
	vertical-align: middle;
}
@media print, screen and (min-width: 768px) {/* PC */
.news-list {
	margin-bottom: 60px;
}
.news-list li {
	display: flex;
	align-items: center;
	gap: 0 20px;
	padding-block: 30px 22px;
}
.news-list li:first-child {
	padding-top: 0;
}
.news-list time {
	margin-right: 40px;
}
.news-list .category {
	padding: 10px 31px;
	font-size: calc(1.2rem / 1.6);
}
.news-list p {
	flex: 1;
}
.news-list a {
	font-size: calc(1.4rem / 1.6);
}
}/* @media */
@media (hover: hover) {
.news-list a {
	transition: color .3s;
}
.news-list a:hover {
	color: var(--red);
}
.news-list li a::after {
	transition: background .3s;
}
.news-list li a:hover::after {
	background: var(--red);
}
}/* @media */
/* -----------------------------------------------
= pagination
----------------------------------------------- */
.pagination {
	margin-inline: -10px;
}
.pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 10px;
}
.pagination li a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	font-family: var(--work);
	font-size: calc(1.2rem / 1.6);
	line-height: 40px;
	text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
	display: grid;
	place-content: center;
	line-height: 0;
}
.pagination li:first-child a::after,
.pagination li:last-child a::after {
	content: "";
	width: 6px;
	height: 6px;
	background: #aaa;
}
.pagination li:first-child a::after {
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.pagination li:last-child a::after {
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.pagination li span {
	display: block;
	width: 40px;
	height: 40px;
	background: var(--bg-gray);
	border-radius: 4px;
	font-family: var(--work);
	font-size: calc(1.2rem / 1.6);
	line-height: 40px;
	text-align: center;
}
.pagination li .disabled {
	opacity: 0;
}
@media print, screen and (min-width: 768px) {/* PC */
.pagination {
	margin-inline: 0;
}
.pagination ul {
	gap: 0 12px;
}
.pagination li a {
	width: 48px;
	height: 48px;
	font-size: calc(1.4rem / 1.6);
	line-height: 48px;
}
.pagination li:first-child a::after,
.pagination li:last-child a::after {
	width: 8px;
	height: 8px;
}
.pagination li span {
	width: 48px;
	height: 48px;
	font-size: calc(1.4rem / 1.6);
	line-height: 48px;
}
}/* @media */
@media (hover: hover) {
.pagination li a {
	transition: color .3s;
}
.pagination li a:hover {
	color: var(--red);
}
.pagination li:first-child a::after,
.pagination li:last-child a::after {
	transition: background .3s;
}
.pagination li:first-child a:hover::after,
.pagination li:last-child a:hover::after {
	background: var(--red);
}
}/* @media */