@charset "utf-8";

/* -----------------------------
	サイトマップ
-------------------------------- */
.sitemap-area {
	padding: 110px 0;
	background: var(--bk02);
}

.sitemap-area .more-btn {
	width: unset;
}

.sitemap-area .block + .block {
	margin: 64px 0 0;
}

.sitemap-area .block .ttl {
	margin: 0 0 24px;
	padding: 12px 12px 12px 16px;
	font-size: 2rem;
	font-weight: 600;
	background: var(--light-blue02);
	border-left: solid 4px var(--blue);
}

.sitemap-area .f-main-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.sitemap-area .f-main-nav li {
	width: calc((100% / 4) - 18px);
}
/* .sitemap-area .f-main-nav li a {
	position: relative;
	display: block;
	padding: 20px;
	position: relative;
	border: solid 1px #333;
	border-radius: 6px;
}
.sitemap-area .f-main-nav li a::after {
	position: absolute;
	content: "\f105";
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--yellow);
	top: 16px;
	right: 10px;
	padding: 8px;
	width: 8px;
	height: 8px;
	font-size: 1.3rem;
	background: var(--blue);
	border-radius: 50%;
}

.sitemap-area .f-main-nav li a:hover {
	opacity: 0.5;
} */

@media screen and (max-width: 768px){

	.sitemap-area {
		padding: 40px 0 100px;
	}

	.sitemap-area .block + .block {
		margin: 40px 0 0;
	}

	.sitemap-area .block .ttl {
		margin: 0 0 20px;
		padding: 8px 8px 8px 14px;
		font-size: 1.8rem;
	}

	.sitemap-area .f-main-nav {
		flex-direction: column;
		gap: 12px;
	}
	.sitemap-area .f-main-nav li {
		width: 100%;
	}
	
	
}