@charset "utf-8";

/* -----------------------------
	サイトマップ
-------------------------------- */
.sitemap-area{
	padding: 100px 0 110px;
}
.sitemap-area .sitemap-list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.sitemap-area .sitemap-list .sitemap-item{
	width: calc((100% - 60px) / 4 );
}
.sitemap-area .sitemap-list .sitemap-item.long{
	width: calc((100% - 20px) / 2 );
}
.sitemap-area .sitemap-list .sitemap-item.long:nth-child(1) .lower-item a{
	font-family: var(--quicksand);
	font-weight: 700;
}
.sitemap-area .sitemap-list .sitemap-item a{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	font-family: var(--basefont-jp);
	background-color: var(--beige01);
	font-weight: 600;
	background-image: url(../img/arrow-blk.svg);
    background-repeat: no-repeat;
    background-size: 8px 16px;
    background-position: right 30px center;
}
.sitemap-area .sitemap-list .sitemap-item a:hover{
    background-position: right 20px center;
	color: var(--main-color);
}
.sitemap-area .sitemap-list .sitemap-item .lower-list{
	margin: 0 0 30px;
}
.sitemap-area .sitemap-list .sitemap-item .lower-item a{
	background-color: #fff;
	border-bottom: solid 1px #D1C7A3;
	font-weight: 400;
}
@media screen and (max-width: 768px){
	.sitemap-area{
		padding: 40px 20px 50px;
	}
	.sitemap-area .sitemap-list{
		gap: 5px;
	}
	.sitemap-area .sitemap-list .sitemap-item{
		width: 100% !important;
	}
	.sitemap-area .sitemap-list .sitemap-item a{
		padding: 0 15px;
		height: 50px;
		line-height: 50px;
	}
	.sitemap-area .sitemap-list .sitemap-item .lower-list{
		margin: 0 0 5px;
	}
}