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


/*==============================
メイン設定
==============================*/

/*------------------------------
メインフォト設定
------------------------------*/

/*メインフォト*/
.mainPhoto{
	width: 100%;
	height: 300px;
	background: url(../images/sitemap/bg_main@2x.jpg) no-repeat center center / cover;
}

/*------------------------------
サイトマップ設定
------------------------------*/

/*サイトマップ全体*/
#sitemap{
	padding: 85px 0 0;
	width: 100%;
}

/*サイトマップ 日本語見出し*/
#sitemap h2::after{
	content: "- サイトマップ -";
}

/*サイトマップ 説明*/
#sitemap .desc{
	margin: 56px 0 0 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	text-align: center;
}

/*サイトナビ全体*/
#siteNav{
	margin: 80px auto 200px;
	width: 580px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*サイトナビリスト*/
#siteNav ul li{
	margin: 25px 0 0 0;
}

/*サイトナビリスト 1つ目*/
#siteNav > ul  > li:first-child{
	margin: 0;
}

/*サイトナビ リンク*/
#siteNav a{
	color: #666666;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: left;
}

/*サイトナビ 階層リンク*/
#siteNav .navChild{
	margin: 0 0 0 30px;
}

/*==============================
レスポンシブ設定
==============================*/

/*768px以下の場合*/
@media screen and (max-width:768px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 250px;
	}

	/*------------------------------
	サイトマップ設定
	------------------------------*/

	/*サイトマップ全体*/
	#sitemap{
		padding: 60px 0 0 0;
	}

	/*サイトマップ 説明*/
	#sitemap .desc{
		margin: 40px 0 0 0;
	}

	/*サイトナビ全体*/
	#siteNav{
		margin: 60px auto 150px;
		width: 540px;
	}




}

/*480px以下の場合*/
@media screen and (max-width:480px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 150px;
	}

	/*------------------------------
	サイトマップ設定
	------------------------------*/

	/*サイトマップ全体*/
	#sitemap{
		padding: 40px 0 0 0;
	}

	/*サイトマップ 説明*/
	#sitemap .desc{
		margin: 30px 0 0 0;
	}

	/*サイトナビ全体*/
	#siteNav{
		margin: 40px auto 120px;
		width: 160px;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}

	/*サイトナビリスト 1つ目*/
	#siteNav > ul  > li:first-child{
		margin: 25px 0 0 0;
	}


}