@charset "UTF-8";

/* ページタイトル */
#page-title-sec .container .contents .inner-img {
	background-image: url(../img/sitemap/pagetop.jpg);
	background-position: 50% 50%;
}


/* サイトマップ */
#sitemap-area {
	margin-top: 50px;
}

#sitemap-area .contents {
	max-width: 600px;
	margin: 0 auto;
}

#sitemap-area .sitemap-list a {
	text-decoration: none;
}

#sitemap-area .sitemap-list > li {
	padding: 30px 0;
	border-bottom: 1px solid #ededed;
	display: flex;
	justify-content: space-between;
}

#sitemap-area .sitemap-list li .list-item {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 500;
	width: 42%;
}

#sitemap-area .sitemap-list li .list-child {
	line-height: 1.5;
	width: 58%;
}

#sitemap-area .sitemap-list li .list-child li {
	padding: 5px 0;
}

#sitemap-area .sitemap-list li .list-item span,
#sitemap-area .sitemap-list li .list-child span {
	aspect-ratio: 1/1;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 7px;
	border: 1px solid #3b7d72;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-image: url(../img/common/navi-next-green.svg);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: 50% 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#sitemap-area .sitemap-list li .list-item span {
	width: 30px;
}

#sitemap-area .sitemap-list li .list-child span {
	width: 20px;
}

#sitemap-area .sitemap-list li .list-item a:hover,
#sitemap-area .sitemap-list li .list-child a:hover {
	color: #62978e;
}

#sitemap-area .sitemap-list li .list-item a:hover span,
#sitemap-area .sitemap-list li .list-child a:hover span {
	background-image: url(../img/common/navi-next-white.svg);
	background-color: #3b7d72;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}



/* スマートフォン用 - ブレイクポイント768　*/
@media screen and (max-width: 768px) {

	/* サイトマップ */
	#sitemap-area .contents {
		max-width: 450px;
	}
	
	#sitemap-area .sitemap-list > li {
		padding: 20px 0;
		display: block;
	}

	#sitemap-area .sitemap-list li .list-item {
		font-size: 18px;
		width: 100%;
	}

	#sitemap-area .sitemap-list li .list-child {
		width: 100%;
		padding-left: 30px;
		margin-top: 10px;
	}

	#sitemap-area .sitemap-list li .list-item span,
	#sitemap-area .sitemap-list li .list-child span {
		background-size:  80%;
	}
	
	#sitemap-area .sitemap-list li .list-item span {
		width: 23px;
	}

	#sitemap-area .sitemap-list li .list-child span {
		width: 18px;
	}

}