/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

/*
Oswald
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
*/

#pagePath {
	display: none;
	}

#main {
	position: relative;
	background: #ecf5f9;
	overflow: hidden;
	}
	#main:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/common/images/pattern.webp) center top;
		mix-blend-mode: overlay;
		}
	#main > *{
		position: relative;
		z-index: 1;
		}

#hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	background: #fff;
	}
	#hero > * {
		grid-column: 1;
		grid-row: 1;
		}

#heroSlide {
	display: grid;
	grid-template-columns: 24px 1fr auto 1fr 24px;
	grid-template-rows: 1fr auto;
	color: #fff;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease-out;
	}
	#heroSlide.slick-initialized {
		opacity: 1;
		}
	#heroSlide dl {
		position: relative;
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		background: #fff;
		}
		#heroSlide dl:not(:has(img))&:before{
			content: "";
			grid-column: 1 / 4;
			grid-row: 1;
			height: min(75vh, 587px);
			background: var(--dummy);
			background-size: 50% auto;
			}
		#heroSlide dl:nth-child(n+2) {
			display: none;
			}
	#heroSlide dt {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		font-weight: 700;
		font-size: 24px;
		letter-spacing: 0.08em;
		text-align: center;
		z-index: 1;
		}
		#heroSlide:has(.slick-dots) dt{
			margin-bottom: 40px;
			}
	#heroSlide dd {
		grid-column: 1 / 4;
		grid-row: 1;
		}
		#heroSlide dd:has(a) {
			display: contents;
			}
		#heroSlide dd img {
			height: min(75vh, 587px);
			object-fit: cover;
			}
		#heroSlide dd a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	#heroSlide .slick-list {
		grid-column: 1 / 6;
		grid-row: 1 / 3;
		}
	#heroSlide .slick-arrow {
		all: unset;
		position: relative;
		grid-row: 2;
		align-self: center;
		aspect-ratio: 1;
		width: 24px;
		background: var(--color-theme);
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		}
		#heroSlide .slick-arrow:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 0 10 10" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="3 2 6 5 3 8"/></svg>') center no-repeat;
			-webkit-mask-size: 10px;
			}
	#heroSlide .slick-prev {
		grid-column: 2;
		justify-self: end;
		}
		#heroSlide .slick-prev:before {
			transform: scale(-1, 1);
			}
	#heroSlide .slick-next {
		grid-column: 4;
		}
	#heroSlide .slick-dots {
		grid-column: 3;
		grid-row: 2;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		grid-gap: 16px 24px;
		margin: 0 24px;
		padding: 24px 0;
		z-index: 1;
		}
		#heroSlide .slick-dots:has(li:only-child) {
			visibility: hidden;
			}
		#heroSlide .slick-dots li {
			aspect-ratio: 1;
			width: 8px;
			border: 1px solid currentColor;
			border-radius: 100%;
			overflow: hidden;
			}
			#heroSlide .slick-dots li.slick-active {
				background: currentColor;
				}
		#heroSlide .slick-dots button {
			all: unset;
			opacity: 0;
			}
	@media (min-width: 576px) {
		#heroSlide dl:not(:has(img)):before {
			height: min(66.66vw, 864px);
			}
		#heroSlide dd img {
			height: min(66.66vw, 864px);
			}
		}
	@media (min-width: 992px) {
		#heroSlide {
			grid-template-columns: 40px 1fr auto 1fr 40px;
			}
		#heroSlide dl {
			grid-template-columns: 40px auto 40px;
			}
		#heroSlide dt {
			font-size: 48px;
			margin-bottom: 40px;
			}
		#heroSlide .slick-dots{
			padding: 40px 0;
			}
		}

#heroMovie {
	position: relative;
	height: min(75vh, 587px);
	overflow: hidden;
	}
	#heroMovie [class^="moviePlayer_"] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: center center !important;
		background-attachment: inherit !important;
		background-size: cover !important;
		pointer-events: none;
		}
		#heroMovie .inline-YTPlayer,
		#heroMovie .ytp {
			position: static !important;
			}
		#heroMovie .playerBox {
			top: 50% !important;
			left: 50% !important;
			margin: 0 !important;
			transform: translate(-50%, -50%);
			}
	@media (min-width: 576px) {
		#heroMovie {
			height: min(66.66vw, 864px);
			}
		}

#merit {
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-bottom: 48px;
	padding: 64px 0;
	background: #fff;
	}
	#merit:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 64px;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1600 184"><path d="M1600,21.87C1066.67-79.17,533.33,208.4,0,107.36v76.64h1600V21.87Z"/></svg>') center no-repeat;
		-webkit-mask-size: cover;
		background: #fff;
		transform: translateY(99%) rotate(180deg);
		}
	#merit > * {
		grid-column: 2;
		z-index: 1;
		}
	#merit h2 {
		display: grid;
		justify-items: center;
		font-weight: 700;
		font-size: 24px;
		text-align: center;
		letter-spacing: 0.08em;
		}
		#merit h2:before {
			content: "Reason for choosing";
			color: #cebc75;
			font-weight: 900;
			font-size: 14px;
			font-family: "Oswald", sans-serif;
			letter-spacing: 0.05em;
			}
		#merit h2:after {
			content: "";
			order: -1;
			aspect-ratio: 1;
			width: 48px;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M25.28,19.96c2.02,0,3.87-.83,5.2-2.15,1.33-1.32,2.15-3.17,2.15-5.2,0-2.02-.83-3.88-2.15-5.2-1.32-1.33-3.18-2.16-5.2-2.15-2.02,0-3.87.83-5.2,2.15-1.33,1.32-2.15,3.18-2.15,5.2,0,2.02.83,3.87,2.15,5.2,1.32,1.33,3.18,2.16,5.2,2.15ZM23.07,10.4c.57-.57,1.34-.91,2.21-.92.87,0,1.64.35,2.21.92.57.57.91,1.34.92,2.21,0,.87-.35,1.64-.92,2.21-.57.57-1.34.91-2.21.92-.87,0-1.64-.35-2.21-.92-.57-.57-.91-1.34-.92-2.21,0-.87.35-1.64.92-2.21ZM9.17,19.96c2.02,0,3.87-.83,5.2-2.15,1.33-1.32,2.15-3.17,2.15-5.2s-.83-3.88-2.15-5.2c-1.32-1.33-3.18-2.15-5.2-2.15-2.02,0-3.87.83-5.2,2.15-1.33,1.32-2.15,3.17-2.15,5.2,0,2.02.83,3.87,2.15,5.2,1.32,1.33,3.18,2.16,5.2,2.15ZM6.96,10.4c.57-.57,1.34-.91,2.21-.92.87,0,1.64.35,2.21.92.57.57.91,1.34.91,2.21s-.35,1.64-.91,2.21c-.57.57-1.34.91-2.21.92-.87,0-1.64-.35-2.21-.92-.57-.57-.91-1.34-.92-2.21,0-.87.35-1.64.92-2.21ZM45.35,22.24c-.52-.32-1.12-.48-1.72-.48-.54,0-1.08.13-1.58.4l-6.62,3.53v4.19l7.84-4.18v12.5l-7.84-4.19v4.19l6.62,3.53c.5.27,1.04.4,1.58.4.59,0,1.19-.16,1.72-.48,1-.61,1.62-1.7,1.62-2.87v-13.67c0-1.18-.62-2.27-1.63-2.87ZM29.12,21.15H5.15c-1.13,0-2.18.46-2.92,1.21-.74.74-1.21,1.78-1.21,2.92v13.35c0,1.13.46,2.18,1.21,2.92.74.74,1.78,1.21,2.92,1.21h23.97c1.13,0,2.18-.46,2.92-1.21.74-.74,1.21-1.78,1.21-2.92v-13.35c0-1.13-.46-2.18-1.21-2.92-.74-.74-1.78-1.21-2.92-1.21ZM29.42,38.92c-.08.08-.18.12-.3.12H5.15c-.12,0-.22-.04-.3-.12-.08-.08-.12-.18-.13-.3v-13.35c0-.12.05-.22.13-.3.08-.08.18-.12.3-.12h23.97c.12,0,.22.05.3.12.08.08.12.18.13.3v13.35h0c0,.12-.05.22-.13.3Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
		#merit h2 span {
			display: contents;
			color: var(--color-theme);
			}
	#merit h2+div {
		display: grid;
		align-items: start;
		grid-gap: 40px 24px;
		margin-top: 56px;
		}
	#merit section {
		counter-increment: count;
		position: relative;
		display: grid;
		grid-row-gap: 8px;
		padding-top: 20px;
		}
		#merit section:after {
			content: "";
			order: -1;
			position: absolute;
			left: 0;
			width: 100%;
			height: 100%;
			background: #b5d9e9;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78 78"><path d="M12.19,50.34V12.8h53.62v37.54h12.19V0h-12.19v5.48H12.19V0H0v50.34h12.19ZM69.47,5.48h4.88v6.09h-4.88v-6.09ZM69.47,17.67h4.88v6.09h-4.88v-6.09ZM69.47,29.86h4.88v6.09h-4.88v-6.09ZM69.47,42.05h4.88v6.09h-4.88v-6.09ZM3.66,5.48h4.88v6.09H3.66v-6.09ZM3.66,17.67h4.88v6.09H3.66v-6.09ZM3.66,29.86h4.88v6.09H3.66v-6.09ZM3.66,42.05h4.88v6.09H3.66v-6.09Z"/></svg>') center top no-repeat;
			-webkit-mask-size: 78px;
			}
		#merit section:not(:has(img)):before {
			content: "";
			grid-row: 2;
			aspect-ratio: 3 / 2;
			background: var(--dummy);
			background-size: 50% auto;
			border-radius: 16px;
			transition: opacity 0.2s ease-out;
			}
		#merit section:has(a):hover:before ,
		#merit section:has(a):hover img {
			opacity: 0.8;
			}
	#merit h3 {
		display: grid;
		grid-row-gap: 8px;
		margin-bottom: 8px;
		color: inherit;
		font-weight: 700;
		font-size: 20px;
		letter-spacing: 0.03em;
		text-align: center;
		z-index: 1;
		}
		#merit h3:before ,
		#merit h3:after {
			color: var(--color-theme);
			font-weight: 700;
			line-height: 1;
			}
		#merit h3:before {
			content: counter(count);
			font-size: 39px;
			font-family: "Gothic A1", sans-serif;
			}
		#merit h3:after {
			content: "point";
			order: -1;
			font-size: 12px;
			font-family: "Oswald", sans-serif;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			}
	#merit figure {
		grid-row: 2;
		}
	#merit img {
		aspect-ratio: 3 / 2;
		object-fit: cover;
		border-radius: 16px;
		transition: opacity 0.2s ease-out;
		}
	@media (min-width: 768px) {
		#merit h2+div {
			grid-template-columns: repeat(3, 1fr);
			}
		}
	@media (min-width: 992px) {
		#merit {
			margin-bottom: 152px;
			}
		#merit:before {
			height: 120px;
			}
		#merit h2{
			font-size: 38px;
			}
		#merit h2+div {
			column-gap: 56px;
			}
		#merit h3 {
			font-size: 24px;
			}
		}
	@media (min-width: 1200px) {
		#merit:before {
			height: 184px;
			}
		}

#contents {
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: 64px;
	padding-bottom: calc(64px + min(7.4vw, 120px));
	overflow: hidden;
	}
	#contents:after {
		content: "FILM COMMISSION";
		position: absolute;
		bottom: 0;
		left: 50%;
		color: #fff;
		font-family: "Gothic A1", sans-serif;
		font-size: min(7.4vw, 120px);
		letter-spacing: 0.28em;
		text-indent: 0.2em;
		text-align: center;
		line-height: 1;
		white-space: nowrap;
		transform: translate(-50%, 10%);
		}
	#contents > *{
		grid-column: 2;
		}
	#contents article {
		display: grid;
		grid-gap: 16px 32px;
		}
		#contents article h2 {
			font-weight: 700;
			font-size: 24px;
			letter-spacing: 0.03em;
			}
		#contents article h2 + div + div {
			display: grid;
			grid-gap: 16px 24px;
			margin-top: 16px;
			}
			#contents article h2 + div + div a {
				display: grid;
				grid-template-columns: 1fr 18px;
				justify-self: center;
				align-items: center;
				grid-gap: 16px;
				width: min(100%, 240px);
				min-height: 48px;
				padding: 4px 16px;
				background: #fff;
				border: 1px solid currentColor;
				border-radius: 32px;
				color: inherit;
				font-size: 14px;
				letter-spacing: 0.05em;
				text-align: center;
				text-decoration: none;
				}
				#contents article h2 + div + div a:before ,
				#contents article h2 + div + div a:after {
					content: "";
					grid-column: 2;
					grid-row: 1;
					aspect-ratio: 1;
					}
				#contents article h2 + div + div a:before {
					background: currentColor;
					border-radius: 100%;
					}
				#contents article h2 + div + div a:after {
					background: white;
					-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M18.31,11.9l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H7.43c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
					-webkit-mask-size: contain;
					}
		#contents article figure {
			order: -1;
			}
		#contents article img {
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: 16px;
			}
	@media (min-width: 768px) {
		#contents article {
			grid-template-columns: repeat(2, 1fr);
			}
			#contents article.right figure {
				grid-column: 2;
				}
		#contents article h2 {
			align-self: end;
			}
		#contents article h2 + div + div {
			align-self: start;
			}
		#contents article figure {
			grid-row: 1 / 4;
			align-self: start;
			}
		}
	@media (min-width: 992px) {
		#contents {
			grid-row-gap: 96px;
			}
		#contents article {
			column-gap: 72px;
			}
		#contents article h2 {
			font-size: 30px;
			}
		#contents article h2 + div + div a {
			grid-template-columns: 1fr 25px;
			width: 280px;
			min-height: 64px;
			border-radius: 32px;
			font-size: inherit;
			}
		}


#news {
	justify-self: center;
	position: relative;
	display: grid;
	width: min(var(--wrap-fit), 1100px);
	margin: 64px auto 80px auto;
	padding: 32px 24px;
	}
	#news:before ,
	#news:after {
		content: "";
		position: absolute;
		z-index: -1;
		}
	#news:before {
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		background: #fff;
		opacity: 0.5;
		transform: translate(-50%, 80px);
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 509.92 509.92"><path d="M496.92,348.91l-136.85-136.85,12.44-12.44,108.86-108.86,12.44-12.44,16.11,16.11V29.12l-5.23-5.23,5.23-5.23V0l-14.56,14.56-22.55,22.55-22.55,22.55-108.86,108.86-199.06,199.06-108.86,108.86L0,509.92h18.66l8.6-8.6,8.6,8.6h26.34l2.38-2.38,108.86-108.86,12.44-12.44,123.68,123.68h65.32l-10.16-10.16,15.55-15.55,12.44,12.44-13.27,13.27h18.66l111.8-111.8v-18.66l-8.34,8.34-12.44-12.44,14-14,6.78,6.78v-32.23l-.56.56-12.44,12.44ZM489.14,39.44l12.44,12.44-14,14-12.44-12.44,14-14ZM459.59,68.99l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM428.49,100.09l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM397.39,131.19l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM366.28,162.3l12.44,12.44-15.55,15.55-6.22-6.22-6.22-6.22,15.55-15.55ZM335.18,193.4l12.44,12.44-14,14-12.44-12.44,14-14ZM305.63,222.95l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM274.53,254.05l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM243.43,285.15l12.44,12.44-15.55,15.55-12.44-12.44,15.55-15.55ZM55.26,498.21l-6.22-6.22-6.22-6.22,15.55-15.55,12.44,12.44-15.55,15.55ZM86.36,467.11l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55ZM117.46,436l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55ZM148.57,404.9l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55ZM179.67,373.8l-12.44-12.44,14-14,12.44,12.44-14,14ZM196.77,331.81l15.55-15.55,12.44,12.44-15.55,15.55-6.22-6.22-6.22-6.22ZM355.4,490.43l-12.44,12.44-136.85-136.85,12.44-12.44,108.86-108.86,12.44-12.44,136.85,136.85-12.44,12.44-108.86,108.86ZM408.27,481.1l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55ZM439.38,450l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55ZM470.48,418.9l-12.44-12.44,15.55-15.55,12.44,12.44-15.55,15.55Z"/></svg>') right bottom no-repeat;
		-webkit-mask-size: contain;
		}
	#news:after {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 20px;
		filter: drop-shadow(0 0 5px rgba(70, 160, 200, 0.5));
		}
	#news h2 {
		grid-gap: 0 8px;
		margin-bottom: 16px;
		font-weight: 700;
		font-size: 20px;
		letter-spacing: 0.08em;
		text-align: center;
		}
		#news h2:before {
			content: attr(data-caption);
			grid-column: 1;
			grid-row: 1;
			display: grid;
			align-items: center;
			padding-bottom: 8px;
			height: 48px;
			background: #005BAC;
			color: #fff;
			font-size: 12px;
			letter-spacing: 0.1em;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225.43 69.42"><path d="M13.18,52.44C4.91,47.17-.46,37.74.03,27.1.7,12.48,12.6.64,27.22.03c6.84-.29,13.18,1.85,18.23,5.61,2.43,1.82,5.76,1.76,8.2-.05C58.37,2.08,64.23,0,70.58,0s12.21,2.08,16.94,5.59c2.46,1.83,5.8,1.83,8.26,0C100.51,2.08,106.37,0,112.71,0s12.21,2.08,16.94,5.59c2.46,1.83,5.8,1.83,8.26,0C142.64,2.08,148.51,0,154.85,0s12.21,2.08,16.94,5.59c2.44,1.81,5.76,1.86,8.2.05C185.03,1.87,191.37-.26,198.21.03c14.62.61,26.51,12.46,27.19,27.07.75,16.32-12.26,29.78-28.41,29.78-6.04,0-11.64-1.88-16.25-5.1-2.9-2.02-6.74-2.02-9.64,0-4.61,3.21-10.21,5.1-16.25,5.1s-11.64-1.88-16.25-5.1c-2.9-2.02-6.74-2.02-9.64,0-4.61,3.21-10.21,5.1-16.25,5.1s-11.64-1.88-16.25-5.1c-2.9-2.02-6.74-2.02-9.64,0-4.61,3.21-10.21,5.1-16.25,5.1s-11.64-1.88-16.25-5.1c-2.9-2.02-6.74-2.02-9.64,0-4.61,3.21-10.21,5.1-16.25,5.1-2.02,0-4-.21-5.9-.61C19.26,62.36,11.99,72.1,0,68.74c7.92-2.46,11.65-11.25,13.18-16.3Z"/></svg>') center top no-repeat;
			-webkit-mask-size: contain;
			}
	#news h2 + div {
		display: grid;
		}
	#news h2 + div:has(p) {
		align-self: center;
		min-height: 10em;
		align-content: center;
		}
	#news h2 + div +div {
		order: 1;
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
		grid-gap: 16px 24px;
		margin-top: 32px;
		}
		#news h2 + div +div a {
			display: grid;
			grid-template-columns: 1fr 18px;
			justify-self: center;
			align-items: center;
			grid-gap: 16px;
			width: min(100%, 240px);
			min-height: 48px;
			padding: 4px 16px;
			border: 1px solid currentColor;
			border-radius: 32px;
			color: inherit;
			font-size: 14px;
			letter-spacing: 0.05em;
			text-align: center;
			text-decoration: none;
			}
			#news h2 + div +div a:before,
			#news h2 + div +div a:after {
				content: "";
				grid-column: 2;
				grid-row: 1;
				aspect-ratio: 1;
				}
			#news h2 + div +div a:before {
				background: currentColor;
				border-radius: 100%;
				}
			#news h2 + div +div a:after {
				background: white;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M18.31,11.9l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H7.43c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}
	#news dl {
		position: relative;
		display: grid;
		grid-gap: 8px;
		padding: 24px 0 16px 0;
		border-bottom: 1px solid var(--color-border);
		}
		#news dl:last-child {
			border-color: currentColor;
			}
	#news dt {
		letter-spacing: 0.05em;
		}
		#news dt a {
			color: inherit;
			text-decoration: none;
			}
	#news dd {
		order: -1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 8px;
		}
		#news dd:has(a) {
			display: contents;
			}
		#news dd time {
			margin-right: 4px;
			font-size: 13px;
			letter-spacing: 0.05em;
			}
		#news dd ul {
			display: contents;
			}
		#news dd li {
			display: grid;
			align-items: center;
			min-width: 60px;
			height: 16px;
			padding: 0 8px;
			border: 0.5px solid currentColor;
			border-radius: 2px;
			font-size: 11px;
			line-height: 1;
			letter-spacing: 0.05em;
			text-align: center;
			}
			#news dd li.tagCheck {
				border: none;
				background: #4681b3;
				color: #fff;
				text-transform: uppercase;
				}
			#news dd li.tagNew {
				border: none;
				background: #cd5257;
				color: #fff;
				text-transform: uppercase;
				}
		#news dd a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			z-index: 1;
			}
	#news p{
		text-align: center;
		}
	@media (min-width: 576px) {
		#news h2 {
			font-size: 24px;
			}
			#news h2:before {
				height: 64px;
				padding-bottom: 12px;
				font-size: 16px;
				}
		#news h2 + div +div {
			grid-template-columns: repeat(2, 240px);
			}
		}
	@media (min-width: 992px) {
		#news {
			grid-template-columns: 280px 1fr;
			grid-template-rows: 1fr 1.5fr;
			column-gap: 48px;
			margin: 112px auto 120px auto;
			padding: 48px 40px;
			border-radius: 30px;
			}
			#news:before {
				transform: translate(-50%, 120px);
				}
		#news h2 {
			align-self: end;
			font-size: 32px;
			}
			#news h2:before {
				height: 72px;
				padding-bottom: 14px;
				font-size: 18px;
				}
		#news h2 +div {
			grid-column: 2;
			grid-row: 1 / 3;
			align-self: start;
			}
		#news h2 + div +div {
			grid-column: 1;
			grid-row: 2;
			align-self: start;
			display: grid;
			grid-template-columns: 1fr;
			margin-top: 16px;
			}
		#news h2 + div +div a {
			grid-template-columns: 1fr 25px;
			width: 280px;
			min-height: 64px;
			border-radius: 32px;
			font-size: inherit;
			}
		}
	@media (min-width: 1200px) {
		#news {
			grid-template-columns: 320px 1fr;
			column-gap: 48px;
			padding: 72px 56px 80px 48px;
			}
		}

#inquiry {
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 860px) 1fr;
	grid-row-gap: 64px;
	padding: 64px 0;
	background: #fff;
	}
	#inquiry > * {
		grid-column: 2;
		}
	#inquiry article {
		position: relative;
		display: grid;
		grid-row-gap: 24px;
		margin-top: 48px;
		padding: 24px;
		background: #fff;
		border: 2px solid var(--color-theme);
		border-radius: 16px;
		}
		#inquiry article:before ,
		#inquiry article:after {
			content: "";
			position: absolute;
			top: -48px;
			left: 50%;
			aspect-ratio: 1;
			width: min(50%, 240px);
			border-radius: 100%;
			transform: translateX(-50%);
			}
		#inquiry article:before {
			background: var(--color-theme);
			outline: 2px solid var(--color-theme);
			z-index: -10;
			}
		#inquiry article:after {
			background: #fff;
			}
		#inquiry article > *{
			z-index: 1;
			}
	#inquiry h2 {
		display: grid;
		justify-items: center;
		grid-gap: 0 8px;
		color: var(--color-theme);
		font-weight: 700;
		font-size: 20px;
		letter-spacing: 0.08em;
		text-align: center;
		}
		#inquiry h2:before {
			content: "";
			position: absolute;
			top: 0;
			left: 50%;
			aspect-ratio: 1;
			width: 52px;
			background: var(--color-theme);
			transform: translate(-50%, -50%);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><path d="M6.21,12.87c-.39,0-.71.32-.71.71v3.08l20.5,12.29,20.5-12.29v-3.08c0-.39-.32-.71-.71-.71H6.21ZM5.5,18.77v16.14l12.94-8.38-12.94-7.76ZM46.5,18.77l-12.94,7.76,12.94,8.38v-16.14ZM20.21,27.58l-14.71,9.53v1.31c0,.39.32.71.71.71h39.58c.39,0,.71-.32.71-.71h0v-1.31l-14.71-9.53-5.79,3.47-5.79-3.47Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
		#inquiry h2:has(span) {
			color: inherit;
			}
		#inquiry h2 span {
			display: contents;
			color: var(--color-theme);
			}
	#inquiry h2 + div {
		letter-spacing: 0.05em;
		}
		#inquiry h2 + div p + p {
			margin-top: 1em;
			font-weight: 700;
			font-size: 18px;
			}
	#inquiry h2 + div +div {
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
		grid-gap: 16px 24px;
		margin-top: 16px;
		}
		#inquiry h2 + div +div a {
			display: grid;
			grid-template-columns: 1fr 18px;
			justify-self: center;
			align-items: center;
			grid-gap: 16px;
			width: min(100%, 240px);
			min-height: 48px;
			padding: 4px 16px;
			border: 1px solid currentColor;
			border-radius: 32px;
			color: inherit;
			font-size: 14px;
			letter-spacing: 0.05em;
			text-align: center;
			text-decoration: none;
			}
			#inquiry h2 + div +div a:before ,
			#inquiry h2 + div +div a:after {
				content: "";
				grid-column: 2;
				grid-row: 1;
				aspect-ratio: 1;
				}
			#inquiry h2 + div +div a:before {
				background: currentColor;
				border-radius: 100%;
				}
			#inquiry h2 + div +div a:after {
				background: white;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path d="M18.31,11.9l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H7.43c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}
	@media (min-width: 992px) {
		#inquiry {
			grid-row-gap: 80px;
			padding: 120px 0 160px 0;
			}
		#inquiry h2 {
			font-size: 24px;
			}
		#inquiry article{
			padding: 40px 80px;
			}
		#inquiry h2 + div +div {
			align-self: start;
			display: grid;
			grid-template-columns: 1fr;
			margin-top: 16px;
			}
		#inquiry h2 + div +div a {
			grid-template-columns: 1fr 25px;
			width: 280px;
			min-height: 64px;
			border-radius: 32px;
			font-size: inherit;
			}
		}

#inquiryRecruiting {}
	#inquiryRecruiting h2:before {
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><path d="M26,30.93c-1.25,0-2.65.49-4.11,1.2-1.51.75-2.95,1.64-4.3,2.67-1.32,1-2.46,2.05-3.18,3.03-.36.44-.61.95-.74,1.5-.11.6.1,1.21.57,1.61.49.37,1.04.5,1.79.65.9.17,1.8.3,2.71.37,2.09.2,4.67.29,7.26.29s5.17-.1,7.26-.29c.91-.08,1.82-.2,2.71-.37.75-.15,1.31-.28,1.79-.65.47-.39.68-1.01.57-1.61-.13-.55-.38-1.06-.74-1.5-.72-.98-1.86-2.03-3.18-3.03-1.34-1.02-2.78-1.92-4.3-2.67-1.46-.71-2.86-1.2-4.11-1.2ZM26,32.54c.78,0,2.06.39,3.41,1.04,1.42.7,2.77,1.54,4.03,2.5,1.24.94,2.29,1.94,2.86,2.71.2.25.36.54.46.85,0,.03.01.01.02.02-.36.16-.74.28-1.12.35-.84.16-1.69.28-2.54.35-2.01.19-4.56.29-7.11.29s-5.09-.1-7.11-.29c-.85-.07-1.7-.19-2.54-.35-.39-.07-.76-.19-1.12-.35,0,0,0,0,.02-.02.1-.31.25-.6.46-.85.56-.77,1.62-1.76,2.86-2.71,1.26-.96,2.61-1.8,4.03-2.5,1.35-.65,2.63-1.04,3.41-1.04h0ZM39.82,26.36c-1.31,0-2.79.59-4.31,1.4-1.52.82-2.94,1.8-4.25,2.92-.34.29-.38.8-.09,1.14s.8.38,1.14.09c0,0,.01,0,.02-.01,1.21-1.04,2.53-1.95,3.94-2.71,1.4-.75,2.78-1.21,3.55-1.21.66,0,1.77.33,2.95.9,1.24.61,2.42,1.34,3.52,2.18.93.67,1.76,1.47,2.49,2.36.16.2.28.42.36.66-.37.14-.76.25-1.15.32-.73.13-1.69.24-2.79.32-2.19.16-4.91.21-7.43.15-.44-.02-.82.32-.84.76-.02.44.32.82.76.84.01,0,.03,0,.04,0,2.57.06,5.32,0,7.59-.16.99-.06,1.97-.18,2.95-.34.82-.15,1.4-.25,1.93-.65.44-.37.64-.95.54-1.51-.12-.5-.35-.96-.67-1.36-.81-1.02-1.76-1.92-2.81-2.68-1.18-.9-2.45-1.69-3.79-2.35-1.29-.63-2.53-1.06-3.65-1.06h0ZM12.18,26.36c-1.12,0-2.36.44-3.65,1.06-1.33.66-2.6,1.45-3.79,2.35-1.06.76-2,1.66-2.81,2.68-.32.4-.55.86-.67,1.36-.1.56.1,1.14.54,1.51.53.4,1.11.51,1.93.65.98.16,1.96.28,2.95.34,2.26.17,5.01.22,7.59.16.44,0,.81-.36.81-.8,0-.44-.36-.81-.8-.81-.01,0-.03,0-.04,0-2.52.06-5.24,0-7.43-.15-1.09-.08-2.06-.19-2.79-.32-.39-.07-.78-.17-1.15-.32.09-.24.21-.46.36-.66.72-.89,1.56-1.68,2.49-2.36,1.1-.84,2.28-1.57,3.52-2.18,1.17-.57,2.29-.9,2.95-.9.77,0,2.15.46,3.55,1.21,1.41.76,2.73,1.67,3.94,2.71.33.29.84.26,1.14-.08.29-.33.26-.84-.08-1.14h0c-1.3-1.13-2.73-2.11-4.25-2.92-1.52-.81-2.99-1.4-4.31-1.4h0ZM26,12.01c-4.98,0-9.01,4.04-9.02,9.01.03,4.98,4.08,8.99,9.06,8.97,4.94-.03,8.94-4.03,8.97-8.97,0-4.98-4.04-9.01-9.02-9.01h0ZM26,13.62c4.08,0,7.4,3.3,7.4,7.38,0,0,0,.02,0,.02,0,4.09-3.32,7.4-7.41,7.4-4.09,0-7.4-3.31-7.4-7.4,0-4.08,3.3-7.4,7.38-7.4,0,0,.01,0,.02,0h0ZM39.82,9.74c-2.74,0-5.29,1.4-6.76,3.71-.24.38-.13.87.25,1.11h0c.38.24.87.13,1.11-.25,0,0,0,0,0,0,1.17-1.85,3.21-2.97,5.4-2.97,3.53,0,6.39,2.85,6.4,6.37,0,0,0,.02,0,.03,0,3.53-2.85,6.39-6.37,6.4,0,0-.01,0-.02,0h0c-1.15,0-2.28-.32-3.27-.91-.38-.23-.88-.1-1.1.28-.23.38-.1.88.28,1.1,1.24.74,2.65,1.14,4.1,1.14h0c4.42,0,8-3.59,8.01-8.01,0-4.42-3.59-8-8.01-8.01h0ZM12.18,9.74c-4.42,0-8,3.59-8.01,8.01,0,4.42,3.59,8,8.01,8.01h0c1.44,0,2.86-.4,4.1-1.14.38-.23.51-.72.28-1.1-.23-.38-.72-.51-1.1-.28,0,0,0,0,0,0-.99.59-2.12.91-3.27.91-3.53,0-6.39-2.85-6.4-6.37,0,0,0-.02,0-.02,0-3.53,2.85-6.39,6.37-6.4,0,0,.02,0,.02,0,2.19,0,4.22,1.12,5.39,2.97.24.38.74.49,1.11.25.38-.24.49-.74.25-1.11h0c-1.47-2.31-4.01-3.71-6.75-3.72h0Z"/></svg>');
		}











