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


/*--------------------  ���ʐݒ�  --------------------*/

@import "setup.css";
@import "common.css";
@import "base.css";
@import "boxtitle.css";
@import "contents.css";
@import "front-work.css";
@import "meanmenu.css";


/** sitemap
---------------------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
	section#site-map { padding-top: 40px; padding-bottom:10px; }
}
@media screen and (min-width: 640px) {
	section#site-map { padding-top: 70px; padding-bottom:40px; }
}

@media screen and (min-width: 640px) {
#site-map .f-nav p.ttl {
	color: #0070b8;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #999;
}
#site-map .f-nav p.ttl a {
	color: #0070b8;
}

#site-map .f-nav li {
	background:url("../img/common/arrow.webp") left center no-repeat;
	background-size:6px;	
}
#site-map .f-nav a {
	color: #333;
	text-decoration: none;
}
}
@media screen and (max-width: 639px) {
	#site-map .f-nav p.ttl {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	#site-map .f-nav ul {
		margin-bottom: 30px;
	}
	#site-map .f-nav li {
		padding: 6px 0 6px 15px;
	}
	#site-map .f-nav {
		width: 100%;
	}
	#site-map .f-nav p.ttl {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	#site-map .f-nav ul {
		margin-bottom: 40px;
	}
	#site-map .f-nav li {
		padding: 7px 0 7px 15px;
	}
	#site-map .f-nav a:hover {
		color: #0070b8;
		text-decoration:underline;
	}
}

@media screen and (min-width: 640px) {
	#site-map .f-nav p.ttl {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	#site-map .f-nav ul {
		margin-bottom: 30px;
	}
	#site-map .f-nav li {
		padding: 6px 0 6px 15px;
	}
	#site-map .f-nav {
		width: 49%;
	}
	#site-map .f-nav p.ttl {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	#site-map .f-nav ul {
		margin-bottom: 40px;
	}
	#site-map .f-nav li {
		padding: 7px 0 7px 15px;
	}
	#site-map .f-nav a:hover {
		color: #0070b8;
		text-decoration:underline;
	}
}