@charset "UTF-8";

/* サイトマップ・ポリシー関係 */
.top .grid {
	border-top: solid 1px var(--color-red);
	border-bottom: solid 1px var(--color-red);
	margin-top: 100px;
}

.top .grid .col:first-child {
	border-top: none;
}

.top .grid .col {
	display: block;
	padding: 60px 20px;
	border-top: 1px solid var(--color-lightgray);
	overflow: hidden;
}

/* サイトマップ */
.sitemap .flex .col {
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 32px;
}

.sitemap .flex ul > li a:before {
	content: '\25B6';
	margin-right: 8px;
	font-size: 80%;
	vertical-align: middle;
	color: var(--color-white);
}

.sitemap .flex ul > li a:hover:before {
	color: var(--color-blue);
}

.sitemap .flex ul > li a {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	font-size: var(--f16-size);
	border-radius: 5px;
	border: var(--color-blue) 1px solid;
	background-color: var(--color-blue);
	color: var(--color-white);
}

.sitemap .flex ul > li a:hover {
	border: var(--color-blue) 1px solid;
	background-color: var(--color-white);
	color: var(--color-blue);
}

.sitemap .flex ul ul > li a:before {
	color: var(--color-blue);
}

.sitemap .flex ul ul > li a {
	margin-bottom: 5px;
	padding: 6px 10px;
	font-size: var(--f16-size);
	border-radius: 5px;
	border: var(--color-lightgray) 1px solid;
	background-color: var(--color-white);
	background: none;
	color: var(--color-darkgray);
}

.sitemap .flex ul ul > li a:hover {
	border: var(--color-blue) 1px solid;
	color: var(--color-blue);
}

/* 768px〜（スマホ＆タブレット用）
---------------------------*/
@media (min-width: 768px) {
	.sitemap .flex {
		justify-content: space-between;
		align-items: stretch;
	}

	.sitemap .flex .col {
		width: 32%;
		margin-bottom: 64px;
	}

	.sitemap .flex ul > li a {
		font-size: var(--f14-size);
	}

	.sitemap .flex ul ul > li a {
		font-size: var(--f12-size);
	}
}