@charset "utf-8";

.header {
}

@media screen and (max-width: 640px) {
	.header h1 {
		display: block;
		background: url(../images/header-sp.png) no-repeat center top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 82.8125% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		margin: 0 auto;
	}
}

@media screen and (min-width: 641px) {
	.header {
		width: 100%;
		height: 607px;
		margin: 0 auto;
		position: relative;
	}
	.header h1 {
		display: block;
		background: url(../images/header-pc.png) no-repeat center top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		height: 607px;
	}
}