@charset "UTF-8";
/*-----------------------サイトマップ*/
.section_mv #sitemap.mv_inner {
	background-image: url("../img/sitemap/bg_main.jpg");
	background-position: 50% 50%;
}
.sitemap {
	position: relative;
	background-color: #f4f4f4;
	background-image: url("../img/common/bg_pattern.png");
	background-size: 100px auto;
}
.sitemap .section_inner.fadeIn {
	position: relative;
	top: 30px;
	opacity: 0;
	transition: 2s;
}
.sitemap .section_inner.fadeIn.active {
	top: 0;
	opacity: 1;
}
.sitemap .box_wrap {
	display: flex;
	justify-content: space-between;
}
.sitemap .box_wrap .box {
	width: 48%;
}
.sitemap .box_wrap .box ul li {
	border-bottom: 1px solid #dddddd;
}
.sitemap .box_wrap .box ul li:first-child {
	border-top: 1px solid #dddddd;
}
.sitemap .box_wrap .box ul li a {
	display: block;
	padding: 2em 3em 2em 1.5em;
	position: relative;
	transition: .3s;
}
.sitemap .box_wrap .box ul li a::before {
	content: "";
	width: 24px;
	height: 1px;
	border-top: 1px solid #000000;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s;
}
.sitemap .box_wrap .box ul li a::after {
	content: "";
	width: 10px;
	height: 1px;
	border-top: 1px solid #000000;
	position: absolute;
	right: 15px;
	top: 46%;
	transform: translateY(-50%) rotate(40deg);;
	transition: .3s;
}
.sitemap .box_wrap .box ul li a:hover {
	background-color: #e4e4e4;
	transform: none;
}
.sitemap .box_wrap .box ul li a:hover::before {
	right: 10px;
}
.sitemap .box_wrap .box ul li a:hover::after {
	right: 10px;
}

@media screen and (max-width: 768px) {
	.sitemap .box_wrap {
		flex-direction: column;
	}
	.sitemap .box_wrap .box {
		width: 100%;
	}
	.sitemap .box_wrap .box:nth-child(2) ul li:first-child {
		border-top: none;
	}
	.sitemap .box_wrap .box ul li a::after {
		top: 45.5%;
	}
}
