@charset "utf-8";
#news {
	width: 100%;
	height: auto;
	padding: 27px 0 0;
}
	.news__page_heading__txt {
		width: 100.36px;
	}
	.news__inner {
		width: 90%;
		max-width: 900px;
		height: auto;
		min-height: 50vh;
		padding: 0 0 50px;
		margin: 0 auto;
	}
		.news__list {
			width: 100%;
			height: auto;
			padding: 50px 0 0;
			margin: 0 auto 50px;
		}
			.news__item {
				width: 100%;
				height: auto;
			}
			.news__item:not(:last-of-type) {
				margin-bottom: 8px;
			}
				.news__item__wrap {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 100%;
					height: auto;
					padding: 17px 70px 15px 21px;
					border-radius: 5px;
					background-color: #F5F5F5;
					position: relative;
				}
					.news__item__wrap p {
						font-size: 16px;
						line-height: 1.5;
						letter-spacing: 0.04em;
						color: var(--color--black);
					}
					.news__date {
						width: 111px;
						height: auto;
						font-weight: 500;
					}
					.news__title {
						flex: 1;
						height: auto;
						font-weight: 700;
					}
					.news__item__arrow {
						width: 15.32px;
						height: auto;
						position: absolute;
						top: 50%;
						right: 17.5px;
						transform: translate(0%,-50%);
					}
		.pagination {
			width: 100%;
			height: auto;
		}
			ul.page-numbers {
				display: flex;
				justify-content: center;
				align-items: center;
				column-gap: 18px;
			}
				ul.page-numbers li {
					width: auto;
					height: auto;
				}
					a.page-numbers,
					span.page-numbers {
						display: block;
						width: 14px;
						height: auto;
						padding: 9px 0 2px;
						border-bottom: solid 1px var(--color--white);
						font-family: 'Jost', sans-serif;
						font-size: 16px;
						font-weight: 500;
						line-height: 1;
						letter-spacing: 0.0em;
						text-align: center;
						color: var(--color--gray);
					}
					span.page-numbers.current {
						border-bottom: solid 1px var(--color--red);
						color: var(--color--black);
					}
					a.page-numbers.prev,
					a.page-numbers.next {
						display: flex;
						align-items: center;
						width: auto;
						padding: 2px 0 0;
						border: none !important;
						font-size: 20px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.04em;
						text-indent: 0.04em;
						color: var(--color--black);
						position: relative;
					}
					a.page-numbers.prev {
						justify-content: flex-end;
						margin-right: 67px;
					}
					a.page-numbers.prev.disabled {
						opacity: 0.3;
						pointer-events: none;
					}
					a.page-numbers.next {
						justify-content: flex-start;
						margin-left: 67px;
					}
					a.page-numbers.next.disabled {
						opacity: 0.3;
						pointer-events: none;
					}
					.disabled span.prev,
					.disabled span.next {
						opacity: 0.7;
					}
						a.page-numbers.prev::before,
						a.page-numbers.next::after {
							content: '';
							display: inline-block;
							width: 28px;
							height: 28px;
							position: relative;
							top: -1px;
						}
						a.page-numbers.prev::before {
							margin-right: 12px;
							background-image: url('../image/news/icon-black_circle_arrow.svg');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							transform: scale(-1,1);
						}
						a.page-numbers.next::after {
							margin-left: 12px;
							background-image: url('../image/news/icon-black_circle_arrow.svg');
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
						}
					span.dots {
						font-family: 'Hind', sans-serif;
						font-size: 16px;
						font-weight: 500;
						line-height: 1;
						letter-spacing: 0.0em;
						text-align: center;
						color: var(--color--gray);
					}

/* PC ================================================== */
@media all and (min-width:720px){
					.news__item__wrap p {
						transition: .4s;
					}
					.news__item__wrap:hover p {
						color: var(--color--red);
					}
					.news__item__arrow {
						transition: .4s;
					}
					.news__item__wrap:hover .news__item__arrow {
						right: 14px;
					}
					a.page-numbers {
						transition: .4s;
					}
					a.page-numbers:hover {
						border-bottom: solid 1px var(--color--red);
					}
					a.page-numbers.prev::before {
						transition: .25s;
						left: 0;
					}
					a.page-numbers.next::after {
						transition: .25s;
						right: 0;
					}
					a.page-numbers.prev:hover::before {
						left: -3px;
					}
					a.page-numbers.next:hover::after {
						right: -3px;
					}
}

/* SP ================================================== */
@media all and (max-width:719px){
#news {
	padding: 20px 0 0;
}
	.news__page_heading__txt {
		width: 75.27px;
	}
	.news__inner {
		max-width: initial;
	}
				.news__item__wrap {
					display: block;
					padding: 15px 45px 15px 12px;
				}
					.news__item__wrap p {
						line-height: 1.5;
						letter-spacing: 0.04em;
						color: var(--color--black);
					}
					.news__item__wrap p.news__date {
						font-size: 12px;
						width: 100%;
					}
					.news__item__wrap p.news__title {
						font-size: 14px;
						width: 100%;
					}
			ul.page-numbers {
				column-gap: 12px;
			}
				ul.page-numbers li:first-of-type {
					margin-left: 0;
					margin-right: auto;
				}
				ul.page-numbers li:last-of-type {
					margin-right: 0;
					margin-left: auto;
				}
					a.page-numbers {
						width: 14px;
						height: auto;	
						padding: 5px 0 2px;
						border-bottom: solid 1px var(--color--white);
						font-family: 'Hind', sans-serif;
						font-size: 14px;
						font-weight: 500;
						line-height: 1;
						letter-spacing: 0.0em;
						text-align: center;
						color: var(--color--gray);
					}
					a.page-numbers.current {
						border-bottom: solid 1px var(--color--red);
						color: var(--color--black);
					}
					a.page-numbers.prev,
					a.page-numbers.next {
						font-size: 16px;
						padding-top: 3px;
					}
					a.page-numbers.prev {
						margin-right: 0;
					}
					a.page-numbers.next {
						margin-left: 0;
					}
						a.page-numbers.prev::before,
						a.page-numbers.next::after {
							content: '';
							display: inline-block;
							width: 20px;
							height: 20px;
							position: relative;
							top: 0px;
						}
						a.page-numbers.prev::before {
							margin-right: 8px;
						}
						a.page-numbers.next::after {
							margin-left: 8px;
						}
					span.dots {
						font-family: 'Hind', sans-serif;
						font-size: 14px;
						font-weight: 500;
						line-height: 1;
						letter-spacing: 0.0em;
						text-align: center;
						color: var(--color--gray);
					}
}