@charset "UTF-8";

#sitemap main{
	background: url(/images/about/main.jpg);
	background-size: cover;
	background-position: center;
}
#sitemap .inner{
	margin: 0 auto 5rem;
}
#sitemap .inner .box{
	margin: 4rem auto 0;
}
#sitemap .inner .box h3{
	margin: 0 auto 2rem;
}
#sitemap .inner .box p.caption{
	width: 100%;
	margin: 0 auto 2rem;
}
#sitemap .inner .box .boxwrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 2rem;
}
#sitemap .inner .box .boxwrap .boxwrap_left,
#sitemap .inner .box .boxwrap .boxwrap_right{
	width: 48%;
}
#sitemap .inner .box .boxwrap dl{
	line-height: 2.2rem;
	margin: 1rem auto 1rem;
}
#sitemap .inner .box .boxwrap dl dt{
	background: var(--color07);
	width: 100%;
	margin: 0 auto 1rem;
	padding: 1rem 2rem 1rem 4rem;
	position: relative;
}
#sitemap .inner .box .boxwrap dl dt:before{
	content: "";
	background: var(--color01);
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: var(--takasa01);
}
#sitemap .inner .box .boxwrap dl dd{
	width: 100%;
	padding: 1rem 0 0;
}
#sitemap .inner .box .boxwrap dl dd a{
	border-bottom: 1px dotted var(--colorG);
	line-height: 2.2rem;
	display: block;
	width: 100%;
	margin: 0 auto 1rem;
	padding: 1rem 0 1rem 4rem;
	position: relative;
}
#sitemap .inner .box .boxwrap dl dd a:before{
	content: "";
	border-top: 1px solid var(--colorB);
	border-right: 1px solid var(--colorB);
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 2rem;
	transform: rotate(45deg) var(--takasa01);
}
#sitemap .inner .box .boxwrap dl dt a:hover,
#sitemap .inner .box .boxwrap dl dd a:hover{
	color: var(--color01);
}
#sitemap .inner .box .boxwrap dl dt:after,
#sitemap .inner .box .boxwrap dl dd a:after{
	content: "";
	background: url(/images/arrow02.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 3rem;
	transform: var(--takasa01);
	transition: all ease 0.5s;
}
#sitemap .inner .box .boxwrap dl dt:hover:after,
#sitemap .inner .box .boxwrap dl dd a:hover:after {
	right: 2.5rem;
}




@media all and (max-width:768px){
.contents .inner{
	width: 90%;
}
#sitemap .inner{
	margin: 0 auto;
}
#sitemap .inner .box .boxwrap{
	margin: 0 auto;
}
#sitemap .inner .box .boxwrap .boxwrap_left,
#sitemap .inner .box .boxwrap .boxwrap_right{
	width: 100%;
}
#sitemap .inner .box .boxwrap dl{
	line-height: 1.8rem;
}
#sitemap .inner .box .boxwrap dl dd{
	padding: 0;
}
#sitemap .inner .box .boxwrap dl dt{
	padding: 1rem 2rem 1rem 3rem;
}
#sitemap .inner .box .boxwrap dl dd a{
	padding: 1rem 0 1rem 3rem;
}
#sitemap .inner .box .boxwrap dl dd a:before{
	left: 1rem;
}
}