/* CSS Document */

#pagePath{
	display: none;
}

#main{
	&:has(#alert){
		display: contents;
	}
	#alert{
		order: -100;
		z-index: 1000;
	}
}

#introLink,
#themeLink,
#recommendLink{
	display: flex;
	justify-content: center;
	& a{
		display: grid;
		grid-template-columns: 1fr 1em;
		align-items: center;
		column-gap: 8px;
		min-width: clamp(200px, calc(248 / 768 * 100vw), 248px);
		min-height: clamp(96px, calc(120 / 768 * 100vw), 120px);
		padding: 8px clamp(24px, calc(32 / 768 * 100vw), 32px);
		background: #fff;
		border: 2px solid #243124;
		border-radius: 100%;
		color: #41583F;
		font: 600 clamp(18px, calc(23 / 768 * 100vw), 23px) var(--font-min);
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 2 / 1;
			width: clamp(24px, calc(32 / 768 * 100vw), 32px);
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="0 8 31 8 20 1"/></svg>') no-repeat center / contain;
		}
	}
}

#alert{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	background: #DCE2DC;
	padding: clamp(24px, calc(32 / 768 * 100vw), 32px) 0;
	display: grid;
	grid-row-gap: 24px;
	& dl{
		display: grid;
		grid-gap: 8px 24px;
		@media (min-width: 992px) {
			grid-template-columns: 1fr auto;
			& dt{
				align-self: end;
			}
			& dd:has(a){
				grid-column: 2;
				grid-row: 1 / 3;
			}
		}

	}
	& dt{
		color: var(--color-theme);
		font: 500 clamp(18px, calc(20 / 768 * 100vw), 20px) var(--font-min);
		text-wrap: balance;
	}
	& dd:not(:has(a)){
		color: #707070;
		font-weight: 600;
	}
	& dd:has(a){
		display: flex;
		justify-content: center;
		& a{
			display: grid;
			grid-template-columns: 1fr 1em;
			align-items: center;
			column-gap: 8px;
			min-width: clamp(160px, calc(200 / 768 * 100vw), 200px);
			min-height: clamp(64px, calc(80 / 768 * 100vw), 80px);
			padding: 8px clamp(16px, calc(24 / 768 * 100vw), 24px);
			background: #fff;
			border: 2px solid #243124;
			border-radius: 100%;
			color: #41583F;
			font-weight: 600;
			font-family: var(--font-min);
			text-align: center;
			text-decoration: none;
			&:after{
				content: "";
				aspect-ratio: 2 / 1;
				width: clamp(16px, calc(24 / 768 * 100vw), 24px);
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="0 8 31 8 20 1"/></svg>') no-repeat center / contain;
			}
		}
	}
}

#hero{
	overflow: hidden;
	background: #fff;
	& dl{
		position: relative;
		display: grid;
		grid-template-columns: 1fr min(var(--wrap-fit), 1320px) 1fr;
		grid-template-rows: auto 1fr;
		&:nth-child(n+2){
			opacity: 0.5;
		}
	}
	& dt{
		align-self: center;
		justify-self: end;
		grid-column: 2;
		width: min(100%, 1200px);
		margin: clamp(16px, calc(40 / 768 * 100vw), 40px) 0;
		color: var(--color-theme);
		font: 500 clamp(18px, calc(20 / 768 * 100vw), 20px) var(--font-min);
		text-wrap: balance;
	}
	& dd{
		position: relative;
		grid-column: 1 / 4;
		grid-row: 1;
		height: clamp(490px, calc(650 / 1200 * 100vw), 650px);
		overflow: hidden;
		&:has(a){
			display: contents;
		}
		&:has(iframe){
			height: clamp(220px, calc(650 / 1200 * 100vw), 650px);
		}
		& img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		& figure{
			position: relative;
			padding-top: 56.25%;
		}
		& iframe{
			position: absolute;
			top: 50%;
			left: 50%;
			aspect-ratio: 16 / 9;
			width: 120%;
			height: 120%;
			transform: translate(-50%, -50%);
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	.slide{
		display: grid;
		& dl{
			grid-column: 1;
			grid-row: 1;
			&:nth-child(n+2){
				visibility: hidden;
			}
		}
	}
	.slick-slider{
		display: grid;
		grid-template-columns: auto 1fr auto;
		grid-template-rows: clamp(490px, calc(650 / 1200 * 100vw), 650px) clamp(40px, calc(56 / 768 * 100vw), 56px);
		& dt{
			display: grid;
			align-items: center;
		}
		.slick-list{
			grid-column: 1 / 4;
			grid-row: 1 / 4;
		}
		.slick-arrow{
			grid-row: 3;
		}
		.slick-dots{
			grid-row: 2;
		}
		&:has(iframe){
			grid-template-rows: clamp(220px, calc(650 / 1200 * 100vw), 650px) clamp(40px, calc(56 / 768 * 100vw), 56px);
		}
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		aspect-ratio: 1;
		width: 48px;
		border-radius: 100%;
		color: var(--color-theme);
		font-size: 0;
		overflow: hidden;
		z-index: 1;
		&: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 0 24 24" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="6 2 16 12 6 22"/></svg>') no-repeat center / 50%;
		}
		.slick-prev&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-dots{
		display: flex;
		justify-content: center;
		align-items: center;
		grid-gap: 8px;
		margin: 0 24px;
		z-index: 1;
		& li{
			grid-row: 1;
			display: grid;
			width: min(100%, 48px);
			height: 1em;
		}
		& button{
			position: relative;
			display: grid;
			font-size: 0;
			&:before{
				content: "";
				position: absolute;
				top: 50%;
				left: 0;
				width: 100%;
				height: 2px;
				background: #707070;
				transform: translateY(-50%);
			}
			.slick-active &:before{
				background: #000;
			}
		}
	}
	@media (max-width: 991.98px) {
		.slick-slider{
			margin-bottom: clamp(16px, calc(32 / 768 * 100vw), 32px);
			& dl{
				grid-row-gap: clamp(40px, calc(56 / 768 * 100vw), 56px);
			}
			& dt{
				width: calc(100% - clamp(72px, calc(120 / 768 * 100vw), 120px));
				min-height: clamp(24px, calc(48 / 768 * 100vw), 48px);
				margin: 0 auto;
			}
		}
		.slick-track{
			display: flex;
		}
		.slick-slide{
			display: grid;
			float: none;
			height: auto;
		}
		.slick-arrow{
			align-self: center;
			width: clamp(24px, calc(48 / 768 * 100vw), 48px);
			margin: 0 16px;
			background: #707070;
		}
		.slick-prev{
			grid-column: 1;
		}
		.slick-next{
			grid-column: 3;
		}
		.slick-dots{
			grid-column: 1 / 4;
		}
	}
	@media (min-width: 992px) {
		.slick-slider{
			dt{
				min-height: 64px;
				margin: 40px 0;
				padding-right: 144px;
			}
		}
		.slick-slider{
			grid-template-columns: 1fr min(var(--wrap-fit), 1320px) 1fr;
		}
		.slick-arrow{
			justify-self: end;
			grid-column: 2;
		}
		.slick-prev{
			transform: translateX(-200%);
		}
		.slick-dots{
			grid-column: 2;
			justify-self: end;
			& li{
				width: 48px;
			}
		}
	}

}

#intro{
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 1300px) 1fr;
	padding-bottom: 120px;
	background: #DCE2DC;
	overflow: hidden;
	&:before{
		content: "";
		grid-column: 1 / 4;
		grid-row: 1 / 4;
	}
	&>*{
		grid-column: 2;
		z-index: 1;
	}
	& h2{
		grid-row: 2;
		display: grid;
		align-content: end;
		text-align: right;
		font: 500 clamp(50px, calc(85 / 768 * 100vw), 85px) 'eb-garamond', var(--font-min);
		line-height: 1;
		& span:nth-child(1){
			font-size: clamp(55px, calc(85 / 768 * 100vw), 85px);
		}
		& span:nth-child(2){
			font-size: clamp(55px, calc(75 / 768 * 100vw), 75px);
		}
		& span:nth-child(3){
			font-size: clamp(59px, calc(110 / 768 * 100vw), 110px);
		}
	}
	& h2+div{
		grid-row: 3;
		display: grid;
		align-content: start;
		grid-row-gap: 1.875em;
		margin: clamp(32px, calc(56 / 768 * 100vw), 56px) 0 clamp(32px, calc(96 / 768 * 100vw), 96px) 0;
		letter-spacing: 0.06em;
		line-height: 1.875em;
	}
	#introLink{
		order: 1;
		margin-top: 64px;
	}
	#introMap{
		grid-column: 1 / 4;
		& img[src="[url]"]{
			aspect-ratio: 2 / 1;
		}
	}
	@media (max-width: 991.98px) {
		grid-template-rows: clamp(240px, 75dvw, 480px);
		&:before{
			aspect-ratio: 10 / 11;
			background: url("/images/ml.introMap.sp.svg") no-repeat center top/ 100% auto;
			transform-origin: center top;
			transform: scale(2) translate(-15%, -23%);
		}
		& h2{
			letter-spacing: 0.055em;
			& span:nth-child(3){
				letter-spacing: 0.059em;
			}
		}
		#introTraffic{
			order: 1;
		}
		#introMap{
			margin-bottom: 32px;
		}
	}
	@media (min-width: 992px) {
		grid-template-rows: 100px 1fr auto;
		&:before{
			background: url("/images/ml.introMap.pc.svg") no-repeat center top / 100% auto;
			transform: scale(1.5) translate(-20%, -5%);
		}
		& h2,
		& h2+div{
			width: min(50%, 600px);
			justify-self: end;
		}
		& h2+div{
			font-family: 'avenir-lt-pro', var(--font);
		}
	}
	@media (min-width: 1200px) {
		&:before{
			min-height: 960px;
			background: url("/images/ml.introMap.pc.svg") no-repeat center bottom / 1366px auto, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"><rect fill="%23445443" width="100%" height="100%"/></svg>') no-repeat left center / calc(50vw - min(50%, 683px) + 1px) 100%;
			transform-origin: center bottom;
			transform: scale(1) translate(-240px, 0);
		}
	}
}

#introTraffic{
	display: grid;
	grid-row-gap: 32px;
	& h3{
		display: grid;
		grid-template-columns: auto 1fr auto;
		column-gap: 8px;
		font: 700 20px 'eb-garamond', var(--font-min);
		&:before,
		&:after{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
		}
		&:before{
			width: 20px;
			background: #646464;
			transform: translateY(0.25em);
			-webkit-mask: var(--logoMark) no-repeat center / contain;
		}
		&:after{
			width: 32px;
			background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,16.97c.69-.01,1.23-.58,1.22-1.26s-.58-1.23-1.26-1.22c-.69.01-1.23.58-1.22,1.26,0,.32.14.63.36.86.24.24.56.37.9.36ZM18.09,3.49c-1.96-.63-4.03-.9-6.09-.78-2.06-.11-4.11.16-6.07.8-1.12.37-1.87,1.42-1.85,2.6v10.31c-.02.87.33,1.71.95,2.31.61.62,1.45.97,2.32.95l-1.7,1.13v.53h12.71v-.52l-1.7-1.13s.03,0,.04,0c1.79-.01,3.23-1.47,3.22-3.26V6.1c.03-1.18-.71-2.24-1.83-2.61ZM7.28,4.26c1.55-.33,3.14-.47,4.72-.42,1.6-.05,3.21.09,4.78.42,1.07.28,1.71.72,1.92,1.32H5.33c.23-.59.88-1.03,1.95-1.32ZM18.79,16.41h0c0,1.18-.96,2.14-2.13,2.13H7.34c-.57,0-1.11-.22-1.51-.62-.41-.4-.63-.94-.62-1.51v-3.53h13.58v3.53ZM18.79,11.75H5.21v-5.05h13.58v5.05Z"/></svg>') no-repeat center / 24px;
			border: 1px solid currentColor;
			border-radius: 100%;
		}
		section:nth-child(n+2) &:after{
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.07,16.48h10.85v-1.57h-10.85c-.71,0-1.3-.52-1.41-1.2h9.28l2.98-1.47v-1.29l-3.25,1.6H6.99s.07-.09.11-.12l1.85-1.71h4.59c.1-.02.17-.11.16-.2v-1.99c0-.1-.06-.19-.16-.2h-2.02l1.39-1.29c.45-.42,1.05-.66,1.67-.65h4.34v-1.57h-4.34c-1.02,0-1.99.38-2.74,1.07l-5.82,5.39c-1.22,1.13-1.29,3.02-.16,4.24.57.61,1.37.96,2.2.96ZM18.93,17.7H6.24c-.41-.02-.75.3-.77.71-.01.41.3.75.71.77.02,0,.04,0,.05,0h12.69v-1.48Z"/></svg>');
		}
	}
	& h3+div{
		margin-top: 16px;
	}
	& ul{
		display: grid;
	}
	& li{
		&:nth-child(odd){
			display: grid;
			align-items: center;
			min-height: 40px;
			padding: 8px 24px;
			background: #fff;
			border: 1px solid #243124;
			border-radius: 24px;
			font-weight: 600;
			font-size: 17px;
			text-align: center;
			letter-spacing: 0.06em;
		}
		&:nth-child(even){
			position: relative;
			display: grid;
			padding: 24px 0;
			grid-template-columns: 48px 1fr 50%;
			letter-spacing: 0.05em;
			&:before{
				content: "";
				justify-self: center;
				width: 16px;
				margin: -24px 0;
				background: currentColor;
				transform: translateX(8px);
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-width: 1px;"><polyline points="8 16 4 10"/></svg>') no-repeat center bottom / 16px, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-width: 1px;"><polyline points="8 0 8 16"/></svg>') repeat-y center / 16px;
			}
			& span{
				font-weight: 600;
				font-size: 15px;
				letter-spacing: 0.06em;
			}
		}
	}
	@media (min-width: 768px) {
		display: none;
	}
}

#theme{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1360px);
	justify-content: center;
	padding: clamp(120px, calc(200 / 1200 * 100vw), 200px) 0;
	background: linear-gradient(transparent, rgba(255, 255, 255, 0.7) 0%), url("/images/ml.pattern.webp");
	background-color: #f2f2f2;
	overflow: hidden;
	& h2{
		color: var(--color-theme);
		font: 600 clamp(40px, calc(60 / 768 * 100vw), 60px) var(--font-min);
		letter-spacing: 0.03em;
		text-align: center;
	}
	#themeList{
		margin-top: 48px;
	}
	#themeLink{
		margin-top: clamp(32px, calc(56 / 1200 * 100vw), 56px);
	}
	.slide{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
		grid-gap: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	}
	.slick-slider{
		grid-template-columns: auto 1fr auto;
		&:before{
			content: "";
			grid-column: 1 / 4;
			grid-row: 1;
			aspect-ratio: 1;
			margin: 0 clamp(8px, calc(12 / 1200 * 100vw), 12px);
		}
		.slick-list{
			grid-column: 1 / 4;
			grid-row: 1 / 3;
		}
		.slick-arrow{
			grid-row: 1;
			align-self: center;
		}
		.slick-prev{
			grid-column: 1;
		}
		.slick-next{
			grid-column: 3;
		}
		@media (min-width: 576px) {
			&:before{
				width: calc(50% - clamp(16px, calc(24 / 1200 * 100vw), 24px));
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc(33.33% - clamp(16px, calc(24 / 1200 * 100vw), 24px));
			}
		}
	}
	.slick-list{
		overflow: visible;
	}
	.slick-slide{
		margin: 0 clamp(8px, calc(12 / 1200 * 100vw), 12px);
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		aspect-ratio: 1;
		width: clamp(32px, calc(64 / 1200 * 100vw), 64px);
		background: var(--color-theme);
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		overflow: hidden;
		z-index: 1;
		&: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 0 24 24" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="8 2 18 12 8 22"/></svg>') no-repeat center / 50%;
		}
		.slick-prev&:before{
			transform: scale(-1, 1);
		}
	}
}

#themeList{
	@media (min-width: 1400px) {
		overflow: hidden;
	}
	& section{
		position: relative;
		display: grid;
		grid-template-columns: 0 1fr 0;
		grid-gap: clamp(16px, calc(24 / 1200 * 100vw), 24px) clamp(24px, calc(32 / 1200 * 100vw), 32px);
		&:not(:has(img)):before{
			content: "";
			grid-column: 1 / 4;
			grid-row: 1;
			aspect-ratio: 1;
			background: var(--dummy);
		}
		& h3,
		& p{
			grid-column: 2;
		}
		& figure{
			grid-column: 1 / 4;
			grid-row: 1;
			& img{
				aspect-ratio: 1;
			}
		}
	}
	& h3{
		color: var(--color-theme);
		font: 600 clamp(24px, calc(32 / 768 * 100vw), 32px) var(--font-min);
		letter-spacing: 0.031em;
		text-align: center;
	}
	& h3+div{
		display: contents;
		& p{
			color: #707070;
			font-weight: 600;
			font-size: clamp(16px, calc(17 / 768 * 100vw), 17px);
			@media (min-width: 992px) {
				font-family: var(--font-min);
			}
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		& img{
			object-fit: cover;
		}
	}
}

#rdj{
	& figure{
		position: relative;
		display: grid;
		grid-template-columns: var(--wrap);
		justify-content: center;
		padding: clamp(72px, calc(144 / 1200 * 100vw), 144px) 0 clamp(304px, calc(640 / 1200 * 100vw), 640px) 0;
		color: #A7A7A7;
		z-index: -10;
		& img{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 70% center;
		}
		& figcaption{
			font: 600 min(12.4vw, 160px) 'garamond-premier-pro', serif;
			letter-spacing: 0.05em;
			z-index: 1;
			&:lang(zh-tw){
				font-family: var(--font-min);
			}
		}
	}
}

#recommend{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1360px);
	justify-content: center;
	padding: clamp(112px, calc(192 / 1200 * 100vw), 192px) 0 clamp(120px, calc(200 / 1200 * 100vw), 200px) 0;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="white" opacity="0.83"><rect width="10" height="10"/></svg>'), url("/images/ml.pattern.webp");
	background-color: #f2f2f2;
	& h2{
		color: var(--color-theme);
		font: 600 clamp(57px, calc(60 / 768 * 100vw), 60px) var(--font-min);
	}
	#recommendList{
		margin-top: 32px;
		@media (min-width: 576px) {
			margin-top: 24px;
		}
	}
	#recommendLink{
		margin-top: 56px;
	}
}

#recommendList{
	display: grid;
	grid-gap: 24px 16px;
	@media (min-width: 576px) {
		grid-template-columns: repeat(3, 1fr);
		& section:nth-child(-n+2){
			grid-column: 1 / 4;
			grid-row: 1;
			width: calc(50% - 8px);
		}
		& section:nth-child(1){}
		& section:nth-child(2){
			justify-self: end;
		}
	}
	& section{
		position: relative;
		display: grid;
		align-content: start;
		grid-gap: 16px;
		&:not(:has(img)):before{
			content: "";
			grid-column: 1;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			background: var(--dummy);
		}
		&:nth-child(-n+2){
			&:before,
			& img{
				aspect-ratio: 2 / 1;
			}
		}
		& figure{
			grid-column: 1;
			grid-row: 1;
			& img{
				aspect-ratio: 3 / 2;
			}
		}
		@media (max-width: 575.98px) {
			&:nth-child(-n+2){
				&:before,
				& figure{
					margin: 0 -24px;
				}
			}
		}
	}
	& h3{
		color: #707070;
		font-weight: 600;
		@media (min-width: 992px) {
			font-weight: 800;
			font-family: 'avenir-lt-pro', var(--font);
		}
	}
	& h3+div{
		display: contents;
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		& img{
			object-fit: cover;
		}
	}
}

#sns{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 920px);
	justify-content: center;
	padding: clamp(112px, calc(192 / 1200 * 100vw), 192px) 0 clamp(120px, calc(200 / 1200 * 100vw), 200px) 0;
	background: #B5B5B5;
	color: var(--color-theme);
	display: none;
	@media (max-width: 991.98px) {
		#snsLink{
			margin-top: 40px;
		}
	}
	@media (min-width: 992px) {
		& h2,
		#snsLink{
			grid-column: 1;
			grid-row: 1;
		}
		& h2{
			margin-right: 240px;
		}
		#snsLink{
			justify-self: end;
			align-self: center;
		}
	}
	& h2{
		display: grid;
		color: var(--color-theme);
		font: 600 clamp(36px, calc(46 / 768 * 100vw), 46px) var(--font-min);
		& span{
			font: 500 clamp(42px, calc(53 / 768 * 100vw), 53px) 'avenir-lt-pro', var(--font);
		}
	}
	#snsInstagram{
		margin-top: clamp(40px, calc(56 / 1200 * 100vw), 56px);
	}
}

#snsLink{
	& ul{
		display: flex;
		justify-content: center;
		grid-gap: 16px;
	}
	& a{
		position: relative;
		display: block;
		aspect-ratio: 1;
		width: 64px;
		background: #fff;
		border-radius: 100%;
		font-size: 0;
		&:before{
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			aspect-ratio: 1;
			width: 28px;
			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"></svg>') no-repeat center / contain;
		}
		&[href*="facebook.com"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M28,14C28,6.26,21.73,0,14,0,6.26,0,0,6.27,0,14c0,6.43,4.38,12.03,10.62,13.58v-9.31h-2.88v-4.27h2.89v-1.85c0-4.76,2.16-6.97,6.83-6.97,1.02.01,2.04.13,3.04.35v3.88c-.33-.03-.9-.05-1.62-.05-2.3,0-3.18.87-3.18,3.13v1.51h4.57l-.79,4.27h-3.79v9.61c7.02-.86,12.3-6.82,12.31-13.89Z"/></svg>');
		}
		&[href*="instagram.com"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M9.03,2.08c-1,.02-1.98.21-2.91.56-1.61.63-2.88,1.9-3.5,3.52-.35.93-.53,1.92-.55,2.91-.06,1.27-.06,1.69-.06,4.95s.02,3.67.08,4.95c.02,1,.21,1.98.56,2.91.63,1.61,1.9,2.88,3.52,3.5.93.35,1.92.53,2.91.55,1.28.06,1.69.07,4.95.06s3.67-.02,4.95-.08c1-.02,1.98-.21,2.91-.56,1.61-.63,2.88-1.9,3.5-3.52.35-.93.53-1.92.55-2.91.06-1.28.07-1.69.06-4.95s-.02-3.67-.08-4.95c-.02-1-.21-1.98-.56-2.91-.63-1.61-1.9-2.88-3.52-3.5-.93-.35-1.92-.53-2.91-.55-1.27-.06-1.69-.07-4.95-.07s-3.67.02-4.95.08M9.17,23.78c-.76,0-1.51-.15-2.23-.41-1.05-.4-1.88-1.23-2.28-2.27-.27-.71-.41-1.47-.42-2.23-.06-1.26-.07-1.64-.08-4.85s0-3.58.06-4.85c0-.76.15-1.51.41-2.23.4-1.05,1.23-1.88,2.27-2.28.71-.27,1.47-.41,2.23-.42,1.27-.06,1.64-.07,4.85-.08,3.2,0,3.58,0,4.85.06.76,0,1.51.15,2.23.41,1.05.4,1.88,1.23,2.28,2.27.27.71.41,1.47.42,2.23.06,1.27.07,1.65.08,4.85,0,3.2,0,3.58-.06,4.85,0,.76-.15,1.51-.41,2.23-.4,1.05-1.23,1.88-2.27,2.28-.71.27-1.47.41-2.23.42-1.27.06-1.64.07-4.85.08s-3.58,0-4.85-.06M18.95,7.58c0,.8.64,1.44,1.44,1.44s1.44-.64,1.44-1.44-.64-1.44-1.44-1.44-1.44.64-1.44,1.44M7.84,14.01c0,3.4,2.77,6.16,6.17,6.15,3.4,0,6.16-2.77,6.15-6.17,0-3.4-2.77-6.16-6.17-6.15-3.4,0-6.16,2.77-6.15,6.17h0M10,14.01c0-2.21,1.78-4,3.99-4.01,2.21,0,4,1.78,4.01,3.99,0,2.21-1.78,4-3.99,4.01,0,0,0,0,0,0-2.21,0-4-1.78-4.01-3.99"/></svg>');
		}
		&[href*="youtube.com"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M27.42,7.26c-.32-1.21-1.27-2.15-2.48-2.48-2.18-.59-10.94-.59-10.94-.59,0,0-8.76,0-10.94.59-1.21.33-2.15,1.27-2.48,2.48C-.19,11.72-.19,16.28.58,20.74c.32,1.21,1.27,2.15,2.48,2.48,2.18.59,10.94.59,10.94.59,0,0,8.76,0,10.94-.59,1.21-.32,2.15-1.27,2.48-2.48.78-4.46.78-9.02,0-13.48ZM11.2,18.2v-8.4l7.27,4.2-7.27,4.2Z"/></svg>');
		}
	}
}

#snsInstagram{
	& ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 8px;
		@media (max-width: 575.98px) {
			& li:nth-child(n+5){
				display: none;
			}
		}
		@media (min-width: 576px) {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	& a{
		display: block;
	}
	& img{
		aspect-ratio: 0.765 / 1;
		object-fit: cover;
	}
	& p{
		text-align: center;
	}
}

#information{
	position: relative;
	display: grid;
	grid-template-columns: clamp(240px, calc(100% - 160px), 700px);
	justify-content: center;
	padding: clamp(144px, calc(216 / 1200 * 100vw), 216px) 0 clamp(176px, calc(200 / 1200 * 100vw), 200px) 0;
	background: linear-gradient(transparent, rgba(255, 255, 255, 0.2) 0%), url("/images/ml.pattern.webp");
	background-color: #f2f2f2;
	&:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: min(var(--wrap-fit), 1020px);
		height: calc(100% - clamp(200px, calc(240 / 1200 * 100vw), 240px));
		background: #EBEBEB;
		border-radius: 10px;
		transform: translate(-50%, -50%);
	}
	&>*{
		z-index: 1;
	}
	& h2{
		color: var(--color-theme);
		font: 600 clamp(47px, calc(60 / 768 * 100vw), 60px) var(--font-min);
		text-align: center;
	}
	& h2+div{
		margin-top: clamp(32px, calc(56 / 1200 * 100vw), 56px);
	}
	& ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: clamp(40px, calc(48 / 1200 * 100vw), 48px) clamp(16px, calc(32 / 1200 * 100vw), 32px);
		@media (min-width: 576px) {
			grid-template-columns: repeat(3, 1fr);
		}
		@media (min-width: 992px) {
			grid-template-columns: repeat(5, 1fr);
		}
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		text-align: center;
		text-decoration: none;
		grid-row-gap: clamp(10px, calc(16 / 1200 * 100vw), 16px);
		font: 600 18px var(--font-min);
		&:before,
		&:after{
			content: "";
			grid-column: 1;
			grid-row: 1;
			justify-self: center;
			aspect-ratio: 1;
			width: 90px;
		}
		&:before{
			background: #1B5215;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><rect x="25%" y="25%" width="50%" height="50%"/></svg>') no-repeat center / contain;
		}
		&:after{
			border: 1px solid #1B5215;
			border-radius: 100%;
		}
		&[href=""]{
			display: none;
		}
		&[href*="seasons"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M74.44,39.97l-2.87-1.78,1.32-3.1c-2.05-3.04-5.85-4.77-10.31-4.77-2.04.01-4.07.35-6.01.99-.12.04-.22.08-.34.12-.05-7.18-3.64-13.16-8.65-14.7l-2.55,2.18-2.56-2.21v.03c-5.05,1.45-8.65,7.11-8.65,14.35v.35c-1.97-.63-4.02-.96-6.09-.97-4.51,0-8.45,1.67-10.56,4.65l1.3,3.04-2.9,1.81c-.18,5.24,4.09,10.41,10.98,12.66.12.04.22.07.34.1-4.17,5.84-4.78,12.79-1.63,16.97l3.36-.25.76,3.27c1.07.38,2.19.58,3.33.58,4.19,0,8.76-2.51,12.09-7.1.07-.09.15-.2.21-.3,3.42,4.63,8.23,7.3,12.55,7.3,1.05,0,2.09-.16,3.09-.5l.84-3.31,3.31.33c3.23-4.13,2.81-10.83-1.45-16.69-.07-.09-.15-.2-.22-.29,6.81-2.27,11.38-7.53,11.29-12.76ZM62.59,51.13l-2.31.78,1.51,1.92c.07.08.12.16.18.24,1.79,2.36,2.9,5.17,3.21,8.12.22,2-.21,4.02-1.21,5.76l-2.3-.22-1.47-.15-.37,1.43-.6,2.35c-.55.12-1.11.17-1.67.17-3.88,0-8.16-2.52-11.16-6.6l-1.45-1.96-1.36,2.03c-.05.08-.11.16-.17.24-2.9,4.01-6.91,6.4-10.7,6.4-.63,0-1.26-.07-1.88-.21l-.54-2.31-.33-1.43-1.47.1-2.37.17c-2.12-3.68-1.3-9.36,2.16-14.18l1.42-1.98-2.35-.67c-.09-.03-.18-.05-.29-.09-2.84-.85-5.39-2.47-7.36-4.68-1.35-1.5-2.2-3.38-2.41-5.39l2.09-1.3,1.25-.78-.58-1.35-.89-2.09c1.85-2.02,4.98-3.21,8.57-3.21,1.89.01,3.77.31,5.57.88l2.33.74-.09-2.45v-.3c-.06-2.96.69-5.89,2.18-8.45,1.01-1.75,2.54-3.13,4.37-3.96l1.79,1.54,1.12.96,1.12-.96,1.79-1.52c3.88,1.73,6.55,6.81,6.59,12.74v2.45l2.31-.84c.09-.04.18-.07.28-.09,1.77-.59,3.62-.9,5.48-.91,3.54,0,6.52,1.2,8.33,3.3l-.92,2.18-.58,1.35,1.25.78,2.01,1.25c-.45,4.22-4.44,8.33-10.08,10.21Z"/></svg>');
		}
		li:nth-child(2) &:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M54.24,68.27l-18.41-6.49-14.33,5.67V26.64l14.33-4.91,18.41,6.42,14.26-5.61v40.92l-14.26,4.82ZM52.93,65.47V29.86l-15.86-5.47v35.62l15.86,5.46ZM55.19,65.47l11.05-3.62V25.73l-11.05,4.14v35.61ZM23.76,64.2l11.05-4.19V24.39l-11.05,3.73v36.08ZM55.19,29.86h0ZM34.81,24.39h0Z"/></svg>');
		}
		&[href*="pamphlet/index.html"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M64.88,28.48c-2-.49-4.06-.74-6.13-.74-2.43,0-4.84.35-7.16,1.06-2.33.71-4.55,1.74-6.59,3.08-2.04-1.33-4.25-2.37-6.59-3.07-2.32-.7-4.74-1.06-7.16-1.05-2.07,0-4.14.24-6.15.73-1.79.41-3.51,1.1-5.1,2.03v30.58c1.62-1.01,3.37-1.78,5.21-2.29,1.96-.57,4-.87,6.05-.86,2.44,0,4.87.37,7.2,1.12,2.33.74,4.53,1.82,6.55,3.21,2.02-1.38,4.22-2.46,6.55-3.2,2.33-.75,4.76-1.12,7.2-1.12,2.05,0,4.09.29,6.05.86,1.83.51,3.58,1.28,5.2,2.29v-30.58c-1.6-.93-3.32-1.61-5.12-2.03ZM43.75,58.63c-1.92-1.09-3.99-1.91-6.13-2.45-2.08-.5-4.22-.76-6.37-.75-1.55,0-3.1.15-4.62.42-1.42.23-2.8.63-4.13,1.17v-24.99c1.24-.68,2.59-1.15,3.99-1.39,1.57-.28,3.16-.42,4.76-.41,2.21,0,4.41.33,6.53.97,2.14.63,4.15,1.61,5.97,2.9v24.53ZM67.5,57.03c-1.33-.54-2.71-.94-4.13-1.17-1.53-.28-3.07-.42-4.62-.42-2.14,0-4.28.25-6.37.75-2.15.53-4.21,1.36-6.13,2.45v-24.53c1.81-1.29,3.83-2.27,5.97-2.9,2.12-.64,4.32-.96,6.53-.97,1.59,0,3.19.13,4.76.41,1.4.24,2.75.7,3.99,1.39v24.99Z"/></svg>');
		}
		&[href*="booking"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M43.75,33.75v17.5h-21.25v-22.5h-2.5v32.5h2.5v-7.5h45v7.5h2.5v-27.5h-26.25ZM67.5,51.25h-21.25v-15h21.25v15ZM32.49,46.54h0s.04,0,.06,0c2.91-.01,5.25-2.38,5.24-5.28,0-.02,0-.03,0-.05-.01-2.91-2.38-5.26-5.29-5.25-.02,0-.04,0-.05,0-2.91.01-5.25,2.38-5.24,5.29,0,.02,0,.04,0,.06.01,2.9,2.38,5.25,5.28,5.23ZM30.53,39.28c1.09-1.09,2.85-1.09,3.95,0,.52.52.81,1.23.81,1.97,0,1.54-1.25,2.79-2.79,2.79-.74,0-1.45-.29-1.98-.82-1.09-1.09-1.09-2.86,0-3.94Z"/></svg>');
		}
		&[href*="access/index.html"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M54.17,55.71h0c.71,0,1.39-.28,1.89-.78.53-.5.82-1.19.81-1.91.01-.73-.28-1.43-.81-1.94-.49-.52-1.18-.81-1.89-.81-1.51,0-2.74,1.23-2.75,2.74-.01.72.28,1.42.81,1.91.51.51,1.21.79,1.94.78ZM35.88,55.71c.71,0,1.39-.28,1.89-.78.53-.5.82-1.19.81-1.91.01-.73-.28-1.43-.81-1.94-.49-.52-1.18-.81-1.89-.81-1.51,0-2.74,1.23-2.74,2.74-.01.72.28,1.42.81,1.91.51.51,1.21.79,1.94.78ZM61.79,27.15c-.94-1.08-2.15-1.9-3.51-2.37-1.82-.65-3.72-1.08-5.65-1.26-2.54-.27-5.09-.4-7.64-.38-2.56-.02-5.11.11-7.65.39-1.93.19-3.83.61-5.66,1.27-1.35.47-2.56,1.29-3.49,2.37-.82,1.05-1.24,2.35-1.2,3.68v23.44s0,.06,0,.09c.03,4.07,3.35,7.35,7.42,7.32l-3.86,3.86v1.28h1.88l5.14-5.14h14.83l5.14,5.14h1.88v-1.29l-3.86-3.86s.06,0,.09,0c4.07-.03,7.35-3.35,7.32-7.42v-23.44c.05-1.34-.38-2.65-1.21-3.7ZM33.46,26.22c2.39-.73,6.23-1.09,11.54-1.09,5.17,0,9.01.38,11.5,1.13,2.49.76,3.99,1.9,4.5,3.42h-31.96c.56-1.57,2.03-2.73,4.42-3.46ZM28.98,31.65h15.14v12.49h-15.14v-12.49ZM61.02,54.3c.03,1.47-.54,2.89-1.58,3.93-1,1.07-2.4,1.66-3.86,1.63h-21.17c-1.46.03-2.86-.57-3.86-1.63-1.03-1.04-1.6-2.46-1.58-3.93v-8.18h32.04v8.18ZM61.02,44.14h-14.92v-12.49h14.92v12.49Z"/></svg>');
		}
		&[href*="information-center"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M44.93,34.92c-.92.02-1.66.78-1.64,1.71,0,.43.18.84.49,1.15.32.32.76.5,1.22.49.92-.02,1.66-.78,1.64-1.71-.02-.92-.78-1.66-1.71-1.64ZM43.61,57.5h2.78v-15.28h-2.78v15.28ZM68.03,35.24c-2.53-5.99-7.3-10.75-13.29-13.28-3.08-1.32-6.4-1.99-9.75-1.97-3.35-.02-6.67.65-9.75,1.97-5.99,2.53-10.75,7.3-13.28,13.29-1.32,3.08-1.99,6.4-1.97,9.75-.02,3.35.65,6.67,1.97,9.75,2.53,5.99,7.3,10.75,13.29,13.28,3.08,1.32,6.4,1.99,9.75,1.97,3.35.02,6.67-.65,9.75-1.97,5.99-2.53,10.75-7.3,13.27-13.29,1.32-3.08,1.99-6.4,1.97-9.75.02-3.35-.65-6.67-1.97-9.75ZM60.76,60.76c-4.14,4.24-9.84,6.57-15.76,6.46-5.92.12-11.63-2.22-15.76-6.46-4.24-4.14-6.57-9.84-6.46-15.76-.12-5.92,2.22-11.63,6.46-15.76,4.14-4.24,9.84-6.57,15.76-6.46,5.92-.12,11.63,2.22,15.76,6.46,4.24,4.14,6.57,9.84,6.46,15.76.12,5.92-2.22,11.63-6.46,15.76Z"/></svg>');
		}
		&[href*="tour-guides-and-travel-agencies"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M46.99,54.3c-.43-.43-1.01-.67-1.61-.65-1.22.03-2.19,1.04-2.16,2.26.03,1.18.98,2.14,2.16,2.16h0c.61.01,1.19-.22,1.61-.66.86-.84.88-2.21.04-3.07-.01-.01-.03-.03-.04-.04ZM61.87,24.6c-4.38-4.44-10.38-6.92-16.62-6.87-6.37-.11-12.51,2.41-16.95,6.97-4.56,4.42-7.08,10.52-6.98,16.87-.11,6.36,2.41,12.49,6.97,16.93,4.44,4.56,10.56,7.09,16.93,6.97h5.65l.18,6.8c2.64-1.78,5.08-3.84,7.27-6.15,2.14-2.25,4.02-4.74,5.59-7.43,1.53-2.62,2.72-5.42,3.55-8.34.82-2.88,1.24-5.85,1.24-8.84.06-6.32-2.4-12.4-6.82-16.91ZM62.68,55.71c-2.38,4.54-5.63,8.58-9.57,11.86v-4.53s-7.89,0-7.89,0c-5.72.1-11.22-2.16-15.21-6.26-4.1-3.99-6.36-9.49-6.26-15.21-.09-5.7,2.17-11.18,6.26-15.15,4-4.1,9.52-6.37,15.25-6.26,5.61-.13,11.02,2.07,14.95,6.08,4.03,4.04,6.22,9.56,6.06,15.27-.01,4.96-1.24,9.83-3.58,14.2ZM45.5,28.09c-1.78-.03-3.52.5-4.98,1.52-1.4.98-2.51,2.31-3.23,3.86l2.23.89c.52-1.09,1.31-2.04,2.29-2.74,1.06-.69,2.31-1.04,3.58-.99,1.55-.13,3.08.4,4.23,1.45.88.89,1.38,2.09,1.37,3.35.02,1.06-.27,2.11-.84,3.01-.76,1.13-1.64,2.18-2.62,3.13-1.12.98-2.04,2.17-2.72,3.49-.48,1.1-.73,2.28-.71,3.48h0s2.42,0,2.42,0c.06-1.07.35-2.12.85-3.07.8-1.27,1.76-2.44,2.86-3.46.96-.92,1.78-1.98,2.42-3.15.53-1.05.79-2.2.78-3.37.05-2-.76-3.93-2.23-5.29-1.55-1.43-3.6-2.19-5.71-2.11Z"/></svg>');
		}
		&[href*="currency-exchange"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M60.25,61.28c-4.12,3.89-9.59,6.04-15.25,6.01-4.47.03-8.84-1.32-12.51-3.87-3.69-2.48-6.5-6.06-8.05-10.23h7.94v-2.48h-12.39v12.38h2.48v-8.15c1.89,4.39,5.01,8.14,8.99,10.8,4,2.68,8.72,4.08,13.54,4.01,3.22.02,6.4-.6,9.38-1.82,2.86-1.17,5.48-2.88,7.71-5.02,2.22-2.15,4.03-4.68,5.35-7.48,1.37-2.88,2.14-6.01,2.28-9.2h-2.48c-.34,5.72-2.84,11.1-6.99,15.04ZM67.53,26.9v8.33c-1.8-4.49-4.94-8.32-8.99-10.96-4.01-2.67-8.73-4.08-13.54-4.04-6.25-.03-12.28,2.33-16.84,6.6-4.7,4.42-7.52,10.48-7.87,16.92h2.48c.15-2.97.91-5.88,2.22-8.55,2.45-5,6.68-8.91,11.87-10.94,2.59-1.03,5.36-1.56,8.15-1.55,4.52-.04,8.94,1.35,12.64,3.96,3.64,2.46,6.41,6.01,7.93,10.13h-7.94v2.48h12.38v-12.38h-2.47ZM49.47,55.08c-1.23.76-2.65,1.15-4.09,1.15-1.39.01-2.74-.43-3.86-1.25-1.21-.92-2.16-2.14-2.75-3.55l-2.18.94c.59,1.54,1.57,2.9,2.84,3.96,1.27.99,2.74,1.67,4.31,2.01v3.03h2.43v-2.9c.9-.09,1.79-.28,2.65-.59.88-.31,1.7-.76,2.43-1.34.74-.59,1.35-1.33,1.78-2.18,1.18-2.46.83-5.38-.89-7.5-1.05-1.22-3.07-2.37-6.04-3.44-1.87-.53-3.64-1.35-5.23-2.45-.79-.76-1.2-1.83-1.14-2.92-.02-1.22.53-2.39,1.48-3.16,1.11-.89,2.51-1.33,3.93-1.26,1.11-.04,2.21.26,3.14.87.83.57,1.53,1.32,2.04,2.19l2.15-.85c-.59-1.2-1.46-2.23-2.55-2.99-1.06-.78-2.31-1.24-3.62-1.34v-2.91h-2.43v2.91c-1.86.19-3.58,1.03-4.87,2.38-1.07,1.12-1.67,2.61-1.69,4.16-.07,1.6.54,3.15,1.68,4.28,1.67,1.38,3.59,2.41,5.66,3.05,1.92.6,3.73,1.49,5.37,2.66.93.82,1.44,2.03,1.37,3.27.12,1.51-.62,2.97-1.91,3.76Z"/></svg>');
		}
		&[href*="emergency-information"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><polygon points="51.33 45 68.01 35.39 64.84 29.89 48.17 39.5 48.17 20.21 41.83 20.21 41.83 39.5 25.16 29.89 21.99 35.39 38.67 45 21.92 54.68 25.16 60.18 41.83 50.58 41.83 69.79 48.17 69.79 48.17 50.57 64.84 60.18 68.08 54.68 51.33 45"/></svg>');
		}
		&[href*="resources"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path d="M59.96,59.96h-29.93v-29.92h13.32v-2.14h-15.46v34.2h34.2v-15.46h-2.14v13.32ZM49.27,27.9v2.14h9.18l-19.8,19.8,1.51,1.51,19.8-19.79v9.17h2.14v-12.83h-12.83Z"/></svg>');
		}
	}
}

#news{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	padding: 112px 0 96px 0;
	background: #E7EDEC;
	& h2{
		color: var(--color-theme);
		font: 600 clamp(57px, calc(64 / 768 * 100vw), 64px) var(--font-min);
		text-align: center;
	}
	@media (max-width: 991.98px) {
		#newsList{
			margin-top: 32px;
		}
		#newsLink{
			margin-top: 56px;
		}
	}
	@media (min-width: 992px) {
		grid-template-columns: 160px calc(var(--wrap) - 264px);
		grid-gap: 32px 104px;
		&:lang(fr){
			grid-template-columns: 296px calc(var(--wrap) - 400px);
		}
		&:lang(zh-tw){
			grid-template-columns: 256px calc(var(--wrap) - 360px);
		}
		& h2{
			align-self: end;
		}
		#newsList{
			grid-column: 2;
			grid-row: 1 / 3;
		}
	}
}

#newsList{
	display: grid;
	grid-row-gap: 32px;
	& dl{
		position: relative;
		display: grid;
		grid-row-gap: 16px;
		font-weight: 600;
		font-size: 18px;
		letter-spacing: 0.05em;
	}
	& dt{
		order: 1;
	}
	& dd{
		display: contents;
		& time{
			color: #707070;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
}

#newsLink{
	display: flex;
	justify-content: center;
	& a{
		color: var(--color-theme);
		font: 600 23px var(--font-min);
	}
}

#banner{
	display: grid;
	grid-template-columns: clamp(280px, calc(100% - 160px), 700px);
	justify-content: center;
	padding: clamp(64px, calc(104 / 1200 * 100vw), 104px) 0;
	background: #243124;
	& h2{
		display: none;
	}
	& ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
		grid-gap: clamp(8px, calc(16 / 1200 * 100vw), 16px);
	}
	& a{
		display: block;
	}
	& img{
		aspect-ratio: 220 / 90;
		object-fit: contain;
	}
}