@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */

.head-sub a {
	position: relative;
}
.head-sub a:after,
.list-sitemap > li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	color: #fff;
	width: 1em;
	height: 1em;
	line-height: 1em;
	border-radius: 0.5em;
	background: #231815;
	text-align: center;
	vertical-align: middle;
}
.head-sub a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.list-sitemap > li:before {
	margin-right: 0.25em;
}

/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */

/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 641px), print {
	.wrap-sitemap > div:not(:last-child) {
		margin-bottom: 4em;
	}

	.head-sub {
		margin-bottom: 1.5em;
	}

	.list-sitemap {
		padding: 0 2em;
	}
	.list-sitemap li {
		font-size: 15px;
	}
	.head-sub a:after,
	.list-sitemap > li:before {
		width: 15px;
		height: 15px;
		font-size: 10px;
		line-height: 15px;
		border-radius: 7.5px;
	}
	.head-sub a:after {
		right: 2em;
	}

	.box-sitemap li {
		width: 190px;
	}
}

/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 640px) {
	.wrap-sitemap > div:not(:last-child) {
		margin-bottom: 2em;
	}

	.head-sub {
		margin-bottom: 0.5em;
	}

	.list-sitemap {
		padding: 0 1em;
	}
	.list-sitemap li {
		margin-bottom: 0.5em;
		font-size: 4vw;
	}
	.head-sub a:after,
	.list-sitemap > li:before {
		width: 4vw;
		height: 4vw;
		font-size: 3vw;
		line-height: 4vw;
		border-radius: 2vw;
	}
	.head-sub a:after {
		right: 1em;
	}
}

/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */