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

背景

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

.contents {
    width: 100%;
    height: 100%;
}
.wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: url(../front-page/opening_title__bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

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

コンテンツ

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

.slide {
    display: none;
    max-width: 1200px;
    margin: 0 auto 0 auto;
}
#slide--001 {
    display: block;
}

.opening_title img {
    display: block;
    max-width: 567px;
    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 {
    position: relative;
    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 {
    position: relative;
    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: 80px;
    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: 80px;
    left: 100px;
    margin: auto;
    max-width: 500px;
    cursor: pointer;
}

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

.opening_board--02 .opening_board--start {
    position: absolute;
    bottom: 80px;
    right: 60px;
    margin: auto;
    max-width: 500px;
    cursor: pointer;
}
/*
*/