@charset "utf-8";
.sitemap #section1{
	background-color: #fafbfb;
	padding: 70px 0 120px;
}
.sitemap #section1 section > ul > li{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.sitemap #section1 section > ul > li:not(:last-child){
	border-bottom: solid 1px #e8e8e8;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.sitemap #section1 section > ul > li > a{
	position: relative;
	font-weight: bold;
	padding-left: 20px;
}
.sitemap #section1 section > ul > li a::before,
.sitemap #section1 section > ul > li a::after{
	content: " ";
	position:absolute;
	top: 50%;
	transition: .2s;
}
.sitemap #section1 section > ul > li > a::before{
	z-index: 1;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #0096da;
	margin-top: -8px;
	left: 0;
}
.sitemap #section1 section > ul > li a::after{
	z-index: 2;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
	left: 4px;
}
.sitemap #section1 section > ul > li > ul{
	font-size: 1.6rem;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sitemap #section1 section > ul > li > ul > li{
	width: 48%;
	margin-top: 10px;
}
.sitemap #section1 section > ul > li > ul li a{
	position: relative;
	padding-left: 20px;
	display: inline-block;
}
.sitemap #section1 section > ul > li > ul li a::after{
	border-top: 1px solid #0096da;
	border-right: 1px solid #0096da;
	margin-top: 0;
	top: 8px;
}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1101px){
	.sitemap #section1 section > ul > li a:hover{color: #0096da;}
	.sitemap #section1 section > ul > li > a:hover::after{left: 6px;}
	.sitemap #section1 section > ul > li > ul > li > a:hover::after{left: 8px;}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1100px){}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1099px) and (min-width:641px){}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	.sitemap #section1 section > ul > li{font-size: 1.6rem;}
	.sitemap #section1 section > ul > li:not(:last-child) > ul > li{width: 100%;}
}