@charset "utf-8";

.header {
	width: 100%;
}
.header-inner {
}

.header figure {
	text-align: center;
}

@media screen and (max-width: 640px) {
	.header {
		padding: 0.36vw 0 0;
		margin: 0 0 7.6vw;
	}
	.header-inner {
	}

	.header .head01 {
		width: 94.6%;
		margin: 0 auto 6.0vw;
	}
	.header .catch {
		width: 92%;
		font-size: 3.733333vw; /* 28px */
		line-height: 1.84;
		margin: 0 auto 6.0vw;
	}
	.header .head02 {
		width: 96.8%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 641px) {
	.header {
		padding: 0;
		margin: 0 0 56px;
	}
	.header-inner {
		width: 998px;
		margin: 0 auto;
	}

	.header .head01 {
		margin: 0 auto 30px;
	}
	.header .catch {
		width: 940px;
		font-size: 2.0rem;
		margin: 0 auto 44px;
	}
}