@charset "utf-8";

.header {
}
.header-inner {
}

.header .head {
	background: #2b1613;
}
.header .head-inner {
	width: 45.68%;
	padding: 5.2% 0 1.8%;
	margin: 0 auto;
}
.header .head h1 {
	display: block;
	background: url(../images/head.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 8.296% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto;
}

.header .title {
	width: 100%;
	background: url(../images/title-bg.jpg) repeat center top;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
}
.header .title-inner {
	width: 50.288%;
	padding: 5.8% 0;
	margin: 0 auto;
}
.header .title h2 {
	display: block;
	background: url(../images/title.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 48.106% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto;
}
.header .title p {
	overflow: hidden;
	height: 0px;
}

/** over 1281px **/
@media screen and (min-width: 1281px) {

.header .head-inner {
	width: 600px;
	padding: 65px 0 22px;
	margin: 0 auto;
}
.header .title {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.header .title-inner {
	width: 638px;
	padding: 78px 0 73px;
	margin: 0 auto;
}

}