/* CSS Document */

#header{
	@media (min-width: 1200px) {
		.scrollTop &{
			border: none;
		}
	}
}

#siteName{
	@media (min-width: 1200px) {
		.scrollTop &{
			position: relative;
			width: clamp(240px, calc(280 / 1400 * 100vw), 280px);
			align-self: start;
			& a{
				position: absolute;
				top: -8px;
				left: 0;
				aspect-ratio: 1;
				width: 100%;
				height: auto;
				background: #fff url("/common/images/logo.mimasaka.vt.svg") no-repeat center / 65%;
				border-radius: 0 0 24px 24px;
			}
		}
	}
}

#pagePath{
	display: none;
	}

#main{
	display: grid;
	margin-bottom: clamp(80px, calc(120 / 1200 * 100vw), 120px);
	#hero{
		order: -1;
	}
}

#menu{
	margin-top: 40px;
	& ul{
		display: flex;
		justify-content: center;
		grid-gap: 40px;
	}
	& li{
		display: block;
		margin: 0 20px;
		&:nth-child(4n+1) a:before{
			background: #0bbdb1;
		}
		&:nth-child(4n+2) a:before{
			background: #7ac943;
		}
		&:nth-child(4n+3) a:before{
			background: #f79a03;
		}
		&:nth-child(4n+4) a:before{
			background: #ee6466;
		}
	}
	& a{
		display: grid;
		grid-template-columns: 12px 1fr;
		align-items: center;
		grid-gap: 8px;
		color: inherit;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme);
			border-radius: 100%;
			transform: translateY(0.1em);
		}
		&:hover{
			color: var(--color-theme-sub);
		}
	}
}

#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;
		}
	}
}

#pickup{
	display: grid;
	width: min(var(--wrap-fit), 1360px);
	margin: 40px auto 0 auto;
	& h2{
		justify-self: center;
		aspect-ratio: 251 / 150;
		width: min(100%, clamp(134px, calc(168 / 768 * 100vw), 168px));
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 168.36 100.48"><path d="M71.75,22.15c-.21,0-.39-.04-.54-.11-.42-.21-.56-.51-.6-.73-.11-.59.37-1.14.75-1.58.12-.14.27-.31.31-.39.39-.78.92-1.84.62-2.67-.12-.33-.42-.7-.76-1.12-.35-.43-.75-.91-1.06-1.49-1.35-2.51-.91-5.65,1.1-7.81.77-.83,1.7-1.54,2.59-2.2l.23-.18c.46-.37,1.08-.88,1.75-.88.21,0,.41.05.59.16.36.21.48.5.53.71.14.67-.38,1.39-.76,1.92-.09.12-.17.23-.22.32-.41.7-.84,1.46-1.15,2.27-.7,1.82-.79,3.17-.28,4.13.15.28.41.59.68.92.46.56,1.03,1.25,1.35,2.14.56,1.55-.04,3.44-1.53,4.81-.45.41-.97.78-1.6,1.14-.12.07-1.17.65-1.99.65Z" style="fill: %233376b4;"/><path d="M92.42,22.67c-.21,0-.39-.04-.54-.11-.43-.21-.57-.51-.61-.73-.11-.59.37-1.14.76-1.58.12-.14.28-.31.32-.39.39-.77.93-1.84.63-2.66-.12-.33-.42-.7-.77-1.12-.35-.42-.75-.91-1.07-1.49-1.37-2.51-.92-5.65,1.11-7.82.78-.83,1.72-1.55,2.61-2.2l.23-.18c.46-.37,1.09-.88,1.76-.88.21,0,.41.05.6.16.36.21.49.5.53.71.14.67-.39,1.39-.77,1.92-.09.12-.17.23-.22.32-.42.7-.85,1.46-1.16,2.27-.71,1.82-.8,3.17-.28,4.12.16.29.41.6.69.93.49.58,1.04,1.25,1.36,2.13.57,1.55-.04,3.44-1.55,4.81-.45.41-.98.78-1.62,1.14-.12.07-1.19.65-2,.65Z" style="fill: %233376b4;"/><path d="M81.86,22.67c-.22,0-.41-.05-.57-.14-.4-.23-.53-.54-.57-.76-.12-.64.35-1.28.73-1.8.14-.19.28-.38.33-.49.4-.95.96-2.25.63-3.31-.13-.42-.43-.86-.79-1.37-.35-.5-.75-1.07-1.06-1.76-1.36-2.98-.93-6.57,1.1-9.15.78-.99,1.72-1.84,2.61-2.62l.23-.22c.46-.44,1.1-1.05,1.79-1.05.23,0,.44.06.63.19,1.1.74.22,2.18-.24,2.95-.09.15-.17.28-.22.39-.42.84-.86,1.76-1.17,2.72-.73,2.21-.81,3.87-.27,5.06.16.35.42.72.69,1.11.49.7,1.03,1.48,1.35,2.52.55,1.79-.05,3.98-1.53,5.58-.45.49-.98.94-1.62,1.36-.12.08-1.2.78-2.03.78Z" style="fill: %233376b4;"/><path d="M58.87,26.5c3.07,11.61,18.11,11.5,27.25,11.5,9.89-.07,29.36-5.06,23.12-20.39-1.34-2.71-3.79-4.71-6.51-5.35-1-.27-2.04-.15-2.03.53.03.61.43,1.09.79,1.55,2.53,2.58,3.7,7.11,1.91,10.56-5.19,8.63-18.03,7.61-26.29,6.78-8.13-1.03-16.7-5.64-11.19-15.91.44-1.25-.13-2.19-1.19-1.8-4.28,1.95-7.39,7.15-5.89,12.33l.05.2Z" style="fill: %233376b4;"/><path d="M1.16,92.48c-.92,0-1.16-.16-1.16-1,0-.28.12-4.88.12-7v-13.6c0-2.12-.12-6.56-.12-6.84,0-.84.28-1.12,1.12-1.12.28,0,3.8.08,5.64.08h5.24c6.12,0,9.88,3.04,9.88,9.08,0,6.48-3.8,10.92-11.68,10.92h-2.2c-1,0-1.2.2-1.2,1.2,0,2.44.12,7,.12,7.28,0,.84-.24,1-1.16,1H1.16ZM6.8,76.12c0,1,.2,1.2,1.2,1.2h2.16c3.04,0,4.88-1.56,4.88-4.6,0-2.4-1.24-3.76-4.2-3.76h-2.84c-1,0-1.2.2-1.2,1.2v5.96Z" style="fill: %233376b4;"/><path d="M34.92,64.56c0,2.44-1.48,4.32-4.12,4.32-2.12,0-3.72-1.52-3.72-3.64,0-2.28,1.44-4.2,4.12-4.2,2.12,0,3.72,1.48,3.72,3.52ZM28.8,92.48c-.92,0-1.16-.16-1.16-1,0-.28.08-4.16.08-5.8v-8.4c0-1.64-.08-5.52-.08-5.8,0-.84.24-1,1.16-1h4.4c.92,0,1.16.16,1.16,1,0,.28-.08,4.16-.08,5.8v8.4c0,1.64.08,5.52.08,5.8,0,.84-.24,1-1.16,1h-4.4Z" style="fill: %233376b4;"/><path d="M57.88,90.76c0,.36-.28.56-.88.84-1.6.72-3.72,1.12-5.6,1.12-7.88,0-10.8-5.28-10.8-10.4,0-6.84,4.16-12.08,12.08-12.08,1.56,0,3.32.32,4.68.8.6.24.88.44.88.84,0,.16-.04.4-.16.68l-1.4,3.76c-.24.64-.36.92-.68.92-.2,0-.44-.08-.8-.24-.64-.28-1.44-.44-2.24-.44-3.12,0-5.6,2.04-5.6,5.64,0,2.96,2.12,4.8,4.96,4.8.92,0,1.92-.16,2.72-.52.36-.16.6-.24.8-.24.32,0,.48.28.72.92l1.12,2.84c.12.32.2.56.2.76Z" style="fill: %233376b4;"/><path d="M70.88,85.4c-.24.24-.4.52-.4,1.08,0,1.24.08,4.72.08,5,0,.84-.24,1-1.16,1h-4.24c-.92,0-1.16-.16-1.16-1,0-.28.08-4.16.08-5.8v-17.2c0-1.64-.08-5.52-.08-5.8,0-.84.24-1,1.16-1h4.24c.92,0,1.16.16,1.16,1,0,.4-.08,4.2-.08,5.8v8.04c0,.44.08.68.28.68.12,0,.32-.12.52-.36l1-1.12c1.16-1.28,2.44-2.72,3.8-4.32.64-.76.96-.92,1.96-.92h5.08c.56,0,.84.16.84.44,0,.12-.08.32-.28.52-1.92,2.04-3.36,3.6-4.84,5.2l-1.04,1.16c-.36.4-.56.68-.56,1,0,.24.12.52.36.92l3.2,5.76c.96,1.72,2.12,3.76,3.44,5.96.2.32.28.52.28.68,0,.28-.28.36-.88.36h-5.04c-1.04,0-1.28-.16-1.76-1.08-1.16-2.24-2.2-4.12-3.12-5.76l-.6-1.08c-.24-.44-.4-.64-.64-.64-.16,0-.4.16-.68.48l-.92,1Z" style="fill: %233376b4;"/><path d="M125.47,82.68c0,6.48-5.36,10.36-13.12,10.36s-12.24-3.92-12.24-10.28v-11.76c0-2.12-.12-6.72-.12-7,0-.84.24-1,1.16-1h4.72c.92,0,1.16.16,1.16,1,0,.28-.12,4.88-.12,7v10.52c0,3.32,2.12,5.2,5.72,5.2s6.16-1.84,6.16-5.24v-10.48c0-2.12-.12-6.72-.12-7,0-.84.24-1,1.16-1h4.6c.92,0,1.16.16,1.16,1,0,.28-.12,4.88-.12,7v11.68Z" style="fill: %233376b4;"/><path d="M139.72,92.6c-.52,0-.64.28-.64,1.04,0,1.68.08,5.56.08,5.84,0,.84-.24,1-1.16,1h-4.4c-.92,0-1.16-.16-1.16-1,0-.28.08-4.16.08-5.8v-16.4c0-1.64-.08-5.52-.08-5.8,0-.84.24-1,1.16-1h3.92c.88,0,1.08.16,1.12,1.04.04.52.12.72.32.72.12,0,.28-.08.56-.28,1.48-1.04,3.32-1.72,5.32-1.72,5.52,0,8.92,3.96,8.92,10.08,0,8.48-6.04,12.4-12.28,12.4-.4,0-.8,0-1.28-.08-.2-.04-.36-.04-.48-.04ZM147,81.24c0-3.12-1.76-4.72-4.16-4.72-1,0-1.96.28-2.8.76-.76.4-.96.76-.96,1.64v7.2c0,.84.2,1.08,1.04,1.2.36.04.76.04,1.16.04,3.12,0,5.72-2.16,5.72-6.12Z" style="fill: %233376b4;"/><path d="M168.36,88.6c0,2.2-1.44,4.12-4.16,4.12-2.16,0-3.72-1.44-3.72-3.52,0-2.36,1.48-4.28,4.12-4.28,2.16,0,3.76,1.56,3.76,3.68ZM162.96,82.4c-1.04,0-1.2-.16-1.24-1.2l-.4-9.48c-.16-2.48-.4-7.08-.4-7.88,0-.68.24-.84,1.12-.84h4.72c.88,0,1.12.16,1.12.84,0,.8-.24,5.36-.4,8.36l-.36,9c-.04,1.04-.2,1.2-1.24,1.2h-2.92Z" style="fill: %233376b4;"/></svg>') no-repeat center / contain;
		font-size: 0;
	}
	@media (max-width: 1199.98px) {
		#pickupList{
			margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		}
	}
	@media (min-width: 1200px) {
		grid-template-columns: 300px 1fr;
		& h2{
			align-self: center;
		}
		#pickupList{
			padding: 20px 0 0 20px;
			border-left: 1px solid #b3b3b3;
		}
		
	}
}

#pickupList{
	display: grid;
	& 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;
			}
		}
		@media (min-width: 576px) {
			width: 360px;
		}
	}
	& 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;
			}
		}
	}
	.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;
		}
		@media (max-width: 575.98px) {
			&:before{
				margin-right: 100px;
			}
		}
		@media (min-width: 576px) {
			&:before{
				width: 360px;
			}
		}
	}
	.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: rgba(255, 255, 255, 0.6);
		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;
		}
	}
}

#ranking{
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 1360px) 1fr;
	margin-top: clamp(80px, calc(120 / 1200 * 100vw), 120px);
	padding-top: 64px;
	background: #dfede0;
	overflow: hidden;
	&>*{
		grid-column: 2;
	}
	& h2{
		justify-self: center;
		aspect-ratio: 100 / 13;
		width: min(100%, clamp(332px, calc(416 / 768 * 100vw), 416px));
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.92 54.44"><path d="M51.66,37.67c-.07-.2-.17-.38-.32-.51-.44-.39-1.06-.5-1.61-.5-.97-.01-1.93-.06-2.9-.07-2.62-.03-5.23-.06-7.85-.1-.62,0-1.27-.02-1.8-.34-.91-.54-.71-2.02-.73-2.93-.09-2.94-.17-5.89-.25-8.83,0-1.72-.12-3.43-.25-5.14-.05-.67.1-1.15-.56-1.52-.53-.3-1.21-.32-1.8-.33l-8.78-.07c-2.43-.02-4.77.16-7.18.23-.39.01-.79.03-1.14.19-1.07.49-.79,2.03-.8,2.95-.01,1.12,0,2.25.01,3.37.02,2.21.05,4.42-.11,6.62-.06.88-.48,1.21-1.39,1.23-3.42.08-6.83.17-10.25.25-1.29.03-2.83.15-3.46,1.45-.39.79-.4,1.71-.41,2.59-.03,5.05-.06,10.11-.09,15.16,0,.58,0,1.18.25,1.7.6,1.25,2.51.7,3.65.72,1.68.02,3.37.04,5.05.05,3.46.03,6.91.04,10.37.05,6.82.01,13.65,0,20.47,0,3.45,0,6.89.22,10.34.04.33-.02.67-.04.98-.18.5-.23.6-.75.68-1.23.34-2.01.17-4.17.18-6.21.01-2.35,0-4.71-.12-7.06-.02-.45-.01-1.09-.18-1.58Z" style="fill: %23658a5f;"/><path d="M27.78,30.2c.01.54.02,1.07.04,1.6.01.46-.07.91-.63.89-.54-.02-1.42.21-1.89-.14-.2-.15-.25-.4-.27-.63-.04-.51.03-1.05.04-1.56.02-.88.03-1.75.04-2.63,0-.21,0-2.49-.16-2.49-.16-.31-.71,0-1.11-.05-.58-.15-.69-.92-.96-1.4-.54-.96.24-1.18,1.1-1.45,1.05-.33,2.12-.86,3.26-.67.2.03.4.13.5.31.07.12.09.26.1.39.05.7-.04,1.41-.06,2.1-.06,1.9-.05,3.81,0,5.72Z" style="fill: %23fff;"/><path d="M10.45,43.47c1.84.04,2.95-.44,2.54,2.11-.26.76-1.31.3-2.04.4-1.48-.01-2.95,0-4.4.01-.43,0-.75.04-.91-.13-.36-.51-.2-1.49.03-2.04.43-.64,1.29-1.04,1.87-1.61.81-.77,1.98-1.45,2.4-2.54.46-1.39-1.13-2.02-2.19-1.39-.48.22-.84.61-1.21.38-.26-.15-.53-.52-.74-.85-.81-1.07.61-1.56,1.46-1.93,1.47-.6,3.86-.38,4.86.74,1.84,1.87.26,4.71-1.39,6.13-.34.32-.58.63-.39.69l.11.02Z" style="fill: %23fff;"/><path d="M45.8,44.79c2.3,1.19,2.12,3.99-.31,5.08-1.58.68-4.16.71-5.61-.04-.32-.41-.04-.85.14-1.35.11-.29.24-.54.46-.63.52-.17,1.41.23,2.14.2.98.11,2.37-.37,1.96-1.51-.57-.97-2.53-.37-3.3-.73-.3-.24-.32-1.43.01-1.67.49-.34,2.56.27,2.59-.94-.23-1.07-1.64-.69-2.48-.59-1.03.29-1.58-1-1.32-1.75,1.03-1.01,3.19-.93,4.59-.69,2.42.39,3.03,3.08,1.15,4.53l-.02.09Z" style="fill: %23fff;"/><path d="M16.43,3.52c.07-.44.36-1.02.9-.95.32.04.58.25.82.45.71.58,1.42,1.16,2.13,1.74.19.16.42.33.67.3.22-.03.38-.19.53-.35.77-.85,1.45-1.79,2.01-2.79.24-.43.46-.87.78-1.23S25.05.01,25.54,0c.88-.02,1.51.79,1.99,1.52.59.89,1.17,1.78,1.76,2.66.18.28.38.57.68.72.65.32,1.39-.15,1.95-.6.49-.39.98-.77,1.46-1.16.28-.22.57-.44.91-.54s.76-.03.97.25c.12.16.16.37.2.57.32,1.76.4,3.5.5,5.28.05.92.09,1.84.1,2.76,0,.57.25,1.51,0,2.02-.76,1.51-3.99.72-5.29.71-1.58,0-3.17-.02-4.75-.03-1.7,0-3.39,0-5.09-.01-.85,0-1.7,0-2.54,0-.58,0-1.45.22-1.91-.24-.26-.26-.28-.66-.29-1.02-.04-1.87.07-3.72.13-5.59.03-.83.05-1.66.08-2.49.01-.38-.03-.86.03-1.29Z" style="fill: %23fad067;"/><path d="M88.56,50.56c-.68.64-3.2,2.96-4.04,2.96s-4.96-3.2-4.96-4.08c0-.24.32-.44,1.16-.92,4.8-2.88,7.8-7.28,8.68-12.64.12-.84.16-1.96.16-2.92,0-.08-.04-.12-.04-.2,0-.32.04-.44.4-.44,1.16,0,5.08.16,6,.28.68.08.8.24.8.44,0,.12-.12.24-.16.36-.04.04-.08.12-.08.16,0,.2.16.32.36.32.12,0,.2-.04.28-.12.32-.28,2.84-2.48,2.84-3,0-.24-.2-.44-.64-.44h-14.76c-1.48,0-2.92,0-4.36.04-.56,0-1.12.04-1.68.04-1.24,0-1.28-.44-1.28-2.68v-2.04c0-.88.16-1.4,1.16-1.4,2.04,0,4.08.08,6.16.08h17.6c1.24,0,2.52-.04,3.68-.24.2-.04.48-.08.68-.08.72,0,1.2.52,1.72,1.04.68.68,2.24,2.2,2.24,3.16,0,.44-.44.8-.84,1.12-.16.16-.44.44-.56.6-2.28,2.52-4.64,4.92-7.08,7.24l-.36.36c-.72.72-1.48,1.4-1.96,1.4-.64,0-2.4-1.48-3.08-2.04-.12-.08-.24-.12-.4-.12-.48,0-.6.24-.72.72-1.24,5.04-3.08,9.36-6.92,13.04Z" style="fill: %23658a5f;"/><path d="M139.04,25.92c.72,0,1.2-.04,2.24-.28.16-.04.28-.04.44-.04,1.2,0,3.28,2.92,3.28,3.48,0,.28-.52,1.08-.72,1.4-.4.64-.76,1.32-1.12,2-4.96,9.36-9.08,14.96-18.52,20.2-.6.32-2.08,1.12-2.6,1.12-.72,0-2.44-1.52-3.08-2.08-.48-.44-1.4-1.28-1.4-1.84,0-.44.56-.72,1.08-1,.12-.04.24-.12.36-.16,6.44-3.04,11.56-7.24,15.44-13.2.44-.68,1.6-2.56,1.6-3.32,0-.52-.56-.56-1.04-.56h-5.72c-.68,0-1,.48-1.36.96-.8,1.12-2.52,3.12-3.52,4.16-.52.56-2.4,2.56-3.04,2.56-.8,0-3.68-1.96-4.36-2.52-.24-.24-.52-.56-.52-.92,0-.28.2-.48.4-.64,2.52-2,4.48-4.08,6.36-6.64,1.64-2.24,3.64-5.48,4.6-8.08.2-.52.4-1.12.72-1.12.36,0,4.52,2.08,5.2,2.44.48.2.96.4.96.72,0,.2-.2.28-.36.36-.96.52-1.6,2-1.6,2.28,0,.44.36.64.76.72h5.52Z" style="fill: %23658a5f;"/><path d="M166.44,43.28c0,2.16.2,2.48,2.64,2.48,3.08,0,7.32-.28,10.36-.72.2-.04.52-.08.72-.08.92,0,1,1.48,1,2.68v1.24c0,.92-.08,1.72-.8,2.12-.28.16-.6.24-.92.28-1.28.04-7.12.36-7.92.36-1.76,0-3.52,0-5.28-.08-1.56-.08-3.52-.44-4.64-1.6-1.24-1.28-1.36-3.84-1.36-5.96v-5.4c0-.52-.4-.96-.96-.96-.04,0-.2.04-.36.08l-.6.12c-.76.16-5.48,1.16-5.8,1.16-.76,0-.88-.64-1.04-1.44-.16-.72-.64-3.12-.64-3.76,0-.72.88-.88,3.28-1.32.84-.12,1.88-.32,3.16-.56l1.96-.36c.6-.12,1-.64,1-1.24v-2.76c0-1.48,0-2.96-.08-4.44,0-.6-.12-1.36-.12-1.96,0-.36.08-.52.48-.52l5.84.64c.32.04.92.16.92.56,0,.16-.08.24-.24.44-.56.56-.6.96-.6,1.72v5.04c0,.48.4.88.88.88.08,0,.4-.04.6-.08l6.6-1.28c1.4-.28,2.76-.56,4.12-.96.24-.08.52-.12.76-.12,1,0,4,3,4,4,0,.36-.28.6-.52.84-.36.36-1.4,1.72-1.8,2.24-1.92,2.36-3.92,4.68-5.96,6.92-.4.48-.96,1.12-1.64,1.12-.84,0-4.24-2.2-4.24-3.32,0-.36,1.04-1.24,1.36-1.52.36-.32,2.68-2.36,2.68-2.72,0-.12-.12-.24-.32-.24s-.76.12-1,.2l-4.48.92c-.64.16-1.04.76-1.04,1.24v6.12Z" style="fill: %23658a5f;"/><path d="M210.52,24.25c.8,0,1.96,0,2.76-.12.28-.04.72-.08,1-.08,1.24,0,3.44,3,3.44,3.56,0,.2-.32.76-.6,1.24-.76,1.36-3.12,5.52-5.56,8.64-.2.24-.32.44-.32.76,0,.4.2.64.56.84,2.44,1.68,5.04,3.72,7.28,5.68.4.36,1.8,1.6,2.08,1.96.16.12.24.28.24.48,0,1.12-3.36,4.64-4.48,4.64-.6,0-1.12-.64-1.56-1.16-.04-.12-.12-.2-.2-.28-2.04-2.44-4.52-4.52-7.04-6.44-.4-.28-.96-.68-1.32-.68-.4,0-.72.2-1,.48-1.92,1.76-4.08,3.4-6.28,4.8-.88.56-4.76,2.84-5.56,2.84-.72,0-2.2-2.2-2.64-2.84-.32-.48-1-1.64-1-2.16,0-.6.56-.84,1.04-1,6.2-2.2,12.84-7.6,16.44-13.12.2-.28.56-.84.56-1.2,0-.68-.68-.76-1.36-.76h-6.08c-1.8,0-3.64.08-5.48.08-1,0-1.08-.48-1.08-1.92v-2.68c0-1.4.08-1.68,1.04-1.68,1.84,0,3.68.12,5.52.12h9.6Z" style="fill: %23658a5f;"/><path d="M250.68,30.48c1.04,0,2.12,0,2.64-.08.28-.04.64-.08.92-.08.64,0,1.96,1.24,2.52,1.76.48.48,1.2,1.16,1.2,1.8,0,.36-.52,1.6-.64,2-2.16,6.08-5.72,10.68-10.72,14.64-1.16.96-5.28,3.92-6.64,3.92-1.2,0-4-3.52-4-4.28,0-.36.52-.6.8-.72,4.16-1.72,8.48-5.4,11.2-8.96.48-.64,1.76-2.44,1.76-3.2,0-.8-.8-.88-1.28-.88h-13.64c-1.8,0-3.56.04-5.32.04-1.2,0-1.36-.36-1.36-1.92v-2.28c0-1.6.24-1.84,1.28-1.84,1.84,0,3.68.08,5.52.08h15.76ZM247.28,21.77c1.24,0,2.52,0,3.8-.04.52,0,1.04-.08,1.56-.08,1,0,1.16.56,1.16,2v1.88c0,1.64-.04,2.16-1.28,2.16-1.76,0-3.52-.04-5.24-.04h-9.32c-1.72,0-3.48.04-5.24.04-1.2,0-1.28-.52-1.28-2.04v-2.2c0-1.32.24-1.8,1.16-1.8,1.2,0,3.4.12,5.36.12h9.32Z" style="fill: %23658a5f;"/><path d="M297.08,30.72c.08.12.12.28.24.44.28.6.68,1.44.68,1.88,0,.96-3.24,4.04-4.08,4.84-6.44,6.28-12.88,9.88-20.88,13.72-.8.4-.76.48-1.08,1.04-.04.12-.16.24-.32.24-.32,0-.56-.36-.72-.64-.68-1-1.32-2.04-1.88-3.08-.28-.48-1.16-1.96-1.16-2.4,0-.36.44-.56.76-.64,3.56-.96,7.04-2.52,10.24-4.4,4.92-2.92,11.08-7.92,14.44-12.52.08-.12.16-.2.24-.32.36-.52.68-.96,1.12-.96.8,0,2.04,2.16,2.4,2.8ZM273,22.56c3.24,1.92,5.72,3.84,7.04,5.04.24.2.36.4.36.72,0,1.16-2.84,4.4-3.76,4.4-.36,0-.76-.36-1-.6-2.32-1.92-4.08-3.2-6.72-4.68-.32-.2-.72-.44-.72-.84,0-.8,2.4-4.6,3.56-4.6.2,0,.68.24,1.24.56Z" style="fill: %23658a5f;"/><path d="M313.8,27.64c.56-.08.96-.52.96-1.08,0-.28-.08-.52-.12-.8l-.24-1.04c-.08-.48-.84-3.6-.84-3.76,0-.44.6-.56,1.32-.6,1.6-.12,3.24-.24,4.88-.24.36,0,.72,0,.72.28,0,.2-.08.4-.2.6-.16.24-.32.52-.32.96,0,.52.4,2.4.52,3.04l.08.32c.12.68.6,1.16,1.28,1.16h.16l2.52-.4c.76-.08,5.4-.84,5.6-.84.92,0,.96.88,1.16,1.84.08.64.4,2.36.4,2.92,0,.96-.6,1.04-3.2,1.36-.84.08-1.84.2-3.12.4l-2.44.36c-.52.12-.84.56-.84,1.08v.2l.48,2.44c.12.6.6,1,1.2,1h.16l5.36-.76c.8-.12,5.68-.92,5.88-.92.92,0,1.04.88,1.16,2.04l.12.8c.08.48.2,1.4.2,1.84,0,.72-.28,1.08-1,1.2-.36.04-4.96.64-5.56.72l-5.12.72c-.56.12-.92.6-.92,1,0,.08,0,.2.04.32l.28,1.44c.24,1.16,1.48,6.8,1.48,7.48,0,.64-.68.76-1.2.88-.84.2-3.16.72-3.96.72-.72,0-.92-.56-1.04-1.76-.24-2.04-.64-4.04-1-6.04l-.36-1.8c-.12-.64-.64-1.08-1.24-1.08h-.16l-6.2.88c-.84.12-5.04.84-5.44.84-.76,0-.92-.48-1.08-1.12-.12-.56-.52-3.36-.52-3.88,0-.8.56-.88,2.8-1.12.88-.08,2-.2,3.44-.4l5.96-.84c.56-.12.92-.52.92-1.04,0-.08,0-.12-.04-.28l-.44-2.32c-.12-.64-.56-1.04-1.16-1.04h-.28l-2.72.4c-.84.12-5.36.84-5.76.84-.68,0-.92-.6-1.04-1.2-.12-.72-.44-3.04-.44-3.64,0-.88.56-.96,3-1.24.88-.12,2.08-.24,3.56-.48l2.36-.36Z" style="fill: %23658a5f;"/><path d="M374.24,30.72c.08.12.12.28.24.44.28.6.68,1.44.68,1.88,0,.96-3.24,4.04-4.08,4.84-6.44,6.28-12.88,9.88-20.88,13.72-.8.4-.76.48-1.08,1.04-.04.12-.16.24-.32.24-.32,0-.56-.36-.72-.64-.68-1-1.32-2.04-1.88-3.08-.28-.48-1.16-1.96-1.16-2.4,0-.36.44-.56.76-.64,3.56-.96,7.04-2.52,10.24-4.4,4.92-2.92,11.08-7.92,14.44-12.52.08-.12.16-.2.24-.32.36-.52.68-.96,1.12-.96.8,0,2.04,2.16,2.4,2.8ZM350.16,22.56c3.24,1.92,5.72,3.84,7.04,5.04.24.2.36.4.36.72,0,1.16-2.84,4.4-3.76,4.4-.36,0-.76-.36-1-.6-2.32-1.92-4.08-3.2-6.72-4.68-.32-.2-.72-.44-.72-.84,0-.8,2.4-4.6,3.56-4.6.2,0,.68.24,1.24.56Z" style="fill: %23658a5f;"/><path d="M404.04,26.56c.52,0,1,0,1.52-.12.12-.04.28-.04.4-.04,1.32,0,4,3.36,4,4.08,0,.2-.2.56-.56,1.12-.24.44-.56.96-.92,1.6-4.12,7.8-7.84,13.44-15.4,18.32-1,.64-4.68,2.92-5.64,2.92-.76,0-2.32-1.4-2.96-1.96-.48-.44-1.52-1.36-1.52-1.96,0-.56.76-.84,1.44-1.12,6.72-3.24,12.68-8.16,16.32-14.72.24-.44.72-1.36.72-1.84,0-.52-.56-.56-1.04-.56h-5.72c-.68,0-1,.48-1.36.96-.8,1.12-2.56,3.12-3.52,4.16-.08.08-.2.2-.32.36-.76.76-2.16,2.2-2.72,2.2-.84,0-3.68-1.92-4.36-2.52-.28-.24-.52-.56-.52-.92,0-.28.2-.48.4-.64,2.56-2.08,4.36-3.96,6.32-6.64,1.6-2.16,3.72-5.56,4.64-8.08.16-.44.4-1.12.72-1.12.24,0,2.4,1.04,3.88,1.8.68.32,1.24.6,1.44.68.24.12.84.4.84.68,0,.16-.24.28-.36.36-1.04.56-1.6,2.04-1.6,2.28,0,.44.32.64.72.72h5.16ZM412.72,25.92c0,.8-2.2,2.08-2.56,2.08-.2,0-.32-.2-.44-.36-1.12-1.64-1.56-2.2-2.8-3.72-.12-.12-.28-.32-.28-.48,0-.64,2.28-1.84,2.64-1.84.4,0,3.44,3.76,3.44,4.32ZM416.92,23c0,.72-2.04,2.08-2.52,2.08-.2,0-.36-.24-.48-.4-.88-1.28-1.8-2.48-2.84-3.68-.12-.16-.24-.28-.24-.44,0-.6,2.24-1.84,2.64-1.84s3.44,3.68,3.44,4.28Z" style="fill: %23658a5f;"/></svg>') no-repeat center / contain;
		font-size: 0;
	}
	& article{
		margin-top: clamp(24px, calc(40 / 1200 * 100vw), 40px);
		&:not(.select){
			display: none;
		}
		& h2{
			display: none;
		}
	}
	#rankingCategory{
		grid-column: 1 / 4;
		justify-self: center;
		width: min(100%, 1360px);
		margin-top: 32px;
	}
	@media (max-width: 1199.98px) {
		#rankingNav{
			margin-top: 24px;
		}
	}
	@media (min-width: 1200px) {
		& h2{
			grid-row: 1;
		}
		#rankingNav{
			grid-row: 1;
			align-self: center;
			justify-self: end;
		}
	}
}

#rankingNav{
	& ul{
		display: flex;
		justify-content: center;
		column-gap: 8px;
	}
	& li{
		display: grid;
		align-items: center;
		min-height: clamp(32px, calc(40 / 768 * 100vw), 40px);
		padding: 0.25em 1em;
		border: 1px solid currentColor;
		border-radius: 20px;
		color: #658a5f;
		font-weight: 700;
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
		letter-spacing: 0.025em;
		cursor: pointer;
		&.select{
			background: #658a5f;
			border-color: transparent;
			color: #fff;
		}
	}
}

#rankingCategory{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	border-bottom: 1px solid #658a5f;
	& 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;
		color: #658a5f;
		font-weight: 700;
		font-size: clamp(10px, calc(16 / 768 * 100vw), 16px);
		cursor: pointer;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 8px;
			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="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: #658a5f;
			color: #fff;
			&:after{
				background: currentColor;
			}
		}
	}
}

#rankingList{
	& h2+div{
		display: grid;
		grid-gap: 32px 16px;
		align-items: start;
		@media (min-width: 768px) {
			grid-template-columns: 2fr 1fr 1fr;
		}
	}
	& h2+div+div{
		position: relative;
		display: flex;
		justify-content: center;
		margin-top: clamp(48px, calc(64 / 1200 * 100vw), 64px);
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 100vw;
			height: 50%;
			background: #fff;
			transform: translateX(-50%);
			z-index: -1;
		}
		& 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;
			background: #fff;
			border: 1px solid #658a5f;
			border-radius: clamp(32px, calc(40 / 768 * 100vw), 40px);
			color: #4a6545;
			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: #658a5f;
				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;
				&:before{
					background: currentColor;
				}
				&:after{
					background: inherit;
				}
			}
		}
	}
	& section{
		counter-increment: count;
		position: relative;
		display: grid;
		grid-gap: 16px;
		&:not(:has(figure)){
			&:before{
				content: "";
				grid-column: 1;
				grid-row: 1;
				aspect-ratio: 3 / 2;
				background: var(--dummy);
				border-radius: 24px;
			}
		}
		&:after{
			content: "";
			grid-column: 1;
			grid-row: 1;
			justify-self: center;
			aspect-ratio: 34 / 25;
			width: min(25%, 50px);
			background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 56"><path d="M1.18,13.14c.51-2.4,2.2-2.9,4.38-1.79.95.49,1.76,1.22,2.58,1.91,1.8,1.54,10.53,9.05,12.5,7.13,5.16-5.05,8.39-11.42,12.9-16.96.66-.81,1.33-1.63,2.15-2.28,3.9-3.09,7.12.69,9.28,3.97,2.33,3.54,4.65,7.07,6.98,10.61,1.15,1.75,2.48,3.03,3.99,4.48.19.18.39.36.65.39.28.03.55-.14.78-.3,2.94-2.08,5.56-4.58,8.46-6.72,2.55-1.87,8.35-6.73,9.4-.72.72,4.1.72,8.29.72,12.46,0,8.59,0,17.18,0,25.76,0,1.36.43,3.46-.98,4.19-1.2.62-3.55.54-4.87.63-4.1.29-8.2-.19-12.3-.21-6.27-.03-12.54-.09-18.81-.1-6.71-.02-13.43-.04-20.14-.06-5.37-.02-10.78.15-16.12-.51-.39-.05-.79-.11-1.16-.26C.08,54.12.06,51.78.03,50.45c-.15-7.47.26-14.82.5-22.26.11-3.31.22-6.62.32-9.93.04-1.2-.06-3.35.32-5.11Z" style="fill: %23658a5f;"/></svg>') no-repeat center / contain;
			pointer-events: none;
			transform: translateY(-50%);
		}
		&:nth-child(1){
			grid-column: 1;
			grid-row: 1 / 3;
			&:after{
				width: min(25%, 76px);
				background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 56"><path d="M1.18,13.14c.51-2.4,2.2-2.9,4.38-1.79.95.49,1.76,1.22,2.58,1.91,1.8,1.54,10.53,9.05,12.5,7.13,5.16-5.05,8.39-11.42,12.9-16.96.66-.81,1.33-1.63,2.15-2.28,3.9-3.09,7.12.69,9.28,3.97,2.33,3.54,4.65,7.07,6.98,10.61,1.15,1.75,2.48,3.03,3.99,4.48.19.18.39.36.65.39.28.03.55-.14.78-.3,2.94-2.08,5.56-4.58,8.46-6.72,2.55-1.87,8.35-6.73,9.4-.72.72,4.1.72,8.29.72,12.46,0,8.59,0,17.18,0,25.76,0,1.36.43,3.46-.98,4.19-1.2.62-3.55.54-4.87.63-4.1.29-8.2-.19-12.3-.21-6.27-.03-12.54-.09-18.81-.1-6.71-.02-13.43-.04-20.14-.06-5.37-.02-10.78.15-16.12-.51-.39-.05-.79-.11-1.16-.26C.08,54.12.06,51.78.03,50.45c-.15-7.47.26-14.82.5-22.26.11-3.31.22-6.62.32-9.93.04-1.2-.06-3.35.32-5.11Z" style="fill: %23658a5f;"/><path d="M42.02,43.87c.03,1.36.06,2.71.09,4.07.03,1.16-.18,2.3-1.6,2.24-1.35-.05-3.56.53-4.76-.36-.5-.37-.63-1.01-.67-1.59-.11-1.3.08-2.66.1-3.97.04-2.22.09-4.44.11-6.66,0-.52-.02-6.3-.4-6.3-.41-.8-1.78.02-2.79-.13-1.47-.39-1.74-2.33-2.41-3.55-1.35-2.44.6-2.99,2.77-3.68,2.65-.83,5.34-2.18,8.21-1.69.5.09,1,.34,1.26.78.18.3.23.65.26,1,.14,1.76-.09,3.56-.14,5.33-.14,4.83-.12,9.67-.02,14.5Z" style="fill: %23fff;"/></svg>');
			}
			& h3{
				font-size: clamp(14px, calc(24 / 1200 * 100vw), 24px);
			}
		}
		&:nth-child(2){
			&:after{
				background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 40"><path d="M.84,9.36c.37-1.71,1.56-2.07,3.11-1.27.68.35,1.25.87,1.83,1.36,1.28,1.09,7.48,6.44,8.88,5.08,3.67-3.6,5.96-8.14,9.16-12.08.47-.58.94-1.16,1.53-1.62,2.77-2.2,5.06.49,6.59,2.83,1.65,2.52,3.31,5.04,4.96,7.56.82,1.25,1.76,2.16,2.84,3.19.13.13.28.26.46.28.2.02.39-.1.56-.22,2.09-1.48,3.95-3.27,6.01-4.79,1.81-1.33,5.93-4.79,6.68-.51.51,2.92.51,5.91.51,8.87,0,6.12,0,12.23,0,18.35,0,.97.31,2.46-.7,2.99-.85.44-2.52.38-3.46.45-2.91.21-5.83-.14-8.74-.15-4.46-.02-8.91-.06-13.37-.07-4.77-.01-9.54-.03-14.31-.04-3.82-.01-7.66.11-11.45-.36-.28-.03-.56-.07-.82-.19C.06,38.55.04,36.88.02,35.93c-.11-5.32.18-10.55.36-15.86.08-2.36.15-4.72.23-7.08.03-.85-.04-2.39.23-3.64Z" style="fill: %23658a5f;"/><path d="M29.5,30.13c3.01.06,4.81-.73,4.15,3.48-.43,1.25-2.14.49-3.33.66-2.42-.02-4.82-.01-7.19.02-.7,0-1.22.06-1.49-.21-.59-.84-.32-2.45.05-3.36.7-1.05,2.11-1.72,3.06-2.66,1.32-1.27,3.24-2.39,3.92-4.18.75-2.29-1.84-3.33-3.58-2.29-.78.35-1.37,1.01-1.97.63-.43-.24-.86-.85-1.21-1.4-1.32-1.76,1-2.57,2.39-3.18,2.39-.98,6.3-.63,7.93,1.22,3.01,3.08.43,7.76-2.28,10.09-.56.52-.94,1.03-.64,1.13l.19.04Z" style="fill: %23fff;"/></svg>');
			}
		}
		&:nth-child(3){
			&:after{
				background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 40"><path d="M.84,9.36c.37-1.71,1.56-2.07,3.11-1.27.68.35,1.25.87,1.83,1.36,1.28,1.09,7.48,6.44,8.88,5.08,3.67-3.6,5.96-8.14,9.16-12.08.47-.58.94-1.16,1.53-1.62,2.77-2.2,5.06.49,6.59,2.83,1.65,2.52,3.31,5.04,4.96,7.56.82,1.25,1.76,2.16,2.84,3.19.13.13.28.26.46.28.2.02.39-.1.56-.22,2.09-1.48,3.95-3.27,6.01-4.79,1.81-1.33,5.93-4.79,6.68-.51.51,2.92.51,5.91.51,8.87,0,6.12,0,12.23,0,18.35,0,.97.31,2.46-.7,2.99-.85.44-2.52.38-3.46.45-2.91.21-5.83-.14-8.74-.15-4.46-.02-8.91-.06-13.37-.07-4.77-.01-9.54-.03-14.31-.04-3.82-.01-7.66.11-11.45-.36-.28-.03-.56-.07-.82-.19C.06,38.55.04,36.88.02,35.93c-.11-5.32.18-10.55.36-15.86.08-2.36.15-4.72.23-7.08.03-.85-.04-2.39.23-3.64Z" style="fill: %23658a5f;"/><path d="M31.6,25.47c3.87,2.02,3.55,6.75-.52,8.6-2.66,1.15-6.99,1.2-9.42-.07-.54-.69-.07-1.44.24-2.29.19-.49.4-.92.77-1.07.87-.28,2.37.38,3.59.34,1.65.18,3.98-.62,3.29-2.55-.96-1.64-4.24-.62-5.54-1.24-.5-.41-.53-2.42.02-2.83.83-.58,4.29.46,4.35-1.59-.39-1.82-2.76-1.17-4.16-1-1.72.48-2.66-1.69-2.22-2.97,1.73-1.7,5.35-1.58,7.7-1.16,4.07.66,5.09,5.21,1.93,7.67l-.04.16Z" style="fill: %23fff;"/></svg>');
			}
		}
		&:nth-child(4){
			&:after{
				background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 40"><path d="M.84,9.36c.37-1.71,1.56-2.07,3.11-1.27.68.35,1.25.87,1.83,1.36,1.28,1.09,7.48,6.44,8.88,5.08,3.67-3.6,5.96-8.14,9.16-12.08.47-.58.94-1.16,1.53-1.62,2.77-2.2,5.06.49,6.59,2.83,1.65,2.52,3.31,5.04,4.96,7.56.82,1.25,1.76,2.16,2.84,3.19.13.13.28.26.46.28.2.02.39-.1.56-.22,2.09-1.48,3.95-3.27,6.01-4.79,1.81-1.33,5.93-4.79,6.68-.51.51,2.92.51,5.91.51,8.87,0,6.12,0,12.23,0,18.35,0,.97.31,2.46-.7,2.99-.85.44-2.52.38-3.46.45-2.91.21-5.83-.14-8.74-.15-4.46-.02-8.91-.06-13.37-.07-4.77-.01-9.54-.03-14.31-.04-3.82-.01-7.66.11-11.45-.36-.28-.03-.56-.07-.82-.19C.06,38.55.04,36.88.02,35.93c-.11-5.32.18-10.55.36-15.86.08-2.36.15-4.72.23-7.08.03-.85-.04-2.39.23-3.64Z" style="fill: %23658a5f;"/><path d="M31.62,32.15c-.04.48-.08.96-.07,1.45,0,.39.02.8-.11,1.17-.15.42-.47.51-.89.52-.4,0-.8,0-1.2.01-.41,0-1.02.03-1.27-.36-.28-.43-.19-.95-.24-1.43-.05-.56.04-1.12-.05-1.67-.05-.32-.09-.52-.42-.59-.3-.06-.63-.01-.94-.03-2.31-.07-4.63.15-6.87-.08-1.93-.59-1.11-2.61-.33-3.82,1.15-2.2,2.07-3.99,3.15-6.09.4-.77.57-1.1,1.01-1.98.37-.73.78-2.31,1.87-2.2.16.02.32.07.47.13.52.19,1.1.34,1.59.59.29.15.66.29.75.63.1.41-.18.82-.37,1.15-.53.96-1.05,1.92-1.6,2.86-.68,1.18-1.36,2.37-1.95,3.61-.13.27-.25.54-.37.82-.03.24,0,.55.24.67.13.07.28.07.42.08.99.04,1.98.01,2.97-.07.1,0,.21-.02.28-.1.05-.06.06-.13.08-.21.11-.64.04-1.33.05-1.97,0-.48-.02-.95,0-1.43.03-.64.31-1.37,1.06-1.41.68-.04,1.46-.09,1.99.08.52.17.52.76.49,1.41-.02.46.01.93-.02,1.39-.03.39-.04.79-.03,1.18,0,.29-.06.67.23.84.15.09.32.09.49.09.37,0,.74,0,1.11,0,.34,0,.69,0,1.03.04.34.04.58.16.68.51.05.18.05.37.06.56,0,.52,0,1.04.02,1.56.02.34-.09.79-.41.98-.24.18-.71.09-.99.09-.36,0-.72.01-1.07.02-.27,0-.59.04-.73.27-.07.11-.08.24-.09.37,0,.1-.02.21-.02.31Z" style="fill: %23fff;"/></svg>');
			}
		}
		&:nth-child(5){
			&:after{
				background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 40"><path d="M.84,9.36c.37-1.71,1.56-2.07,3.11-1.27.68.35,1.25.87,1.83,1.36,1.28,1.09,7.48,6.44,8.88,5.08,3.67-3.6,5.96-8.14,9.16-12.08.47-.58.94-1.16,1.53-1.62,2.77-2.2,5.06.49,6.59,2.83,1.65,2.52,3.31,5.04,4.96,7.56.82,1.25,1.76,2.16,2.84,3.19.13.13.28.26.46.28.2.02.39-.1.56-.22,2.09-1.48,3.95-3.27,6.01-4.79,1.81-1.33,5.93-4.79,6.68-.51.51,2.92.51,5.91.51,8.87,0,6.12,0,12.23,0,18.35,0,.97.31,2.46-.7,2.99-.85.44-2.52.38-3.46.45-2.91.21-5.83-.14-8.74-.15-4.46-.02-8.91-.06-13.37-.07-4.77-.01-9.54-.03-14.31-.04-3.82-.01-7.66.11-11.45-.36-.28-.03-.56-.07-.82-.19C.06,38.55.04,36.88.02,35.93c-.11-5.32.18-10.55.36-15.86.08-2.36.15-4.72.23-7.08.03-.85-.04-2.39.23-3.64Z" style="fill: %23658a5f;"/><path d="M28.3,23.95c7.08.17,7.41,9.34.94,11.26-2.36.44-9.14,1.07-7.25-2.88.39-1.19,1.16-1.2,2.47-.93,1.68.46,5.43.65,5.34-2.06-.28-2.33-3.12-2.1-4.89-2.21-1.17-.14-2.27-.02-2.6-.7-.42-.91-.25-2.35-.22-3.46.24-1.54.09-3.46.79-4.95.22-.47.9-.74,1.36-.84.57-.12,1.16-.09,1.74-.1,1.71-.03,3.42.06,5.12.06.37.04.75.11,1.02.36.18.17.3.41.35.65.16.69.19,1.49-.38,2s-1.42.55-2.13.45c-1.2.07-3.56-.72-3.79.87-.14.61-.21,1.45-.06,1.89.16.54,1.23.49,1.8.57l.38.03Z" style="fill: %23fff;"/></svg>');
			}
		}
		@media (max-width: 767.98px) {
			&:nth-child(n+2){
				grid-template-columns: 1fr 1fr;
				&:before,
				& figure{
					grid-column: 1;
					grid-row: 1;
				}
			}
		}
	}
	& h3{
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
		@media (min-width: 768px) {
			text-align: center;
		}
	}
	& h3+div{
		display: contents;
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		grid-column: 1;
		grid-row: 1;
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: 24px;
		}
	}
}

#topics{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: clamp(80px, calc(120 / 1200 * 100vw), 120px);
	&>*{
		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;
			}
		}
	}
}