@charset "utf-8";
#news {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
	margin: 0 auto 0
}
	.news__inner {
		width: 100%;
		height: auto;
	}
		.news__body {
			width: 90%;
			max-width: 1200px;
			height: auto;
			padding: 0 0 62px;
			margin: 54px auto 0;
			border-radius: 10px;
			background-color: var(--color--white);
		}
			.news__heading {
				width: 200px;
				height: auto;
				padding: 32px 0 0;
				margin: 0 auto -28px;
				border-radius: 100px 100px 0 0;
				background-color: var(--color--white);
				position: relative;
				top: -68px;
			}
				.news__heading__icon {
					width: 114px;
					height: auto;
					margin: 0 auto 30px;
				}
					.news__heading__icon svg {
						width: 100%;
						height: auto;
						fill: var(--color--black);
					}
				.news__heading__txt_ja {
					width: 100%;
					height: auto;
					margin: 0 auto 6px;
					font-size: 26px;
					line-height: 1.4;
					text-align: center;
				}
				.news__heading__txt_en {
					width: 100%;
					height: auto;
					font-size: 10px;
					line-height: 2.2;
					text-align: center;
				}
			.news__list_wrap {
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
				.news__list {
					width: 100%;
					height: auto;
					margin: 0 auto;
					border-top: solid 1px var(--color--black);
				}
					.news__list__item {
						width: 100%;
						height: auto;
						border-bottom: solid 1px var(--color--black);
					}
						.news__list__item__link {
							display: flex;
							justify-content: space-between;
							align-items: flex-start;
							width: 100%;
							height: auto;
							padding: 25px 0;
							position: relative;
						}
							.news__list__item__date {
								display: block;
								width: 157px;
								height: auto;
								font-size: 14px;
								line-height: 1.5;
								color: var(--color--black);
							}
							.news__list__item__ttl {
								display: block;
								width: calc(100% - 157px - 44px);
								font-size: 14px;
								line-height: 1.5;
								color: var(--color--black);
							}
							.news__list__item__arrow {
								width: 14px;
								height: auto;
								position: absolute;
								top: calc(50% - 6px);
								right: 20px;
							}
								.news__list__item__arrow svg {
									width: 100%;
									height: auto;
									fill: var(--color--black);
								}
						@media (any-hover: hover) {
							.news__list__item__ttl {
								transition: .4s;
							}
							a.news__list__item__link:hover .news__list__item__ttl {
								color: var(--color--gold);
							}
							.news__list__item__arrow {
								transition: .4s;
							}
							a.news__list__item__link:hover .news__list__item__arrow {
								transform: translate(3px, 0%);
							}
						}
			.news__pagination {
				width: 100%;
				height: auto;
			}
				.pagination {
					width: 100%;
					height: auto;
					margin: 70px auto 0;
				}
					ul.page-numbers {
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 20px;
						width: 100%;
						height: auto;
					}
						ul.page-numbers li {
							width: 36px;
							height: 36px;
							border-radius: 9999px;
						}
							span.page-numbers,
							a.page-numbers {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: 100%;
								border-radius: 9999px;
								border: solid 1px rgba(0, 0, 0, 0);
								font-size: 14px;
								font-weight: 400;
								line-height: 1.4;
								letter-spacing: 0.2em;
								text-indent: 0.2em;
								color: var(--color--black);
							}
							a.page-numbers {
								color: var(--color--black);
							}
						@media (any-hover: hover) {
							a.page-numbers {
								transition: .4s;
							}
							a.page-numbers:hover {
								border-color: var(--color--black);
							}
						}
							span.page-numbers.current {
								border: solid 1px var(--color--black);
							}
							a.page-numbers.prev {
								padding-right: 2px;
							}
							a.page-numbers.next {
								padding-left: 2px;
							}
						@media (any-hover: hover) {
							a.page-numbers.prev,
							a.page-numbers.next {
								transition: .4s;
							}
							a.page-numbers.prev:hover,
							a.page-numbers.next:hover {
								border-color: var(--color--black);
							}
						}
								a.page-numbers.prev svg,
								a.page-numbers.next svg {
									width: 14px;
									height: auto;
								}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#news {
	padding: 0 0 60px;
}
		.news__body {
			width: calc((355 / 375) * 100%);
			max-width: initial;
			padding: 0 0 30px;
		}
				.news__heading__icon {
					margin: 0 auto 20px;
				}
				.news__heading__txt_ja {
					margin: 0 auto;
					font-size: 16px;
				}
				.news__heading__txt_en {
					line-height: 2;
				}
			.news__list_wrap {
				width: calc((260 / 300) * 100%);
				max-width: initial;
			}
						.news__list__item__link {
							display: flex;
							flex-direction: column;
							justify-content: flex-start;
							gap: 6px;
							padding: 15px 0 16px;
						}
							.news__list__item__date {
								width: 100%;
								font-size: 12px;
							}
							.news__list__item__ttl {
								width: calc(100% - 26px);
								font-size: 12px;
							}
							.news__list__item__arrow {
								width: 11px;
								top: calc(50% - 6px);
								right: 5px;
							}
				.pagination {
					margin: 50px auto 0;
				}
					ul.page-numbers {
						gap: 8px;
					}
						ul.page-numbers li {
							width: 32px;
							height: 32px;
						}
							span.page-numbers,
							a.page-numbers {
								font-size: 12px;
							}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}