@charset "UTF-8";

.second-layer .page-title .title span {
    color: var(--orange);
}

.page-title .title {
    margin-top: 40px;
}

.page-title .text02 {
    width: 360px;
    margin: 40px 0 0 -40px;
    padding: 24px 40px;
    border-radius: 40px;
    background-color: #f9dec1;
    font-weight: 700;
}

.page-title .text02 dl {
    margin-top: 8px;
    display: flex;
}

.page-title .text02 dt {
    width: 64px;
}

.page-title .text02 dd {
    width: calc(100% - 64px);
}

/*================================================================
.intro
================================================================ */
.intro {
    margin-top: -64px;
}

.intro .wrap {
    position: relative;
}

.intro .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro .left {
    width: 280px;
    position: relative;
}

.intro .right {
    width: 464px;
    padding-right: 64px;
}

.anchor .anchor__ul {
    margin-left: 0;
    flex-direction: column;
}

.anchor .anchor__list {
    width: 100%;
    margin: 0;
}

.anchor .anchor__list:nth-child(n+2) {
    margin-top: 16px;
}

.intro .sub-title {
    font-weight: 700;
    color: #7a7870;
}

.intro .title {
    margin-top: 8px;
    font-size: 32px;
}

.intro .text {
    margin-top: 16px;
    line-height: 2;
}

.intro .intro__img01 {
    position: absolute;
    top: -393px;
    left: 261px;
}

.intro .intro__img02 {
    position: absolute;
    right: 17px;
    bottom: -170px;
    z-index: 1;
}

/*------------------------

動画

------------------------*/
.video {
    margin-top: 140px;
}

.video .wrap {
    position: relative;
}

.video__video {
    width: 88%;
    margin: auto;
}

.video__video video {
    border-radius: 80px 80px 0 0;
}

.video__img01 {
    position: absolute;
    bottom: -68px;
    left: -188px;
}

.video__img02 {
    position: absolute;
    right: -173px;
    bottom: -80px;
}

/*================================================================
# section-title01
================================================================ */
.second-layer .section-title01__en {
    color: var(--orange);
}

.second-layer .section-title01__jp strong {
    font-size: 48px;
    color: var(--orange);
}

/*================================================================
.type-of-room
================================================================ */
.second-layer .section-title03__jp strong {
    color: var(--orange);
}

.second-layer .section-title03__en {
    color: var(--orange);
}

.slick-slider.slider02 {
    margin: 40px auto 0;
}

/* dining-table-seats
------------------------------------------------------ */
.dining-table-seats {
    margin-top: 100px;
}

.dining-table-seats .wrap {
    position: relative;
}

.dining-table-seats_bg {
    position: absolute;
    top: 45px;
    left: -79px;
    z-index: -1;
}

.dining-table-seats_illust01 {
    position: absolute;
    bottom: 8px;
    left: -10px;
}

.dining-table-seats_illust02 {
    position: absolute;
    right: -169px;
    bottom: -2px;
}

/* group-banquet
------------------------------------------------------ */
.group-banquet {
    margin-top: 120px;
}

.group-banquet .wrap {
    position: relative;
}

.group-banquet_bg {
    position: absolute;
    right: -251px;
    top: -94px;
    z-index: -1;
}

.group-banquet_illust01 {
    position: absolute;
    bottom: 14px;
    left: -227px;
}

.group-banquet_illust02 {
    position: absolute;
    right: 0px;
    bottom: 14px;
}

/* private-room
------------------------------------------------------ */
.private-room {
    margin-top: 100px;
}

.private-room .wrap {
    position: relative;
}

.private-room_bg {
    position: absolute;
    bottom: -65px;
    left: -79px;
    z-index: -1;
}

.private-room_illust01 {
    position: absolute;
    bottom: 8px;
    left: -10px;
}

.private-room_illust02 {
    position: absolute;
    right: -169px;
    bottom: -2px;
}