@charset "utf-8";

header div{
	position:relative;
	height:30vw;
	text-align:left;
	background-image:url("../images/about/header.jpg");
	background-position:left bottom;
	background-size:cover;
}

header img{
	position:absolute;
	bottom:20px;
	left:20px;
}

article div{
	background-color:#F6F6F6;
	text-align:center;
}

article div HR{
	margin-left:auto;
	margin-right:auto;	
}

article div img{
	margin-top:50px;
	margin-bottom:20px;		
}

article table{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	width:90%;
	border-collapse: separate;
	border-spacing: 5px;
}
article table th{
	padding:10px 30px;
	color:#FFFFFF;
	background-image:url("../images/about/bg.png");
	text-align:center;
	vertical-align:middle;
	line-height:1.5;
}
article table td{
	padding:10px 50px;
	background-color:#FFFFFF;
	text-align:left;
	line-height:1.5;
}
article div.spacer{
	height:100px;
}

article, aside{
	background-color:#FFFFFF;
}

article div#map{
	text-align:center;
}
article div#map p{
	font-size:xx-large;
}
article div#map iframe{
	max-width:800px;
	max-height:800px;
	width:90%;
	height:400px;
}
/**********
PC 向け
***********/
@media only screen and (min-width: 1261px){
	

}


/**********
モバイル 向け
***********/
@media only screen and (max-width: 1260px){
	
	header img{
		width:164px;
	}
	
	#navUl{
		background-color:#F6F6F6;
	}
	
	header,article,aside,footer{
		width:100%;
	}

	article table{
		width:90%;
	}

	article table th,
	article table td{
		display:block;
	}

	article table td{
		margin-bottom:5px;
	}
}