@charset "utf-8";
#news_contents {
	width: 100%;
	height: auto;
	padding: calc((172 / var(--vw)) * 100vw) 0 calc((150 / var(--vw)) * 100vw);
}
	.news_contents__inner {
		width: calc((1000 / var(--vw)) * 100vw);
		height: auto;
		margin: 0 auto;
	}
		.news__no_data {
			width: 100%;
			height: auto;
			font-size: calc((14 / var(--vw)) * 100vw);
			font-weight: 500;
			line-height: 1.8;
			letter-spacing: 0.03em;
			color: var(--color--black);
			text-align: center;
		}
		.news__list {
			display: flex;
			flex-direction: column;
			gap: calc((20 / var(--vw)) * 100vw);
			width: 100%;
			height: auto;
		}
			.news__list__item {
				width: 100%;
				height: auto;
				opacity: 0;
				transform: translate(0, calc((20 / var(--vw)) * 100vw));
				-webkit-transform: translate(0, calc((20 / var(--vw)) * 100vw));
				transition: 1s cubic-bezier(0.490, 0.035, 0.140, 0.910);
			}
			.news__list__item:nth-of-type(2) {
				transition-delay: .1s;
			}
			.news__list__item:nth-of-type(3) {
				transition-delay: .2s;
			}
			.news__list__item:nth-of-type(4) {
				transition-delay: .3s;
			}
			.news__list__item:nth-of-type(5) {
				transition-delay: .4s;
			}
			._inview .news__list__item {
				opacity: 1;
				transform: translate(0, 0);
				-webkit-transform: translate(0, 0);
			}
				.news__list__item__link {
					display: block;
					width: 100%;
					height: auto;
					padding: calc((30 / var(--vw)) * 100vw) calc((180 / var(--vw)) * 100vw) calc((36 / var(--vw)) * 100vw) calc((40 / var(--vw)) * 100vw);
					border-radius: calc((6 / var(--vw)) * 100vw);
					background-color: var(--color--light_gray);
					position: relative;
				}
					.news__list__item__date {
						display: block;
						width: 100%;
						height: auto;
						margin-bottom: calc((10 / var(--vw)) * 100vw);
						font-size: calc((12 / var(--vw)) * 100vw);
						font-weight: 700;
						line-height: 2;
						letter-spacing: 0.03em;
						color: var(--color--red);
					}
					.news__list__item__title {
						width: 100%;
						height: auto;
						font-size: calc((14 / var(--vw)) * 100vw);
						font-weight: 500;
						line-height: 1.8;
						letter-spacing: 0.03em;
						color: var(--color--black);
					}
					.news__list__item__arrow {
						display: flex;
						justify-content: center;
						align-items: center;
						width: calc((50 / var(--vw)) * 100vw);
						height: calc((50 / var(--vw)) * 100vw);
						border-radius: 9999px;
						border: solid calc((1 / var(--vw)) * 100vw) var(--color--black);
						position: absolute;
						top: 50%;
						right: calc((44 / var(--vw)) * 100vw);
						transform: translate(0%,-50%);
						overflow: hidden;
					}
						.news__list__item__arrow::before {
							content: "";
							display: block;
							width: calc((20 / var(--vw)) * 100vw);
							height: calc((10 / var(--vw)) * 100vw);
							background-color: var(--color--black);
							mask-image: url(../image/btn_arrow_join.svg);
							mask-size: contain;
							mask-position: center;
							mask-repeat: no-repeat;
						}
			@media (any-hover: hover) {
				.news__list__item__link {
					transition: var(--transition--bg);
				}
				.news__list__item__link:hover {
					background-color: var(--color--red);
				}
					.news__list__item__date,
					.news__list__item__title {
						transition: var(--transition--text);
					}
					.news__list__item__link:hover .news__list__item__date,
					.news__list__item__link:hover .news__list__item__title {
						color: var(--color--white);
					}
					.news__list__item__arrow {
						transition: var(--transition--border);
					}
					.news__list__item__link:hover .news__list__item__arrow {
						border-color: var(--color--white);
					}
						.news__list__item__arrow::before {
							transition: var(--transition--bg);
						}
						.news__list__item__link:hover .news__list__item__arrow::before {
							animation: news__list__item__arrow .5s ease forwards;
							background-color: var(--color--white);
						}
			}
						@keyframes news__list__item__arrow {
							0% {
								transform: translateX(0);
							}
							50% {
								transform: translateX(calc((50 / var(--vw)) * 100vw));
							}
							51% {
								transform: translateX(calc((-50 / var(--vw)) * 100vw));
							}
							100% {
								transform: translateX(0);
							}
						}
		.news__pagination {
			width: 100%;
			height: auto;
			padding: calc((100 / var(--vw)) * 100vw) 0 0;
		}
			.news__pagination__inner {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: calc((44 / var(--vw)) * 100vw);
				width: 100%;
				height: auto;
			}
				.news__pagination__prev,
				.news__pagination__next {
					width: calc((50 / var(--vw)) * 100vw);
					height: calc((50 / var(--vw)) * 100vw);
				}
					.news__pagination__prev__btn,
					.news__pagination__next__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 9999px;
						border: solid calc((1 / var(--vw)) * 100vw) var(--color--black);
					}
					.news__pagination__prev__btn.is-disabled,
					.news__pagination__next__btn.is-disabled {
						pointer-events: none;
						border-color: var(--color--gray);
					}
						.news__pagination__prev__btn::before,
						.news__pagination__next__btn::before {
							content: "";
							display: block;
							width: calc((20 / var(--vw)) * 100vw);
							height: calc((10 / var(--vw)) * 100vw);
							background-color: var(--color--black);
							mask-image: url(../image/btn_arrow_join.svg);
							mask-size: contain;
							mask-position: center;
							mask-repeat: no-repeat;
						}
						.news__pagination__prev__btn::before {
							transform: scaleX(-1);
						}
						.news__pagination__prev__btn.is-disabled::before,
						.news__pagination__next__btn.is-disabled::before {
							background-color: var(--color--gray);
						}
				@media (any-hover: hover) {
					.news__pagination__prev__btn,
					.news__pagination__next__btn {
						transition: var(--transition--border), var(--transition--bg);
					}
					.news__pagination__prev__btn:hover,
					.news__pagination__next__btn:hover {
						border-color: var(--color--red);
						background-color: var(--color--red);
					}
						.news__pagination__prev__btn::before,
						.news__pagination__next__btn::before {
							transition: var(--transition--bg);
						}
						.news__pagination__prev__btn:hover::before,
						.news__pagination__next__btn:hover::before {
							background-color: var(--color--white);
						}
				}
				.news__pagination__list {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: calc((38 / var(--vw)) * 100vw);
					width: fit-content;
					height: auto;
				}
					.news__pagination__list__item {
						width: fit-content;
						height: auto;
					}
						.news__pagination__list__item__link,
						.news__pagination__list__item__dots {
							display: flex;
							justify-content: center;
							align-items: center;
							width: calc((28 / var(--vw)) * 100vw);
							height: calc((28 / var(--vw)) * 100vw);
						}
						.news__pagination__list__item__link.is-current {
							pointer-events: none;
						}
							.news__pagination__list__item__link__text,
							.news__pagination__list__item__dots__text {
								font-size: calc((14 / var(--vw)) * 100vw);
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0.03em;
								text-align: center;
								color: var(--color--black);	
							}
							.is-current .news__pagination__list__item__link__text {
								color: var(--color--red);
							}
					@media (any-hover: hover) {
							.news__pagination__list__item__link__text {
								transition: var(--transition--text);
							}
							.news__pagination__list__item__link:hover .news__pagination__list__item__link__text {
								color: var(--color--red);
							}
					}

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

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#news_contents {
	padding: calc((60 / var(--vw)) * 100vw) 0 calc((80 / var(--vw)) * 100vw);
}
	.news_contents__inner {
		width: calc((330 / var(--vw)) * 100%);
	}
		.news__list {
			gap: calc((10 / var(--vw)) * 100vw);
		}
				.news__list__item__link {
					padding: calc((20 / var(--vw)) * 100vw) calc((20 / var(--vw)) * 100vw) calc((70 / var(--vw)) * 100vw);
				}
					.news__list__item__date {
						margin-bottom: calc((4 / var(--vw)) * 100vw);
						font-size: calc((12 / var(--vw)) * 100vw);
					}
					.news__list__item__arrow {
						width: calc((30 / var(--vw)) * 100vw);
						height: calc((30 / var(--vw)) * 100vw);
						top: auto;
						bottom: calc((20 / var(--vw)) * 100vw);
						right: calc((20 / var(--vw)) * 100vw);
						transform: translate(0%,0%);
					}
						.news__list__item__arrow::before {
							width: calc((12 / var(--vw)) * 100vw);
							height: calc((6 / var(--vw)) * 100vw);
							mask-image: url(../image/btn_arrow_small.svg);
						}
		.news__pagination {
			padding: calc((40 / var(--vw)) * 100vw) 0 0;
		}
			.news__pagination__inner {
				gap: calc((20 / var(--vw)) * 100vw);
			}
				.news__pagination__prev,
				.news__pagination__next {
					width: calc((40 / var(--vw)) * 100vw);
					height: calc((40 / var(--vw)) * 100vw);
				}
						.news__pagination__prev__btn::before,
						.news__pagination__next__btn::before {
							width: calc((18 / var(--vw)) * 100vw);
							height: calc((9 / var(--vw)) * 100vw);
						}
				.news__pagination__list {
					gap: calc((24 / var(--vw)) * 100vw);
				}
}

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

}