@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	キービジュアル
--------------------------------------------------------------------------------------- */

.key-image { background-image: url(../img/sitemap/key-image.jpg); }

/* --------------------------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------------------------- */

.sitemap-wrap {
	display: grid;
	gap: 94px;
	grid-template-columns: repeat(2, 348px);
	justify-content: center;
	padding: 108px 0;
	text-align: left;
}

.sitemap-wrap .column {
	display: grid;
	align-content: start;
	gap: 64px;
}

.sitemap-wrap .main-list {
	display: grid;
	gap: 64px;
}

.sitemap-wrap .sub-list {
	display: grid;
	gap: 24px;
}

.sitemap-wrap li a {
	background: var(--gradient-gold);
	-webkit-background-clip: text;
	background-clip: text;
	display: inline-block;
	font-weight: var(--Bold);
	line-height: 150%;
	-webkit-text-fill-color: #fff;
	transition: all .3s ease-in-out;
}

.sitemap-wrap .main-list li a { font-size: 24px; }
.sitemap-wrap .sub-list li a { font-size: 20px; }

@media (any-hover: hover) {

	.sitemap-wrap li a:hover {
		text-decoration: none;
		-webkit-text-fill-color: transparent;
	}

}

@media (max-width: 900px) {

	.sitemap-wrap {
		gap: 7.99vw;
		grid-template-columns: max-content;
		padding: 13.483vw 0;
	}

	.sitemap-wrap .column,
	.sitemap-wrap .main-list { gap: 7.99vw; }

	.sitemap-wrap .sub-list { gap: 3.995vw; }

	.sitemap-wrap .main-list li a { font-size: 3.995vw; }
	.sitemap-wrap .sub-list li a { font-size: 3.496vw; }

}