@charset "utf-8";

/* -----------------------------------------------------------
    sitemap
-------------------------------------------------------------- */

#sitemap .sitemap-area {
    max-width: 1200px;
	min-width: 1200px;
    padding: 100px 0 0;
}

#sitemap .sitemap-top {
	margin: 20px 0 0 0;
}

#sitemap .sitemap-top-header a {
	background: url("../img/arrow-green.png") no-repeat right 20px center/7px auto;
	display: block;
	border: #ddd solid 2px;
	font-weight: 700;
	width: 100%;
	padding: 22px 26px;
	position: relative;
    border-radius: 15px;
}

#sitemap .sitemap-top-header a:hover {
	background: #f9f9f7 url("../img/arrow-green.png") no-repeat right 20px center/7px auto;
    color: #25b672;
}

#sitemap .sitemap-top-list {
	display: flex;
	flex-wrap: wrap;
    padding-bottom: 28px;
}

#sitemap .sitemap-top-item {
	margin: 25px 0 0 0;
	width: 25%;
	padding: 0 0 0 40px;
	position: relative;
}

#sitemap .sitemap-top-item::before {
	content: "";
	background: #25b672;
	display: block;
	top: 10px;
	position: absolute;
	height: 2px;
	width: 10px;
	left: 10px;
}

#sitemap .sitemap-top-item a {
	line-height: 1.3;
}

#sitemap .sitemap-top-item a:hover {
	color: #25b672;
}

#sitemap .sitemap-btm {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#sitemap .sitemap-btm-item {
	width: 386px;
	margin: 0 20px 25px 0;
}

#sitemap .sitemap-btm-item:nth-of-type(3n) {
	margin: 0 0 33px 0;
}

#sitemap .sitemap-btm-item a {
	background: url("../img/arrow-green.png") no-repeat right 20px center/7px auto;
	display: block;
	border: #ddd solid 2px;
	font-weight: 700;
	width: 100%;
	padding: 22px 26px;
	position: relative;
    border-radius: 15px;
}

#sitemap .sitemap-btm-item a:hover {
	background: #f9f9f7 url("../img/arrow-green.png") no-repeat right 20px center/7px auto;
    color: #25b672;
}

@media screen and (max-width: 768px){

	#sitemap .sitemap-area {
		max-width: 100%;
		min-width: 100%;
		margin: 0 auto 40px auto;
		padding: 60px 20px 0;
	}
	
	#sitemap .sitemap-top {
		margin: 40px 0 25px 0;
	}
	
	#sitemap .sitemap-top-inner:nth-of-type(4n) {
		margin: 35px 0 0 0;
	}
	
	#sitemap .sitemap-top-header a {
		padding: 15px;
	}
	
	#sitemap .sitemap-top-header a::before {
		right: 10px;
	}

	#sitemap .sitemap-top-header a:hover {
		box-shadow: none;
	}
	
	#sitemap .sitemap-top-item {
		margin: 15px 0 0 0;
		padding: 0 0 0 35px;
		width: 100%;
	}
	
	#sitemap .sitemap-btm {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#sitemap .sitemap-btm-item {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	#sitemap .sitemap-btm-item:nth-of-type(3n) {
		margin: 0 0 10px 0;
	}
	
	#sitemap .sitemap-btm-item a {
		padding: 17px 15px;
	}

	#sitemap .sitemap-btm-item a::before {
		right: 10px;
	}

	#sitemap .sitemap-btm-item a:hover {
		box-shadow: none;
	}
	
}