@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
.hedimg {
		background: url(./../images/sitemap/hed_img.jpg);
		opacity: 1;
		top: 0;
		z-index: 100;
	background-size: cover;
	height: 500px;
	
	}

/*-------------sitemap------------------*/
	.sitemap {
		width: 98%;
		padding: 1%;
		border: 2px solid #0073d4;
		margin: 0 auto;
		padding-top: 30px;
	}
	
	.sitemap li {
		float: left;
		width: 31%;
		margin-bottom: 30px;
		margin-right: 20px;
		
	}
	
	
	
	.sitemap li span {
		color: #0073d4;
		margin-right: 5px;
	}
	
	
	
	.sitemap li:nth-child(3n+3) {
		margin-right: 0px;
	}
	
	.sitemap li a {
		display: block;
		color: #000;
	}
	
	.sitemap li a:hover {
		color: #0073d4;
	}

	

}




/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
	.hedimg {
		background:url(./../images/sitemap/hed_img.jpg);
		opacity: 1;
		top: 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 140% auto;
		min-height: 210px;
		position: relative;
		z-index: 3;
		box-sizing: border-box;
	}
/*-------------sitemap------------------*/
	.sitemap {
			width: 98%;
		padding: 1%;
		border: 2px solid #0073d4;
		margin: 0 auto;
	}
	
	.sitemap li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		padding-left: 10px;
	}
	
	
	.sitemap li:first-child {
		margin-top: 20px;
	}
	
	.sitemap li span {
		color: #0073d4;
		margin-right: 5px;
	}
	
	
.sitemap li a {
		display: block;
		color: #000;
	}
	
	.sitemap li a:hover {
		color: #0073d4;
	}


}