@charset 'utf-8';

/* contents
------------------------------------------------ */
.contents{
	width: 100%;
	max-width: 813px;
	margin: 0 auto 20px;;
}
/* sitemap
------------------------------------------------ */
.sitemap{margin-bottom: 10px;}
.sitemap__list{font-size: 1.4rem;}
.sitemap__list--1{
	float: left;
	text-align: center;
	letter-spacing: 2em;
	width: 100px;
	padding-right: 124px;
	position: relative;
}
.sitemap__list--1:after{
	content: "";
	display: block;
	width: 124px;
	height: 1px;
	background-color: #555;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.sitemap__list--2{float: left; margin-left: 20px;}
.sitemap__list ul{}
.sitemap__list ul li{letter-spacing: 0.3em; max-width: 320px; margin-bottom: 30px;}

@media only screen and (max-width: 768px) {
	/* sitemap
	------------------------------------------------ */
	.sitemap{margin-bottom: 20px;}
	.sitemap__list{font-size: 1.5rem; line-height: 1.8;}
	.sitemap__list--1{
		font-size: 1.4rem;
		float: none;
		text-align: left;
		letter-spacing: 0.3em;
		width: 93%;
		margin: 0 0 20px 7%;
		padding-right: 0;
	}
	.sitemap__list--1:after{display: none;}

	.sitemap__list--2{float: none; margin-left: 16px;}
	.sitemap__list ul{width: 93%; margin-left: 7%;}
	.sitemap__list ul li{list-style: disc; letter-spacing: 0.3em; max-width: 90%; margin-bottom: 16px;}
	.sitemap__list ul li a { display: inline-flex; align-items: center; min-height: 44px; }
}

@media only screen and (max-width: 320px) {
	.sitemap__list ul li{max-width: 95%;}
}