main#wrap {
    overflow: hidden;
}

.unkai.fixHeader .header .hd-logo{
    opacity: 1;
}

.zen-old-mincho{
    font-family: "Zen Old Mincho", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "'Noto Sans'JP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.photo-box-shadow{
    box-shadow: 12.8px 12.8px 12.8px rgba(155, 151, 137, 0.5);
}

span.ls-thin {
    letter-spacing: -0.12em;
}

#unkai .bg-beige{
    background: #f7efe2;
}

#unkai .fv {
    height: calc(var(--vh, 1vh) * 100);
    height: 100svh;
    background: transparent;
    position: relative;
    padding-top: 0;
    display: none;
    z-index: 2;
}

#unkai .fv.loading-screen{
    display: block;
}

.fv-video .pc{
    display: block;
}

.fv-video .sp{
    display: none;
}
#unkai .fv-video {
    height: 100%;
}

#unkai .fv-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#unkai .fv .fv-title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 331.3379px;
    height: auto;
    max-width: 50vw;
    transform: translate(-50%, -50%);
}

.unkai-title {
    width: 100%;
}

.unkai-title img {
    width: 100%;
}
/* タイトルとサブタイトルにバウンスアニメーション */
.loading-screen .unkai-title {
    animation: bounce 1.2s ease-in-out infinite; /* 動きでローディング中を表現 */
}


@media (min-width: 768px) {
    #unkai .fv .c-reserve {
        left: auto;
        right: calc(50vw - 487px);
    }
}

.unkai-box1 {
    padding: 124px 0px;
}

.unkai-box1 .container {
    text-align: center;
}

.unkai-box1 .unkai-title {
    font-size: min(5vw,41px);
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
}

.unkai-box1 .unkai-title span.ls-thin {
    letter-spacing: -0.12em;
}

.unkai-box1 h2:after {
    content: "";
    background: url(http://663619f83bb88e02.main.jp/assets/img/common/zigzag-line.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 581px;
    height: min(1.2vw, 5px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.unkai-box1 .copy {
    padding-top: 33px;
    font-size: min(3.5vw, 21px);
}

.unkai-box1 .copy .upper {
    letter-spacing: 0.05em;
}

.unkai-box1 .copy .under {
    letter-spacing: -0.05em;
}

.unkai-photos {
    padding-bottom: 150px;
}

figure.unkai-photo-1 {
    z-index: 1;
    position: relative;
}

figure.unkai-photo-2 {
    text-align: right;
    margin-top: -50px;
}

figure.unkai-photo-3 {
    margin-left: 94px;
    margin-top: -250px;
}

.unkai-attention {
    position: relative;
    height: 675px;
    margin-bottom: 260px;
    background-size: cover;
    background-position: center;
}

.unkai-attention .container {
    width: 566px;
    text-align: center;
    background: #5bb431;
    color: #fff;
    letter-spacing: 0.1em;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 77%);
    padding: 38px 0 44px 0;
    font-size: 16px;
}

.unkai-attention .title {
    margin-bottom: 20px;
}

.unkai-attention .text:not(:last-child) {
    line-height: 1;
    margin-bottom: 1em;
}

@media(max-width: 974px){
    
    figure.unkai-photo-1 img {
        width: 77vw;
    }
    figure.unkai-photo-2 img {
        width: 55vw;
    }
    figure.unkai-photo-3 img {
        width: 40vw;
    }
    figure.unkai-photo-2 {
        margin-top: -4vw;
        margin-right: -6vw;
    }
    figure.unkai-photo-3 {
        margin-left: -4vw;
        margin-top: -22vw;
    }
}

@media(max-width:767px){

    .fv-video .sp{
        display: block;
    }

    .fv-video .pc{
        display: none;
    }
   
    .c-reserve {
        bottom: 30px;
    }

    .unkai-box1 h2:after {
        width: 100vw;
    }

    .unkai-box1 .unkai-title {
        margin-bottom: 15px;
    }

    .unkai-box1 .copy {
        padding-top: 20px;
        white-space: nowrap;
    }

    .unkai-attention {
        height: 100vw;
        margin-bottom: 260px;
    }

    .unkai-attention .container {
        width: 75vw;
        font-size: min(2.8vw, 16px);
    }

    
}