@charset "UTF-8";

#sub-header > div {
	background: url(../img/sitemap/main-smt.jpg) no-repeat left top;
	background-size: 100% auto;
}

.section > dl > dt > ol,
.section > dl > dd > ol {
	display: block;
	color: #7d7d7d;
	font-size: 4.2vw;
}
.section > dl > dt > ol > li,
.section > dl > dd > ol > li {
	display: block;
	padding: 0.3em 0;
}
.section > dl > dt > ol > li > a,
.section > dl > dd > ol > li > a {
	display: block;
	color: #7d7d7d;
}
.section > dl > dt > ol > li > a::before,
.section > dl > dd > ol > li > a::before {
	content: "→";
}
.section > dl > dt > ol > li > b,
.section > dl > dd > ol > li > b {
	display: block;
}
.section > dl > dt > ol > li > b::before,
.section > dl > dd > ol > li > b::before {
	content: "→";
}
.section > dl > dt > ol > li > ul {
	display: block;
}
.section > dl > dt > ol > li > ul > li {
	display: block;
}
.section > dl > dt > ol > li > ul > li > a {
	display: block;
	color: #7d7d7d;
}
.section > dl > dt > ol > li > ul > li > a::before {
	content: "・";
}
.section > ul {
	display: block;
	letter-spacing: -.4em;
	color: #7d7d7d;
	font-size: 4.2vw;
}
.section > ul > li {
	display: block;
	letter-spacing: normal;
	padding: 0.3em 0;
}
.section > ul.area > li {
	display: inline-block;
	width: 50%;
}
.section > ul > li > a {
	display: block;
	color: #7d7d7d;
}
.section > ul > li > a::before {
	content: "→";
}


@media screen and (min-width: 768px) {
	
	#sub-header > div {
		background: url(../img/sitemap/main-pc.jpg) no-repeat left top;
		background-size: 100% auto;
	}
	
	.section > dl {
		display: block;
		letter-spacing: -.4em;
	}
	.section > dl > dt,
	.section > dl > dd {
		display: inline-block;
		letter-spacing: normal;
		width: 50%;
		vertical-align: top;
	}
	.section > dl > dt > ol,
	.section > dl > dd > ol {
		font-size: 1.8vw;
	}
	.section > dl > dt > ol > li,
	.section > dl > dd > ol > li {
		padding: 0.6em 0;
	}
	.section > dl > dt > ol > li > a:hover,
	.section > dl > dd > ol > li > a:hover {
		color: #68ad45;
	}
	.section > dl > dt > ol > li > ul > li {
		padding: 0.3em 0;
	}
	.section > dl > dt > ol > li > ul > li > a:hover {
		color: #68ad45;
	}
	.section > ul {
		font-size: 1.8vw;
	}
	.section > ul > li {
		display: inline-block;
		padding: 0.6em 0;
		width: 50%;
	}
	.section > ul.area > li {
		display: inline-block;
		width: 25%;
	}
	.section > ul > li > a:hover {
		color: #68ad45;
	}
	
}

@media screen and (min-width: 1200px) {
	.section > dl > dt > ol,
	.section > dl > dd > ol {
		font-size: 20px;
	}
	.section > ul {
		font-size: 20px;
	}
	
}

@media screen and (min-width: 1600px) {
	
	
	
}