@charset "utf-8";

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

#sitemap .contents.inner {
    padding: 70px 0 0;
	max-width: 1000px;
	min-width: 1000px;
}

#sitemap .contents .sitemap-area {
	margin: 20px 0 50px 0;
}
/* #sitemap .contents .sitemap-area .sitemap-btm {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
} */
#sitemap .contents .sitemap-area .sitemap-btm {
	display: flex;
	justify-content: space-between;
	/* justify-content: flex-start; */
	flex-wrap: wrap;
}

#sitemap .sitemap-box .sitemap-top-list .sitemap-top-item{
	width: 25%;
}

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

#sitemap .sitemap-top-header a:hover {
	background: #333 url("../img/arrow-white.png") no-repeat right 10px center/7px auto;
	color: #fff;
}

#sitemap .sitemap-top-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px 50px 0px;
}
#sitemap .sitemap-top-item {
	margin: 25px 0 0 0;
	width: 43%;
	padding: 0 0 0 30px;
	position: relative;
}
#sitemap .sitemap-top-item::before {
	content: "";
	background: #F36700;
	display: block;
	top: 8px;
	position: absolute;
	height: 2px;
	width: 10px;
	left: 10px;
}
#sitemap .sitemap-top-item a {
	line-height: 1.3;
}

#sitemap .sitemap-top-item a:hover {
	color: #F36700;
}
#sitemap .sitemap-btm-item {
	/* width: 320px; */
	width: calc((100% - 60px) / 4);
	/* margin: 0 20px 50px 0; */
	margin: 0 0 50px;
}
/* #sitemap .sitemap-btm-item:nth-of-type(n+5){
	width: 49%;
	margin: 0 20px 20px 0;
} */

#sitemap .sitemap-btm-item:nth-of-type(3n) {
	margin: 0 0 50px 0;
}
#sitemap .sitemap-btm-item a {
	background: url("../img/arrow-orange.png") no-repeat right 15px center/7px auto;
	display: block;
	border: #333 solid 2px;
	font-weight: 700;
	width: 100%;
	padding: 22px 10px;
	position: relative;
}
#sitemap .sitemap-btm-item a:hover {
	background: #333 url("../img/arrow-white.png") no-repeat right 10px center/7px auto;
	color: #fff;
}
@media screen and (max-width: 768px){

	#sitemap .contents.inner {
		max-width: 100%;
		min-width: 100%;
		margin: 0 auto 40px auto;
		padding: 0 20px;
	}

	#sitemap .contents .sitemap-area {
		margin: 40px 0 25px 0;
	}

	#sitemap .sitemap-box .sitemap-top-list .sitemap-top-item{
		width: 100%;
	}

	#sitemap .sitemap-top-inner:nth-of-type(2) {
		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-list {
		display: block;
		margin: 0px 0px 30px 0px;
	}
	#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:nth-of-type(n+5){
		width: 100%;
		margin: 0 0 10px 0px;
	}
	#sitemap .sitemap-btm-item:nth-of-type(4n){
		margin: 0 0 10px 0px;
	}
	/* #sitemap .contents .sitemap-area .sitemap-box .box-item{
		width: 100%;
	} */

	#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;
	}
}