@charset "UTF-8";

/*-----------------------------------

	headline

-----------------------------------*/
#headline {
	background-image: url(../img/sitemap/headline_bg.jpg);
}
#headline h1::after {
	content: "Sitemap";
}

/*-----------------------------------

	sitemap_block

-----------------------------------*/
#sitemap_block{
	padding: 0 0 80px;
}
#sitemap_block .sitemap_list{
	margin: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0 10px;
}
#sitemap_block .sitemap_list li{
	width: calc((100% - 20px) / 3);
	border-bottom: 1px solid #ACACAC;
}
#sitemap_block .sitemap_list li a{
	padding: 20px 30px;
}
#sitemap_block .sitemap_list li a:hover{
	background: #F7F7F7;
	opacity: 1;
}

@media screen and (max-width: 840px){
	#sitemap_block .sitemap_list li{
		width: calc((100% - 10px) / 2);
	}
}
@media screen and (max-width: 640px) {
	#sitemap_block{
		padding: 0 0 40px;
	}
	#sitemap_block .sitemap_list li{
		width: 100%;
	}
}