@charset "UTF-8";

/*==================================================
4.page
==================================================*/
/*top*/
.l-main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

@media all and (max-width: 767px) {
	.l-main {
		margin-top: 14.7vw;
	}
}

.-inner {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

@media all and (max-width: 767px) {
	.-inner {
		max-width: 1020px;
		width: 100%;
		margin: 0 auto;
		padding: 0 4vw;
	}
}

.main-img {
	width: 100%;
	height: 510px;
	text-align: center;
	background: url(../img/index/mv-bg.png) center center no-repeat transparent;
	background-size: cover;
	display: table;
}

.main-img p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-image: -webkit-linear-gradient(transparent 33.3%, rgba(0, 0, 0, 0.1) 33.3%, rgba(0, 0, 0, 0.1) 100%),
		-webkit-linear-gradient(0deg, transparent 33.3%, rgba(0, 0, 0, 0.1) 33.3%, rgba(0, 0, 0, 0.1) 100%);
	background-image: linear-gradient(transparent 33.3%, rgba(0, 0, 0, 0.1) 33.3%, rgba(0, 0, 0, 0.1)100%),
		liner-gradient(90deg, transparent 33.3%, rgba(0, 0, 0, 0.1) 33.3%, rgba(0, 0, 0, 0.1)100%);
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-background-size: 1px 1px;
	background-size: 1px 1px;
}

.main-img p img {
	max-width: 1103px;
	width: 100%;
}

@media all and (max-width: 767px) {
	.main-img {
		width: 100%;
		height: 68vw;
		text-align: center;
		background: url(../img/index/mv-bg.png) center center no-repeat transparent;
		background-size: cover;
		display: table;
	}

	.main-img p {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background-image: -webkit-linear-gradient(transparent 33.3%, rgba(0, 0, 0, 0.05) 33.3%, rgba(0, 0, 0, 0.05) 100%),
			-webkit-linear-gradient(0deg, transparent 33.3%, rgba(0, 0, 0, 0.05) 33.3%, rgba(0, 0, 0, 0.05) 100%);
		background-image: linear-gradient(transparent 33.3%, rgba(0, 0, 0, 0.05) 33.3%, rgba(0, 0, 0, 0.05)100%),
			liner-gradient(90deg, transparent 33.3%, rgba(0, 0, 0, 0.05) 33.3%, rgba(0, 0, 0, 0.05)100%);
		background-color: rgba(0, 0, 0, 0.2);
		-webkit-background-size: 1px 1px;
		background-size: 1px 1px;
		height: 68vw;
	}

	.main-img p img {
		max-width: 1103px;
		width: 100%;
	}
}

.l-store {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../img/index/store-bg.png) center center no-repeat transparent;
	background-size: cover;
	height: 758px;
}

.l-store__ttl {
	font-size: 3.0rem;
	color: #B6272D;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	padding-top: 70px;
}

.l-store__ttl span {
	font-size: 4.6rem;
	color: #B6272D;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.l-store__message {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
	line-height: 1.85;
	text-align: center;
	padding-top: 30px;
}

@media all and (max-width: 767px) {
	.l-store {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: url(../img/index/store-bg.png) top center no-repeat transparent;
		background-size: cover;
		height: 130vw;
	}

	.l-store__ttl {
		font-size: 4.53vw;
		color: #B6272D;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-align: center;
		padding-top: 9.33vw;
	}

	.l-store__ttl span {
		display: block;
		font-size: 6.4vw;
		color: #B6272D;
		font-weight: bold;
		letter-spacing: 0.1em;
	}

	.l-store__message {
		font-size: 3.46vw;
		letter-spacing: 0.1em;
		line-height: 1.85;
		text-align: center;
		padding-top: 4vw;
	}
}

.l-commitment {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../img/index/commitment-bg.png) center center no-repeat transparent;
	background-size: cover;
	height: 510px;
}

.l-commitment .-inner {}

.l-commitment__block {
	position: relative;
	top: 90px;
}

.l-commitment__ttl {
	font-size: 3.0rem;
	color: #B6272D;
	font-weight: bold;
	line-height: 1.46;
	letter-spacing: 0.15em;
	text-align: left;
	padding-top: 0;
}

.l-commitment__ttl span {
	font-size: 3.6rem;
	color: #b6272d;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.15em;
	text-align: left;
	padding-top: 0;
	margin-left: -20px;
}

.l-commitment__message {
	font-size: 2.0rem;
	letter-spacing: 0.15em;
	line-height: 1.95;
	text-align: left;
	padding-top: 15px;
}

.l-commitment__btn {
	margin-top: 30px;
}

.l-commitment__btn a {
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 10px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.15em;

	width: 300px;
	height: 60px;
	background: url(../img/index/commitment-btn.png) left top no-repeat;
	background-size: 300px auto;

	/*	
	border-radius:6px;
	background: #891e23;
	background: -moz-linear-gradient(top,  #891e23 0%, #bd2123 52%, #891e23 100%);
	background: -webkit-linear-gradient(top,  #891e23 0%,#bd2123 52%,#891e23 100%);
	background: linear-gradient(to bottom,  #891e23 0%,#bd2123 52%,#891e23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#891e23', endColorstr='#891e23',GradientType=0 );*/

	position: relative;
}

@media all and (max-width: 767px) {

	.l-commitment {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: url(../img/index/commitment-bg.png) center center no-repeat transparent;
		background-size: cover;
		height: 68vw;
	}

	.l-commitment .-inner {}

	.l-commitment__block {
		position: relative;
		top: 9.33vw;
	}

	.l-commitment__ttl {
		font-size: 4.53vw;
		color: #B6272D;
		font-weight: bold;
		line-height: 1.46;
		letter-spacing: 0.15em;
		text-align: left;
		padding-top: 0;
	}

	.l-commitment__ttl span {
		font-size: 5.33vw;
		color: #b6272d;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.15em;
		text-align: left;
		padding-top: 0;
		margin-left: -2.66vw;
	}

	.l-commitment__message {
		font-size: 3.2vw;
		letter-spacing: 0.15em;
		line-height: 1.7;
		text-align: left;
		padding-top: 2vw;
	}

	.l-commitment__btn {
		margin-top: 4vw;
	}

	.l-commitment__btn a {
		display: inline-block;
		color: #FFFFFF;
		text-align: center;
		padding: 3.33vw 1.33vw;
		font-size: 3.2vw;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 0.15em;

		width: 53.3vw;
		height: 11vw;
		background: url(../img/index/commitment-btn.png) left top no-repeat;
		background-size: 53.3vw auto;

		/*	
		border-radius:6px;
		background: #891e23;
		background: -moz-linear-gradient(top,  #891e23 0%, #bd2123 52%, #891e23 100%);
		background: -webkit-linear-gradient(top,  #891e23 0%,#bd2123 52%,#891e23 100%);
		background: linear-gradient(to bottom,  #891e23 0%,#bd2123 52%,#891e23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#891e23', endColorstr='#891e23',GradientType=0 );*/

		position: relative;
	}
}

.l-hr {
	position: relative;
}

.l-hr:before {
	content: "";
	width: 100%;
	height: 8px;
	background: url(../img/index/common-hr.png) top left repeat-x transparent;
	background-size: 1400px 8px;
	position: absolute;
	left: 0;
	top: 0;
}

.l-hr-sp {}

@media all and (max-width: 767px) {
	.l-hr-sp {
		display: block;
		position: relative;
	}

	.l-hr-sp:before {
		content: "";
		width: 100%;
		height: 4px;
		background: url(../img/index/common-hr.png) top left repeat-x transparent;
		background-size: 100% 4px;
		position: absolute;
		left: 0;
		top: 0;
	}
}