@charset "UTF-8";
/* * * * * * * * * * * * * * * * * *
* project-top.css
* * * * * * * * * * * * * * * * * */
.project-top__mv {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* padding: 10%; */
    background-image: url(/assets/img/under/top_mv_a.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.project-top__mv-image {
    width: 100%;
    height: calc(100vh - 65px - 50px + 1px);
    /* aspect-ratio: 16 / 9; */
    overflow: hidden;
}
@media screen and (max-width: 656px) {
    .project-top__mv-image {
        height: calc(100vh - 50px - 50px);
    }
}

.project-top__mv-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.project-top__mv-title {
    width: 85%;
    max-width: 700px;
    padding: 0 3vw;
    filter: brightness(0) invert(1) drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.project-top__mv-title--sub {
    display: block;
    /* margin-top: .5em; */
	font-family: 'Yuji Syuku', sans-serif;
    font-size: 5vw;
    color: #FFF;
}
@media screen and (max-width: 656px) {
    .project-top__mv-title--sub {
        font-size: 7vw;
    }
}


/*! end */