@charset "utf-8";
#news_details {
	width: 100%;
	height: auto;
	padding: 0 0 100px;
	margin: 0 auto 0
}
	.news_details__inner {
		width: 100%;
		height: auto;
	}
		.news_details__body {
			width: 90%;
			max-width: 1200px;
			height: auto;
			background-color: var(--color--white);
			padding: 0 0 62px;
			margin: 54px auto 0;
			border-radius: 10px;
		}
			.news_details__heading {
				width: 200px;
				height: auto;
				padding: 32px 0 0;
				margin: 0 auto -28px;
				border-radius: 100px 100px 0 0;
				background-color: var(--color--white);
				background-size: 1200px auto;
				background-position: center;
				background-repeat: repeat-y;	
				position: relative;
				top: -68px;
			}
				.news_details__heading__icon {
					width: 114px;
					height: auto;
					margin: 0 auto 30px;
				}
					.news_details__heading__icon svg {
						width: 100%;
						height: auto;
						fill: var(--color--black);
					}
				.news_details__heading__txt_ja {
					width: 100%;
					height: auto;
					margin: 0 auto 6px;
					font-size: 26px;
					line-height: 1.4;
					text-align: center;
				}
				.news_details__heading__txt_en {
					width: 100%;
					height: auto;
					font-size: 10px;
					line-height: 2.2;
					text-align: center;
				}
			.news_details__contents {
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
				.news_details__contents__head {
					width: 100%;
					height: auto;
					padding: 0 0 20px;
					margin: 0 auto 50px;
					border-bottom: solid 1px var(--color--black);
					position: relative;
				}
					.news_details__contents__head__info {
						width: 100%;
						height: auto;
					}
						.news_details__contents__head__info__date {
							width: 100%;
							height: auto;
							margin: 0 auto 10px;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.5;
							letter-spacing: 0.2em;
							color: var(--color--black);
						}
						.news_details__contents__head__info__ttl {
							width: 100%;
							height: auto;
							font-size: 26px;
							font-weight: 400;
							line-height: 1.4;
							letter-spacing: 0.2em;
							color: var(--color--black);
						}
				.news_details__contents__body {
					width: 100%;
					height: auto;
				}
					.gallery {
						display: grid;
						width: 90%;
						height: auto;
						margin: 0 auto;
					}
					.gallery-columns-2 {
						grid-template-columns: repeat(2, 1fr);
						gap: 2%;
					}
					.gallery-columns-3 {
						grid-template-columns: repeat(3, 1fr);
						gap: 1%;
					}
						.gallery br {
							display: none !important;
						}
						.gallery-item {
							float: none !important;
							width: 100% !important;
							margin: 0 !important;
						}
							.gallery img {
								border: none !important;
							}
					.news_details__contents__body h2 {
						width: 100%;
						height: auto;
						padding: 16px calc(5% + 5px);
						margin: 0 auto 30px;
						border-radius: 2px;
						background-color: var(--color--black);
						font-size: 18px;
						font-weight: 600;
						line-height: 1.4;
						letter-spacing: 0.2em;
						color: var(--color--white);
						position: relative;
					}
						.news_details__contents__body h2::before {
							content: '';
							display: block;
							width: 11px;
							height: 22px;
							border-radius: 0 11px 11px 0;
							background-color: var(--color--gold);
							position: absolute;
							top: 18px;
							left: 0;
						}
					.news_details__contents__body p {
						width: 90%;
						height: auto;
						margin: 0 auto;
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						letter-spacing: 0.1em;
						color: var(--color--black);
					}
						.news_details__contents__body p a {
							color: var(--color--black);
							text-decoration: underline;
						}
						@media (any-hover: hover) {
							.news_details__contents__body p a {
								transition: .4s;
							}
							.news_details__contents__body p a:hover {
								color: var(--color--gold);
								text-decoration: none;
							}
						}
					.news_details__contents__body blockquote {
						width: 90%;
						height: auto;
						padding: 30px 40px;
						margin: 0 auto;
						background-color: #F0EFE6;
					}
					.news_details__contents__body ul {
						display: flex;
						flex-direction: column;
						gap: 20px;
						width: 90%;
						height: auto;
						margin: 0 auto;
					}
						.news_details__contents__body ul li {
							width: 100%;
							height: auto;
							padding-left: 21px;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.8;
							letter-spacing: 0.1em;
							position: relative;
						}
							.news_details__contents__body ul li::before {
								content: '';
								display: block;
								width: 8px;
								height: 8px;
								border-radius: 9999px;
								background-color: var(--color--gold);
								position: absolute;
								top: 10px;
								left: 0;
							}
							.news_details__contents__body ul li a {
								color: var(--color--gold);
								text-decoration: underline;
							}
						@media (any-hover: hover) {
							.news_details__contents__body ul li a:hover {
								text-decoration: none;
							}
						}
					.news_details__contents__body a.pdf_link {
						display: inline-flex;
						justify-content: flex-start;
						align-items: center;
						flex-wrap: wrap;
						padding-right: 10px;
						color: var(--color--black);
					}
						.news_details__contents__body a.pdf_link::after {
							content: 'PDF';
							display: inline-flex;
							justify-content: center;
							align-items: center;
							width: 40px;
							height: 16px;
							margin-left: 10px;
							border-radius: 1px;
							background-color: var(--color--black);
							font-size: 10px;
							font-weight: 400;
							line-height: 1;
							letter-spacing: 0.1em;
							color: var(--color--white);
						}
					@media (any-hover: hover) {
						.news_details__contents__body a.pdf_link::after {
							transition: .3s;
						}
						.news_details__contents__body a.pdf_link:hover::after {
							background-color: var(--color--gold);
						}
					}
					.news_details__contents__body a.more_btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 280px;
						height: 56px;
						margin: 0 auto;
						background-color: var(--color--black);
						font-size: 16px;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 0.2em;
						text-decoration: none;
						color: var(--color--white);
						position: relative;
					}
						.news_details__contents__body a.more_btn svg {
							width: 14px;
							height: auto;
							fill: var(--color--white);
							position: absolute;
							top: 22px;
							right: 20px;
						}
				@media (any-hover: hover) {
					.news_details__contents__body a.more_btn {
						transition: .4s;
					}
					.news_details__contents__body a.more_btn:hover {
						background-color: var(--color--gold);
						color: var(--color--black);
					}
						.news_details__contents__body a.more_btn svg {
							transition: .4s;
							transform: translate(0px, 0%);
						}
						.news_details__contents__body a.more_btn:hover svg {
							transform: translate(3px, 0%);
							fill: var(--color--black);
						}
				}
			.news_details__back_btn_wrap {
				width: 100%;
				height: auto;
				margin: 50px auto 0;
			}
				.news_details__back_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 280px;
					height: 56px;
					margin: 0 auto;
					background-color: var(--color--base);
					font-size: 16px;
					font-weight: 400;
					line-height: 1;
					letter-spacing: 0.2em;
					text-decoration: none;
					color: var(--color--black);
					position: relative;
				}
					.news_details__back_btn svg {
						width: 14px;
						height: auto;
						fill: var(--color--black);
						position: absolute;
						top: 22px;
						left: 20px;
					}
			@media (any-hover: hover) {
				.news_details__back_btn {
					transition: .4s;
				}
				.news_details__back_btn:hover {
					background-color: var(--color--black);
					color: var(--color--white);
				}
					.news_details__back_btn svg {
						transition: .4s;
						transform: translate(0px, 0%);
					}
					.news_details__back_btn:hover svg {
						transform: translate(-3px, 0%);
						fill: var(--color--white);
					}
			}

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

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#news_details {
	padding: 0 0 60px;
}
		.news_details__body {
			width: calc((355 / 375) * 100%);
			max-width: initial;
			padding: 0 0 30px;
		}
			.news_details__heading {
				margin: 0 auto -46px;
			}
				.news_details__heading__icon {
					margin: 0 auto 20px;
				}
				.news_details__heading__txt_ja {
					margin: 0 auto;
					font-size: 16px;
				}
				.news_details__heading__txt_en {
					line-height: 2;
				}
			.news_details__contents {
				width: calc((270 / 300) * 100%);
				max-width: initial;
			}
				.news_details__contents__head {
					display: flex;
					flex-direction: column-reverse;
					justify-content: flex-start;
					align-items: stretch;
					padding: 0 0 15px;
					margin: 0 auto 20px;
				}
						.news_details__contents__head__info__date {
							margin: 0 auto 6px;
							font-size: 12px;
						}
						.news_details__contents__head__info__ttl {
							font-size: 16px;
						}
					.gallery {
						width: 100%;
					}
					.gallery-columns-2 {
						gap: 3%;
					}
					.gallery-columns-3 {
						gap: 2%;
					}
					.news_details__contents__body h2 {
						padding: 11px 0 11px 33px;
						margin: 0 auto 20px;
					}
						.news_details__contents__body h2::before {
							top: 13px;
						}
					.news_details__contents__body p {
						width: 100%;
					}
					.news_details__contents__body blockquote {
						width: 100%;
						padding: 24px;
					}
					.news_details__contents__body ul {
						gap: 14px;
						width: 100%;
					}
					.news_details__contents__body a.more_btn {
						width: 250px;
						height: 50px;
					}
						.news_details__contents__body a.more_btn svg {
							top: 20px;
						}
				.news_details__back_btn {
					width: 250px;
					height: 50px;
				}
}

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

}