/* CSS Document */

#pagePath{
	display: none;
}

#hero{
	overflow: hidden;
	margin-top: 8px;
	@media (min-width: 1200px) {
		margin-top: 16px;
	}
	#heroMovie{
		display: none;
	}
}

#heroPhoto{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	grid-row-gap: 16px;
	@media (min-width: 1200px) {
		width: min(var(--wrap-fit), 1140px);
		margin: 0 auto;
	}
	&>dl{
		grid-column: 1;
		grid-row: 1;
		&:nth-child(n+2){
			visibility: hidden;
		}
	}
	& dl{
		display: grid;
		grid-row-gap: 16px;
		margin: 0 10px;
	}
	& dt{
		font-size: clamp(16px, calc(24 / 768 * 100vw), 24px);
		letter-spacing: 0.18em;
		text-align: center;
	}
	& dd{
		display: contents;
		& a{
			grid-column: 1;
			grid-row: 1;
			display: block;
			z-index: 1;
		}
		& picture{
			grid-column: 1;
			grid-row: 1;
			display: grid;
			&>*{
				grid-column: 1;
				grid-row: 1;
			}
		}
		& img{
			grid-column: 1;
			grid-row: 1;
			aspect-ratio: 390 / 590;
			object-fit: cover;
			@media (min-width: 576px) {
				aspect-ratio: 3 / 2;
			}
			@media (min-width: 1200px) {
				aspect-ratio: 1120 / 540;
				border-radius: 40px;
			}
		}
	}
	.slick-list{
		width: calc(100% + 20px);
		margin: 0 -10px;
		overflow: visible;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		order: 2;
		position: relative;
		z-index: 1;
		aspect-ratio: 32 / 36;
		width: 32px;
		border: 2px solid currentColor;
		color: var(--color-theme);
		font-size: 0;
		cursor: pointer;
		&:before{
			content: "";
			position: absolute;
			top: 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 8 8"><path d="M6.36,3.23L2.92.37c-.65-.54-1.64-.08-1.64.77v5.73c0,.85.99,1.31,1.64.77l3.44-2.86c.48-.4.48-1.14,0-1.54Z"/></svg>') no-repeat center / 8px;
		}
	}
	.slick-prev{
		border-radius: 16px 0 0 16px;
		border-right: 0;
		&:before{
			right: 0;
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		border-radius: 0 16px 16px 0;
		border-left: 0;
		&:before{
			left: 0;
		}
	}
	.slick-dots{
		order: 1;
		display: flex;
		align-items: center;
		width: clamp(160px, calc(240 / 1200 * 100vw), 240px);
		border-radius: 1px;
		overflow: hidden;
		margin-right: 16px;
		&:has(li:only-child){
			display: none;
			}
		li{
			display: contents;
		}
		button{
			all: unset;
			box-sizing: border-box;
			height: 2px;
			width: 100%;
			background: #b3b3b3;
			font-size: 0;
			overflow: hidden;
			.slick-active &{
				background: var(--color-theme);
				border-radius: 1px;
			}
		}
	}
	.slick-count{
		display: flex;
		column-gap: 0.25em;
		color: var(--color-theme);
		font-weight: 700;
		font-size: 14px;
		.slick-dots:has(li:only-child)+&{
			display: none;
		}
		.slick-dots:has(li:nth-child(2))+&{
			margin-right: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
	}
}

#heroMovie{
	position: relative;
	overflow: hidden;
	aspect-ratio: 390 / 590;
	@media (min-width: 576px) {
		aspect-ratio: 3 / 2;
	}
	@media (min-width: 1200px) {
		aspect-ratio: 1120 / 540;
	}
	[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;
	}
	.inline-YTPlayer,
	.ytp{
		position: static !important;
	}
	.playerBox{
		top: 50% !important;
		left: 50% !important;
		margin: 0 !important;
		transform: translate(-50%, -50%);
	}
}

#emergency{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: 16px;
	&>*{
		grid-column: 2;
	}
	& h2{
		display: none;
	}
	& h2+div{
		display: grid;
		grid-row-gap: 24px;
	}
	& section{
		display: grid;
		grid-row-gap: 16px;
		padding: 24px;
		background: #f2f2f2;
		border-radius: 10px;
	}
	& h3{
		display: grid;
		grid-template-columns: auto auto;
		justify-content: center;
		align-items: center;
		column-gap: 16px;
		font-size: clamp(16px, calc(20 / 768 * 100vw), 20px);
		letter-spacing: 0.1em;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 40px;
			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 40 40"><path d="M20,27.96c-1.31,0-2.38,1.07-2.38,2.39s1.06,2.39,2.38,2.39,2.37-1.07,2.37-2.39c0-1.32-1.06-2.39-2.37-2.39ZM20,11.87c-1.31,0-2.38,1.07-2.38,2.39l.91,10.82c0,.81.65,1.47,1.46,1.47s1.46-.66,1.46-1.47l.91-10.82c0-1.32-1.06-2.39-2.37-2.39ZM39.46,31.9L23.5,4.03c-.72-1.26-2.06-2.03-3.5-2.03s-2.78.78-3.5,2.03L.54,31.9c-.72,1.26-.72,2.81,0,4.07.72,1.26,2.06,2.03,3.5,2.03h31.93c1.44,0,2.78-.78,3.5-2.03.72-1.26.72-2.81,0-4.07ZM36.29,33.89c-.23.4-.66.65-1.12.65H4.83c-.46,0-.89-.25-1.12-.65-.23-.4-.23-.9,0-1.3L18.88,6.11c.23-.4.66-.65,1.12-.65s.89.25,1.12.65l15.17,26.47c.23.4.23.9,0,1.3Z"/></svg>') no-repeat center / contain;
		}
	}
	& h3+div{
		display: flex;
		justify-content: center;
	}
	& a{
		display: grid;
		grid-template-columns: auto auto;
		justify-content: center;
		align-items: center;
		column-gap: 16px;
		min-width: min(100%, 420px);
		min-height: clamp(48px, calc(56 / 768 * 100vw), 56px);
		padding: 8px 16px;
		border-radius: clamp(24px, calc(28 / 768 * 100vw), 28px);
		background: var(--color-theme);
		color: #fff;
		font-weight: 700;
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
		letter-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		&:before,
		&:after{
			content: "";
			aspect-ratio: 1;
			grid-column: 2;
			grid-row: 1;
			align-self: center;
			justify-self: center;
		}
		&:before{
			width: clamp(24px, calc(32 / 768 * 100vw), 32px);
			background: currentColor;
			border-radius: 100%;
		}
		&:after{
			width: 16px;
			background: inherit;
			-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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="2 8 14 8"/><polyline points="10 4 14 8 10 12"/></svg>') no-repeat center / contain;
			@media (max-width: 767.98px) {
				-webkit-mask-image: 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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="4 8 12 8"/><polyline points="9 5 12 8 9 11"/></svg>');
			}
		}
		&:hover{
			background: var(--color);
			border-color: transparent;
			color: #fff;
		}
	}
}

#topics{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: clamp(48px, calc(80 / 1200 * 100vw), 80px);
	&>*{
		grid-column: 2;
	}
	& h2{
		justify-self: center;
		aspect-ratio: 6 / 1;
		width: min(100%, clamp(174px, calc(218 / 768 * 100vw), 218px));
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218.59 36.35"><path d="M26.5,3.14c1.4-.56,5.59-2.8,6.73-.93.4.65.38,1.47.36,2.23-.12,3.95-.15,7.9-.09,11.85s-.17,7.68-.24,11.54c0,.44-.05.94-.4,1.2-1.6,1.25-4.78-.54-6.22-1.16-2.41-1.04-4.81-2.08-7.22-3.11-1.19-.51-2.65-1.14-2.99-2.51s-.03-3.19.01-4.57c.08-2.49.17-4.98.25-7.47.02-.56.04-1.14.24-1.67.77-2.05,4.45-3.12,6.21-3.94,1.1-.52,2.22-1.02,3.35-1.47Z" style="fill: %233376b4;"/><path d="M7.25,9.43c-.44.03-.91.08-1.23.4-.24.24-.34.6-.42.94-.43,1.9-.5,3.88-.39,5.82.06.98.16,1.95.29,2.92.22,1.58,1.1,1.67,2.51,1.83,1.75.19,3.51.34,5.26.44.62.04,1.1.02,1.39-.58s.29-1.29.3-1.91c.05-2.7.12-5.39.04-8.09-.02-.61-.03-1.69-.55-2.13-.48-.41-1.49-.07-2.06-.02-1.72.13-3.43.26-5.15.39Z" style="fill: %23658a5f;"/><path d="M37.66,6.75c-.32.26-.61.57-.75.95s-.1.86.18,1.16c.31.32.8.34,1.24.32,1.73-.09,5.32-.31,4.97-2.92-.02-.16-.07-.31-.16-.43-.41-.51-2.01-.49-2.58-.37-1.03.22-2.06.61-2.9,1.29Z" style="fill: %23fad067;"/><path d="M42.47,15.4c-1.13-.2-2.35-.12-3.47.14-.42.1-.85.24-1.11.59-.71.92.36,1.65,1.14,1.86,1.09.3,2.29.16,3.38-.06.35-.07.71-.16,1.01-.35s.55-.52.57-.88c.01-.37-.21-.72-.51-.93s-.66-.31-1.02-.37Z" style="fill: %23fad067;"/><path d="M41.82,24.49c.43.27.75.63.79,1.12.05.56-.3,1.15-.83,1.3-.21.06-.43.06-.65.04-1.11-.1-1.95-.59-2.91-1.1-.51-.27-.95-.73-1.09-1.29-.36-1.47,1.32-1.18,2.18-.94.67.19,1.76.4,2.5.87Z" style="fill: %23fad067;"/><path d="M4.2,30.26c-.21.93-1.07,3.39-.31,4.21.26.28.64.37,1.01.45.9.19,1.8.37,2.71.5.34.05.7.09,1-.07.32-.17.48-.54.61-.88.56-1.56,1.02-3.16,1.27-4.8.23-1.5.92-3.01.86-4.55-.01-.29-.05-.6-.26-.79-.13-.12-.31-.18-.48-.23-.82-.22-1.66-.32-2.5-.39-.31-.02-.62-.04-.92.02-.46.1-.89.45-1.14.84-.64.97-.96,2.34-1.27,3.46-.21.73-.4,1.48-.57,2.23Z" style="fill: %233376b4;"/><path d="M1.8,13.03c-.65.17-1.3.5-1.61,1.11-.21.42-.22.91-.19,1.38.04.61.14,1.22.29,1.82.03.11.06.22.13.3.1.11.25.16.4.19.49.11.99.17,1.49.18.52.01,1.43.41,1.65-.31.16-.51.06-1.25.08-1.79.02-.67.05-1.34.07-2.01.06-1.58-1.34-1.12-2.32-.86Z" style="fill: %233376b4;"/><path d="M82.04,30.79c0,2.2-3.28,3.6-4.64,3.6-.88,0-1.16-.64-1.6-1.56-.64-1.32-2.44-3.32-3.36-3.32-.52,0-1,.4-1.36.72-.32.28-.8.72-1.04.72-.88,0-3.24-4.44-3.24-5.36,0-.48.36-.64.84-.88,1-.52,7.48-4.4,7.92-4.92.28-.36.32-.92.32-1.44v-1.56c0-.56-.36-1-.92-1-.16,0-1.12.16-1.36.2-.6.12-1.68.32-2.24.32-.8,0-1.6-.04-1.6-4.2,0-1.52,0-1.6,1.56-1.68,1.16-.04,2.32-.12,3.48-.24.4-.04.84-.2,1.04-.56.24-.4.28-2.4.28-3.6v-.68c0-.84-.08-1.72-.08-.96,0-.4.2-.64.6-.64.88,0,4.8.84,5.92,1.04.36.08.76.2.76.52,0,.2-.24.36-.4.44-.6.48-.72.88-.84,1.44-.16.88-.24,1.48-.24,1.6,0,.44.36.8.76.8.2,0,1.04-.28,1.28-.36.32-.12.84-.28,1.08-.28.68,0,1.04.88,1.2,2.44.08.6.2,1.76.2,2.36,0,1-.44,1.04-3.8,1.6-.68.12-1.2.44-1.2,1.28,0,.56.16,1.04.8,1.04.24,0,.68-.16.92-.24,1.72-.56,3.56-.88,5.36-.88,4.92,0,9.56,2.76,9.56,8.16,0,2.56-1.2,4.88-3.24,6.4-2.12,1.6-6.04,2.12-8.64,2.12-1.08,0-1.92,0-2.24-.6-.44-.84-.68-2.88-.68-3.76,0-.72.08-1.52.96-1.52.24,0,1.12.12,1.4.16.48.04,1.24.08,1.68.08,1.72,0,4.64-.48,4.64-2.68,0-1.96-1.92-2.92-3.6-2.92-1.56,0-4.96.76-6.16,1.68-.4.32-.52.88-.52,1.36s.08,1.72.12,2.2c.04.8.32,4.08.32,4.56ZM76.12,27.76c0-.48-.04-1-.4-1-.32,0-.68.32-.92.52-.16.12-.32.24-.32.48,0,.32.12.44.84.92.24.16.4.24.48.24.28,0,.32-.24.32-.48v-.68ZM96.67,10.24c.92.76,2.36,1.96,3.2,2.8.24.2.52.48.52.8,0,1.04-2.4,3.8-3.4,3.8-.36,0-.64-.28-.96-.56-1.8-1.64-3.68-3.16-5.64-4.6-.44-.32-.88-.6-.88-1.04,0-.56,1.12-1.88,1.52-2.28.08-.08.16-.2.24-.28.52-.56,1.08-1.2,1.56-1.2.68,0,3.24,2.08,3.84,2.56Z" style="fill: %233376b4;"/><path d="M111.16,21.88c-1.4,0-2.56.08-3.4.08s-.92-.36-.92-1.84v-2.12c0-1.08.08-1.56.88-1.56s2.24.08,3.44.08h1.72c1.08,0,1.16-.64,1.16-2.56v-1.64c0-.24-.04-.72-.4-.72-.4,0-.72.68-.92,1.04-.36.72-1.88,3.68-2.72,3.68-.44,0-1.76-.84-2.16-1.08-.8-.48-1.72-.96-1.72-1.56,0-.32.32-.88.72-1.44,2.16-3.36,4.08-7.76,4.96-11.68.08-.28.16-.56.56-.56.48,0,4.32,1.08,5.16,1.28.28.04.64.2.64.52,0,.4-.44.68-.8.76-.44.12-.6.24-.76.64-.16.48-.6,1.76-.6,2.2s.36.64.76.64h2.8c1.32,0,2.68-.08,4-.08.92,0,1,.44,1,1.8v2c0,1.36-.08,1.76-1,1.76-.84,0-1.68-.08-2.52-.08-1.28,0-1.52.6-1.52,2.16v1.44c0,.72.2,1.48,1.08,1.48h.44c1.2,0,2.64-.08,3.44-.08s.88.4.88,1.6v2.16c0,1.36-.08,1.76-.88,1.76-.96,0-1.96-.08-3.04-.08-.4,0-1,.08-1,.6,0,1.08,4.88,6.76,5.64,6.76.36,0,.4-.44.4-.72V10.4c0-1.4-.08-2.76-.08-4.16,0-1.96,1.56-2.16,3.12-2.16,1.28,0,2.56.08,3.8.08h1.52c1.24,0,2.52-.08,3.8-.08,1.52,0,3.12.2,3.12,2.12,0,.84-.08,2.48-.08,4.2v17.36c0,1.92.12,3.88.12,5.64,0,.96-.48,1.12-1.32,1.12h-3.08c-1.08,0-1.36-.24-1.36-1.12v-.28c0-.76-.48-1.12-1.08-1.12h-1.52c-.6,0-1.12.44-1.12,1.04,0,.4.04.8.04,1.16,0,.88-.36,1.08-1.32,1.08h-3.36c-1,0-1.32-.28-1.32-1.16,0-.48.08-.96.08-1.4,0-.28-.12-.8-.48-.8s-.64.36-.88.6c-.44.44-1.64,1.52-2.24,1.52-.96,0-3.76-4.2-4.32-5.08-.2-.28-.44-.72-.84-.72-.36,0-.64.52-.8.76-2,3.48-6.04,7.36-7.32,7.36-.8,0-3.44-3.24-3.44-4,0-.48.6-.84.96-1.12,2.24-1.72,3.72-3.24,5.12-5.72.36-.64,1.08-2.08,1.08-2.8,0-.56-.4-.8-.92-.84h-1.2ZM135,26.48c.64,0,1.12-.52,1.12-1.12v-14.4c0-.6-.48-1.12-1.12-1.12h-1.64c-.6,0-1.12.52-1.12,1.12v14.4c0,.6.48,1.04,1.12,1.12h1.64Z" style="fill: %233376b4;"/><path d="M159.88,9.44c.96.32,1.8.56,1.8,1,0,.24-.28.4-.48.48-.52.24-.56.44-.8,1.4-.28,1.12-.44,2.28-.68,3.44-.04.28-.12.6-.12.92,0,.36.2.72.56.72s2-.96,2.4-1.2c1.64-.92,4.12-1.4,5.96-1.4,2.72,0,5.24.96,7.08,3,1.56,1.72,2.12,3.6,2.12,5.92s-.52,4.44-2.16,6.2c-1.8,1.92-4.56,3.2-7.04,3.96-1.44.44-4.32,1.12-5.76,1.12-.72,0-1.16-.16-1.52-.8-.6-1.08-1.28-3.32-1.28-4.44,0-.76.56-.88,1.08-.88,3.12-.04,10.68-.84,10.68-5.08,0-2.2-2-3.24-3.92-3.24-3.84,0-8,3.64-10.24,6.52-.36.48-.68.88-1.32.88s-4.16-.56-4.16-1.96c0-.28.08-.6.16-.84,1.52-5.24,2.2-11.72,2.2-14.76,0-1.48,0-2.16.88-2.16.68,0,3.76.92,4.56,1.2ZM160.6.92c.28,0,.84.24,1.4.52,1.8.92,4.48,2.6,5.6,3.4.84.6,1.44,1,1.44,1.44,0,.88-2.36,4.36-3.52,4.36-.4,0-.76-.32-1.04-.56-1.84-1.56-3.88-2.92-5.96-4.12-.6-.36-1-.56-1-1,0-.6,1.76-4.04,3.08-4.04Z" style="fill: %233376b4;"/><path d="M198.96,5.88c.24.04.64.2.64.48,0,.24-.28.56-.44.76-.52.6-.64,1.88-.64,3.92,0,.4,0,1.28.84,1.28.4,0,3.88-.6,4.64-.72.72-.12,1.12-.4,1.12-1.16,0-1.52-.4-4.76-.68-6.28-.04-.24-.12-.48-.12-.72,0-.4.28-.6.64-.6.48,0,4.6.64,6.16,1,.4.08.64.24.64.48,0,.16-.2.32-.44.56-.32.36-.36,1.68-.36,2.64v1.24c0,.16-.04.36-.04.56,0,.6.24,1.08.92,1.08.44,0,2-.2,2.76-.32.64-.12,2.48-.4,3-.4.76,0,1,.24,1,3.24,0,3.28-.04,3.28-1.4,3.28h-.88c-.76,0-4.12.12-4.68.24-.68.16-.88.64-.96,1.4-.56,5.24-2.12,8.16-7.92,8.16-.64,0-1.12-.04-1.44-.64-.4-.72-.76-3.44-.76-4.28,0-.44.2-.84.72-.84.4,0,.8.04,1.2.04,1,0,1.72-.2,2.12-1.24.08-.2.28-.88.28-1.08,0-.12-.08-.56-.6-.56-.24,0-1,.12-3.2.48-2.76.44-2.8.64-2.8,2.04v.48c0,1.08.08,4.2.32,5.16.6,2.24,2.6,2.32,5.12,2.32s4.68-.24,7.12-.6c.28-.04,1.12-.16,1.4-.16.6,0,.76.52.76,2,0,1.72-.12,3.56-.52,3.96-.6.56-6.64.72-7.76.72-2.2,0-5.08-.16-7.12-.84-2-.68-3.76-2.4-4.4-4.4-.68-2.08-.68-5.12-.72-7.44,0-.6-.12-1.28-.92-1.28-.48,0-4.4,1.08-5.28,1.32-.16.04-.36.08-.52.08-.56,0-.72-.24-.96-3.16-.08-.96-.16-2-.16-2.76,0-1,.44-1.04,1.32-1.04.76,0,3.96-.44,4.84-.56,1.04-.16,1.48-.44,1.48-1.52,0-1.64-.12-4-.32-5.6,0-.2-.04-.48-.04-.68,0-.52.32-.72.8-.72.8,0,5.48.52,6.24.68Z" style="fill: %233376b4;"/></svg>') no-repeat center / contain;
		font-size: 0;
	}
	#topicsCategory{
		grid-column: 1 / 4;
		justify-self: center;
		width: min(100%, 1360px);
		margin-top: 32px;
	}
	#topicsList{
		margin-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
	}
	#topicsLink{
		margin-top: clamp(40px, calc(64 / 1200 * 100vw), 64px);
	}
}

#topicsCategory{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	border-bottom: 1px solid #b3b3b3;
	& dl{
		display: grid;
		justify-content: center;
		grid-gap: clamp(8px, calc(16 / 768 * 100vw), 16px);
	}
	dt{
		display: none;
	}
	& dd{
		grid-row: 1;
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		column-gap: 1em;
		min-height: clamp(40px, calc(56 / 768 * 100vw), 56px);
		padding: 0.5em 1em;
		border-radius: 12px 12px 0 0;
		font-weight: 700;
		font-size: clamp(10px, calc(16 / 768 * 100vw), 16px);
		cursor: pointer;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 8px;
			background: var(--color-theme-sub);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M4.77,6.36l2.86-3.44c.54-.65.08-1.64-.77-1.64H1.14C.29,1.28-.18,2.27.37,2.92l2.86,3.44c.4.48,1.14.48,1.54,0Z"/></svg>') no-repeat center / contain;
		}
		&.select{
			background: var(--color-theme-sub);
			color: #fff;
			&:after{
				background: currentColor;
			}
		}
	}
}

#topicsList{
	& article{
		&:not(.select){
			display: none;
		}
	}
	& h2{
		display: none;
	}
	& section{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		column-gap: clamp(8px, calc(16 / 768 * 100vw), 16px);
		padding: clamp(16px, calc(24 / 768 * 100vw), 24px);
		&:has(figure){
			min-height: clamp(76px, calc(148 / 768 * 100vw), 116px);
			padding-right: clamp(80px, calc(160 / 1200 * 100vw), 160px);
		}
		&:has(a):hover{
			& h3{
				color: var(--color-theme-sub);
			}
		}
		&:nth-of-type(even){
			background: #f2f2f2;
		}
	}
	& h3{
		order: 1;
		width: 100%;
		margin-top: 8px;
		font-size: clamp(14px, calc(18 / 768 * 100vw), 18px);
		transition: color 0.2s ease-out;
	}
	& h3+div{
		display: contents;
		& time{
			align-self: center;
			font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
		}
		& ul{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			column-gap: clamp(4px, calc(8 / 768 * 100vw), 8px);
		}
		& li{
			display: flex;
			align-items: center;
			font-size: clamp(10px, calc(16 / 768 * 100vw), 16px);
			&[class]{
				min-width: clamp(20px, calc(32 / 768 * 100vw), 32px);
				padding: 0.25em 1em;
				background: var(--color-tagNew);
				border-radius: clamp(10px, calc(16 / 768 * 100vw), 16px);
				color: #fff;
				font-size: clamp(10px, calc(16 / 768 * 100vw), 16px);
				&.tagCheck{
					background: var(--color-tagCheck);
					color: #fff;
				}
			}
			&:not([class]){
				&:before,
				&:after{
					content: "-";
				}
			}
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		position: absolute;
		right: 8px;
		top: 50%;
		width: clamp(60px, calc(150 / 1200 * 100vw), 150px);
		transform: translateY(-50%);
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: clamp(8px, calc(24 / 1200 * 100vw), 24px);
		}
	}
}

#topicsLink{
	display: flex;
	justify-content: center;
	& a{
		display: grid;
		grid-template-columns: auto auto;
		grid-gap: 1em;
		justify-content: center;
		align-items: center;
		min-width: min(100%, 400px);
		min-height: clamp(64px, calc(80 / 768 * 100vw), 80px);
		padding: 0.5em 1.5em;
		border: 1px solid #b3b3b3;
		border-radius: clamp(32px, calc(40 / 768 * 100vw), 40px);
		color: inherit;
		font-size: clamp(14px, calc(20 / 768 * 100vw), 20px);
		letter-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		&:before,
		&:after{
			content: "";
			aspect-ratio: 1;
			grid-column: 2;
			grid-row: 1;
			align-self: center;
			justify-self: center;
		}
		&:before{
			width: clamp(24px, calc(32 / 768 * 100vw), 32px);
			background: currentColor;
			border-radius: 100%;
		}
		&:after{
			width: 16px;
			background: #fff;
			-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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="2 8 14 8"/><polyline points="10 4 14 8 10 12"/></svg>') no-repeat center / contain;
			@media (max-width: 767.98px) {
				-webkit-mask-image: 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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="4 8 12 8"/><polyline points="9 5 12 8 9 11"/></svg>');
			}
		}
		&:hover{
			background: var(--color);
			border-color: transparent;
			color: #fff;
			&:after{
				background: inherit;
			}
		}
	}
}

#pickup{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: clamp(80px, calc(120 / 1200 * 100vw), 120px);
	padding: clamp(64px, calc(80 / 1200 * 100vw), 80px) 0 clamp(80px, calc(120 / 1200 * 100vw), 120px) 0;
	background: #fcf6bb;
	overflow: hidden;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 10 10"><rect width="10" height="10"/></svg>') no-repeat center bottom / 100% calc(100% - clamp(6px, calc(12 / 768 * 100vw), 12px)), url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 12"><path d="M69.84,6.58c-5.79-3.09-12.35-6.58-24.84-6.58s-19.05,3.5-24.84,6.58c-5.45,2.91-10.15,5.42-20.16,5.42h90c-10.01,0-14.71-2.51-20.16-5.42Z"/></svg>') repeat-x center top / auto clamp(6px, calc(12 / 768 * 100vw), 12px);
	&>*{
		grid-column: 2;
	}
	& h2{
		font: 700 clamp(28px, calc(32 / 768 * 100vw), 32px) var(--font-title);
		letter-spacing: 0.1em;
		text-align: center;
	}
	#pickupList{
		grid-column: 1 / 4;
		justify-self: center;
		width: min(var(--wrap-fit), 1360px);
		margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	}
}

#pickupList{
	& section{
		position: relative;
		display: grid;
		grid-row-gap: 16px;
		margin: 0 10px;
		&:not(:has(figure)){
			&:before{
				content: "";
				order: -1;
				aspect-ratio: 3 / 2;
				background: var(--dummy);
				border-radius: 24px;
			}
		}
	}
	& h3{
		text-align: center;
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
	}
	& h3+div{
		display: contents;
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		order: -1;
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: 24px;
			&[src]{
				display: block;
				background: #ccc;
			}
		}
	}
	.slide{
		&:not(.slick-slider){
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
			grid-gap: 20px;
		}
	}
	.slick-slider{
		display: grid;
		grid-template-columns: auto 1fr auto;
		overflow: hidden;
		&:before{
			content: "";
			grid-column: 1 / 4;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			width: min(100% - 100px);
			visibility: hidden;
		}
		@media (min-width: 576px) {
			&:before{
				width: calc((100% - 20px) / 2);
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc((100% - 40px) / 3);
			}
		}
		@media (min-width: 1200px) {
			&:before{
				width: calc((100% - 60px) / 4);
			}
		}
	}
	.slick-list{
		grid-column: 1 / 4;
		grid-row: 1 / 3;
		margin: 0 -10px;
		@media (max-width: 575.98px) {
			padding-right: 100px;
		}
	}
	.slick-arrow{
		all: unset;
		align-self: center;
		grid-row: 1;
		position: relative;
		z-index: 1;
		aspect-ratio: 36 / 80;
		width: 40px;
		border-radius: 8px;
		background: #fcf6bb;
		font-size: 0;
		cursor: pointer;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			width: calc(100% - 8px);
			height: 100%;
			background: var(--color);
			-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-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="8 4 16 12 8 20"/></svg>') no-repeat center / 24px;
		}
	}
	.slick-prev{
		grid-column: 1;
		transform: translateX(-8px);
		&:before{
			right: 0;
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		grid-column: 3;
		transform: translateX(8px);
		&:before{
			left: 0;
		}
	}
}

#contents{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: 32px;
	padding: 80px 0 clamp(80px, calc(160 / 1200 * 100vw), 160px) 0;
	background: #f2f2f2;
	&>*{
		grid-column: 2;
	}
	& dl{
		justify-self: center;
		display: grid;
		grid-gap: 16px;
		width: min(100%, 960px);
		padding: clamp(16px, calc(32 / 1200 * 100vw), 32px);
		background: #fff;
		border: 1px solid var(--color);
		border-radius: 10px;
		@media (min-width: 576px) {
			grid-template-columns: auto auto;
			justify-content: space-between;
		}
	}
	dt{
		justify-self: center;
		display: grid;
		grid-template-columns: 32px auto;
		align-items: center;
		column-gap: 8px;
		padding: 0 1em;
		font-size: clamp(16px, calc(20 / 768 * 100vw), 20px);
		letter-spacing: 0.1em;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-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-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><circle cx="6" cy="6" r="5"/><line x1="11.5" y1="11.5" x2="15" y2="15"/></svg>') no-repeat center / contain;
		}
	}
	dd{
		display: contents;
		& a{
			display: grid;
			grid-template-columns: auto auto;
			justify-content: center;
			align-items: center;
			column-gap: 16px;
			min-width: min(100%, 320px);
			min-height: clamp(56px, calc(64 / 768 * 100vw), 64px);
			padding: 8px 24px;
			border-radius: clamp(28px, calc(32 / 768 * 100vw), 32px);
			background: var(--color-theme);
			color: #fff;
			font-weight: 700;
			font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
			letter-spacing: 0.1em;
			text-align: center;
			text-decoration: none;
			&:before,
			&:after{
				content: "";
				aspect-ratio: 1;
				grid-column: 2;
				grid-row: 1;
				align-self: center;
				justify-self: center;
			}
			&:before{
				width: clamp(24px, calc(32 / 768 * 100vw), 32px);
				background: currentColor;
				border-radius: 100%;
			}
			&:after{
				width: 16px;
				background: inherit;
				-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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="2 8 14 8"/><polyline points="10 4 14 8 10 12"/></svg>') no-repeat center / contain;
				@media (max-width: 767.98px) {
					-webkit-mask-image: 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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="4 8 12 8"/><polyline points="9 5 12 8 9 11"/></svg>');
				}
			}
			&:hover{
				background: var(--color);
				border-color: transparent;
				color: #fff;
			}
		}
	}
	& ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
		grid-gap: 16px 40px;
		margin-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
	}
	& li{
		display: contents;
		& a{
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 1em;
			justify-content: center;
			align-items: center;
			min-height: clamp(64px, calc(80 / 768 * 100vw), 80px);
			padding: 0.5em 1.5em;
			background: #fff;
			border: 1px solid #b3b3b3;
			border-radius: clamp(32px, calc(40 / 768 * 100vw), 40px);
			color: inherit;
			font-size: clamp(14px, calc(20 / 768 * 100vw), 20px);
			letter-spacing: 0.1em;
			text-align: center;
			text-decoration: none;
			&:before,
			&:after{
				content: "";
				aspect-ratio: 1;
				grid-column: 2;
				grid-row: 1;
				align-self: center;
				justify-self: center;
			}
			&:before{
				width: clamp(24px, calc(32 / 768 * 100vw), 32px);
				background: currentColor;
				border-radius: 100%;
			}
			&:after{
				width: 16px;
				background: #fff;
				-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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="2 8 14 8"/><polyline points="10 4 14 8 10 12"/></svg>') no-repeat center / contain;
				@media (max-width: 767.98px) {
					-webkit-mask-image: 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-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><polyline points="4 8 12 8"/><polyline points="9 5 12 8 9 11"/></svg>');
				}
			}
			&:hover{
				background: var(--color);
				border-color: transparent;
				color: #fff;
				&:after{
					background: inherit;
				}
			}
		}
	}
}