/*******************

背景

********************/
html,
body {
	width: 100%;
	height: 100%;
}

div.wrap {
	width: 100%;
	height: 100%;
	padding-top: 8vw;
	background-image: url(../front-page/opening_title__bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


/*******************

コンテンツ

********************/
.swiper {
	max-width: 1350px;
	margin: 0 auto 50px auto;

}

.opening_title img {
	display: block;
	margin: 0 auto 50px auto;
}

.opening_title__btn {
	max-width: 567px;
	margin: 0 auto;
	cursor: pointer;
}

.opening_title__btn:hover {
	opacity: 0.75;
}

.opening_board {
	position: absolute;
	top: -60px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 1350px;
	max-height: 840px;
}

.opening_board img {
	width: 1350px;
}

.opening_board--01 {
	background-image: url(../front-page/opening_board--01.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.opening_board--01 .opening_board--next {
	position: absolute;
	right: 0;
	bottom: 100px;
	left: 0;
	margin: auto;
	max-width: 567px;
	cursor: pointer;
}

.opening_board--01 .opening_board--next:hover {
	opacity: 0.75;
}

.opening_board--02 {
	background-image: url(../front-page/opening_board--02.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.opening_board--02 .opening_board--next {
	position: absolute;
	right: 0;
	bottom: 100px;
	left: 0;
	margin: auto;
	max-width: 567px;
	cursor: pointer;
}

.opening_board--02 .opening_board--next:hover {
	opacity: 0.75;
}

.opening_board--02 .opening_board--back {
	position: absolute;
	bottom: 100px;
	left: 100px;
	margin: auto;
	max-width: 567px;
	cursor: pointer;
}

.opening_board--02 .opening_board--back:hover {
	opacity: 0.75;
}

.opening_board--02 .opening_board--start {
	position: absolute;
	bottom: 100px;
	right: 100px;
	margin: auto;
	max-width: 567px;
	cursor: pointer;
}