#gallery .contents{
    padding-top: 8rem;
    padding-bottom: 0;
}

.m-cap{
    margin-top: .8rem;
}
.mvPage {
    overflow: hidden;
}

.mvPage figure {
    height: 100%;
    position: relative;
}

.mvTit {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: min(5vw, 5.7rem);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #fff;
    text-shadow: 2px 2px 20px #000, -2px -2px 20px #000, 3px 3px 20px #000, -3px -3px 20px #000, 4px 4px 20px #000, -4px -4px 20px #000;
}
.gallery-slide{
    padding-top: 1rem;
}
.slider-nav {
    display: flex;
}
.slider-for {
    margin-bottom: min(1vw, 17px);
}

.slider-nav .slick-track,
.slider-nav .slick-list {
    width: 100% !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.slider-nav .slick-track {
    width: 100% !important;
}

.slider-nav .slick-slide {
    width: 18.8% !important;
    margin: 0 1.5% 1% 0;
}
.slider-nav .slick-slide:nth-child(5){
    margin-right: 0;
}

.slider-nav__item {
    position: relative;
    cursor: pointer;
}

.slider-nav__item::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #231815;
    top: 0;
    left: 0;
    opacity: .6;
    z-index: 1;
}
.slider-nav__item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-nav .slick-slide.slick-current.slick-center .slider-nav__item::after {
    display: none;
}
.slider-nav-item__title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    text-align: center;
    font-size: min(2vw, 2.1rem);
    letter-spacing: 0.1em;
    color: #ffffff;
    font-family: 'Trajan Pro', sans-serif;
    font-weight: 300;
    margin-top: 0.2em;
}
.box-merit{
    padding-top: 10rem;
}

.merit-header{
    margin-top: 8rem;
    padding: 7rem 0 6rem 0;
    background: #6e917d;
}
.merit-header_title{
    font-size: min(3.1vw, 3.1rem);
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 4rem;
}
.merit-nav{
    display: flex;
    justify-content: space-between;
}
.merit-nav_item{
    width: 23.84%;
}
.nav-item_title{
    font-size: min(2.6vw, 2.6rem);
    letter-spacing: 0.1em;
    color: #fff;
    font-family: 'Trajan Pro', sans-serif;
    text-align: center;
    margin-bottom: 1.5rem;
    opacity: .7;
}
.nav-item_title span{
    display: block;
    font-size: 1.5em;
    line-height: 1;
    color: #ebdeaf;
}
.nav-item_lead{
    display: block;
    font-size: min(1.5vw, 1.6rem);
    padding: 1.5rem 0;
    text-align: center;
    color: #231815;
    background: #fff;
}
.merit-building{
    margin: 4rem 0 7rem 0;
}
.container{

}
.building-outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.building-content{
    width: 51.3%;
}
.merit-title-en{
    font-size: 2rem;
    color: #6e917d;
    letter-spacing: 0.1em;
    font-family: 'Trajan Pro', sans-serif;
}
.merit-title-en span{
    font-size: 1.5em;
    line-height: 1;
}
.merit-title-jp{
    font-size: 2.5rem;
    line-height: 1.664;
    margin: 1rem 0;
}
.merit-desc{
    font-size: 1.8rem;
    line-height: 1.9;
}
.building-img{
    width: 33%;
}
.building-img .m-cap{
    text-align: right;
}

.feature-img{
    display: flex;
    justify-content: space-between;
    margin: 3rem 0 6rem 0;
}
.feature-img figure{
    width: 49.352%;
}
.feature-img .m-cap{
    text-align: right;
}
.merit-feature{
    padding: 7rem 0;
    background: #e1e8e4;
}

.facial{
    background: #fff;
    padding: 1rem;
}
.facial-outer{
    background: #013563;
    padding: 1rem;
}
.facial-outer > a{
    transition: opacity .2s ease;
}
.facial-outer > a:hover{
    opacity: .8;
}
.facial-inner{
    border: 2px solid #ad9d5e;
    padding: 2rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.facial-content{

}
.facial-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}
.facial-title{
    font-size: min(2.9vw, 3.3rem);
    color: #fff;
    line-height: 1;
}
.facial-header figure{
    width: 30%;
}
.facial-system{
    background: #fff;
    padding: 1rem min(4vw, 4rem);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.system-title{
    font-size: min(1.8vw, 2rem);
    color: #231815;
}
.system-content{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    width: 38%;
}
.system-content figure{
    width: 33%;
}

.system-content figcaption{
    font-size: min(1.2vw, 1.2rem);
    text-align: center;
}
.system-content p{
    width: 33%;
    clip-path: polygon(13% 0, 87% 0, 100% 50%, 87% 100%, 13% 100%, 0% 50%);
    background: #10528f;
    color: #fff;
    padding: min(1vw, 1.5rem) 0;
    line-height: 1;
    text-align: center;
    font-size: min(1.3vw, 1.3rem);
    margin-top: min(2vw, 2rem);
}
.facial-video figure img{
    max-height: 154px;
    object-fit: cover;
    width: 100%;
}

.merit-view{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin: 8rem 0;
}
.merit-view_content{
    width: 41%;
}
.merit-view_img{
    width: 49.733%;
}
.merit-view_img .m-cap{
    text-align: right;
}

.merit-rent{
    padding: 8rem 0 10rem 0;
    background: #e1e8e4;
}
.merit-rent_outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.merit-rent_content{
    width: 46%;
}
.merit-rent_img{
    width: 42.34%;
}
.merit-rent_img figure:nth-child(1){
    margin-bottom: min(3vw, 3rem);
}
@media screen and (max-width: 768px) {
    .box-merit{
        padding-top: 5rem;
    }
    .merit-header{
        margin-top: 6rem;
        padding: 5rem 0 4rem 0;
    }
    .merit-header_title{
        font-size: min(5vw, 3rem);
    }
    .merit-nav{
        flex-wrap: wrap;
    }
    .merit-nav_item{
        width: 48%;
        margin-bottom: 4rem;
    }
    .nav-item_title{
        font-size: min(4vw, 2rem);
        margin-bottom: 1rem;
    }
    .nav-item_lead{
        font-size: min(2.8vw, 1.4rem);
    }
    .building-outer{
        flex-direction: column;
        gap: 2rem;
    }
    .building-content{
        width: 100%;
    }
    .building-img{
        width: 100%;
        max-width: 330px;
    }
    .merit-title-en{
        font-size: min(3vw, 1.6rem);
    }
    .merit-title-jp{
        font-size: min(5vw, 2.2rem);
    }
    .merit-desc{
        font-size: 1.4rem;
    }
    .merit-feature{
        padding: 5rem 0;
    }
    .facial{
        max-width: 370px;
        margin: 0 auto;
    }
    .facial-inner{
        flex-direction: column;
        padding: min(4vw, 2rem) min(5vw, 3rem);
    }
    .facial-content{
        width: 100%;
    }
    .facial-header{
        flex-direction: column;
    }
    .facial-title{
        font-size: min(4vw, 2.5rem);
    }
    .facial-header figure{
        width: 100%;
        max-width: 150px;
    }
    .facial-system{
        flex-direction: column;
        gap: 1rem;
    }
    .system-title{
        font-size: min(3.7vw, 1.8rem);
    }
    .system-content{
        width: 80%;
    }
    .system-content figure{
        width: unset;
    }
    .system-content figcaption{
        font-size: min(2vw, 1.2rem);
    }
    .system-content p{
        margin-top: min(5vw, 3rem);
        font-size: min(2.5vw, 1.3rem);
    }
    .facial-video figure img{
        max-height: 193px;
    }
    .merit-view{
        flex-direction: column;
        margin: 5rem 0;
    }
    .merit-view_content{
        width: 100%;
    }
    .merit-view_img{
        width: 100%;
    }
    .merit-rent {
        padding: 5rem 0 7rem 0;
    }
    .merit-rent_outer{
        flex-direction: column;
        gap: 2rem;
    }
    .merit-rent_content{
        width: 100%;
    }
    .merit-rent_img{
        max-width: 350px;
        width: 100%;
    }
    .merit-rent_img figure:nth-child(2){
        width: 80%;
        margin: 0 auto;
    }
    #gallery .titEnJp .jp{
        font-size: min(4.8vw, 3rem);
    }
    .m-cap{
        font-size: 1rem;
    }
}