@charset "UTF-8";
/* -----------------------------------------------------------
   HEADER
------------------------------------------------------------*/

header h1 a{
	display: block;
	background-size: cover;
}
header h1 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
header h1 > span{
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

@media all and (min-width: 768px) {
	header{
		position: relative;
		background-color: #fff;
	}
	header h1{
		padding: 10px 0;
	}
	header h1 a{
		width: 940px;
		height:150px;
		margin:0 auto;
		background-image:url(../img/header.png) ;
	}
}

@media all and (max-width: 767px) {
	header{
		padding-top: 0.8vh;
	}
	header h1{
		background-color: #fff;
		padding: 10px;
	}
	header h1 a{
		display: block;
		width:100%;
		height: 0;
		padding-top: 23.4375%;
		background-image:url(../img/header_smp.png) ;
	}
}