@charset "UTF-8";

/* コンテンツヘッダー
---------------------------------------*/
article header div.bg{
	/* background-image:linear-gradient(0deg, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .0)),url('../img/common/img_header.jpg'); */
	background-image:url('../img/common/img_header.jpg');
}

article header img.decorate{
	right:0 !important;
}

article header img.decorate{
	display:block !important;
}


/* コンテンツ
---------------------------------------*/
article div#content_wrapper section{
	padding:45px 0;
}

article div#content_wrapper section div{
	height:100%;
}

/* 画面幅1250px未満
=======================================*/
@media screen and (max-width:1250px){
	article div#content_wrapper section div{
		width:100%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
}

/* サイトマップ
---------------------------------------*/
article div#content_wrapper section div.container{
	padding:0 20px;
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	overflow:hidden;
}

article div#content_wrapper section div.container img{
	max-width:100%;
	height:0;
}

article div#content_wrapper section div.container ul.parent{
	width:430px;
	float:left;
	margin-right:100px;
}

article div#content_wrapper section div.container ul.parent:nth-child(3){
	margin-right:0;
}

article div#content_wrapper section div.container ul.parent > li{
	margin-bottom:60px;
}

article div#content_wrapper section div.container ul.parent > li > a{
	font-size:22px;
	line-height:200%;
	color:#0d4746;
	font-weight: 600;
}

article div#content_wrapper section div.container ul.parent > li > a:before{
	content:"";
    display:inline-block;
	width:0;
	height:0;
	border-left:13px solid #0d4746;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
	margin-right:8px;
	position:relative;
	top:1px;
}

article div#content_wrapper section div.container ul.parent li ul.child{
	margin:14px 0 0 20px;
}

article div#content_wrapper section div.container ul.parent li ul.child li a{
	font-size:16px;
	color:#000;
}

article div#content_wrapper section div.container ul.parent li ul.child li{
	padding:6px 0;
}

article div#content_wrapper section div.container ul.parent li ul.child li a:before{
	content:"─";
	margin-right:4px;
}

/* iOS向けのハック */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	article div#content_wrapper section div.container{
		width:100% !important;
	}
}*/

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article div#content_wrapper section div.container{
		width:100% !important;
	}

	article div#content_wrapper section div.container ul.parent{
		width:40%;
	}
	
	article div#content_wrapper section div.container ul.parent:first-child{
		margin-right:10%;
	}
	
	article div#content_wrapper section div.container ul.parent:last-child{
		margin-right:0;
	}

	article div#content_wrapper section div.container ul.parent > li{
		margin-bottom:40px;
	}
}

/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){
	article div#content_wrapper section{
		padding-top:20px;
	}
	
	article div#content_wrapper section div.container ul.parent{
		width:100%;
		float:none;
		margin-right:0;
	}
	
	article div#content_wrapper section div.container ul.parent > li{
		margin-bottom:20px;
	}
	
	article div#content_wrapper section div.container ul.parent > li > a{
		font-size:20px;
	}
	
	article div#content_wrapper section div.container ul.parent > li > a:before{
		border-left:11px solid #0d4746;
		border-top:7px solid transparent;
		border-bottom:7px solid transparent;
	}

	article div#content_wrapper section div.container ul.parent li ul.child li a{
		font-size:16px;
	}
}