/* =============================
メインビジュアル
=============================*/
.mv_movie {
position: relative;
height: 100vh;
overflow: hidden;
animation: fadeIn 2s ease 0s 1 normal;
}
@media screen and (min-width:700px) and ( max-width:1024px){
.mv_movie {
height: 50vh;
}
}
@media screen and (max-width: 699px) {
.mv_movie {
height: 80vh;
}
}

.mv_movie video{
position: absolute;
top:0;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 0;
overflow: hidden;
}

@media screen and (max-width: 699px) {
#mv {
/*margin-top: 0.65rem;*/
}
.mv_movie video{
height: 100%;
width: auto;
}
}


/* MVのコンテナ */
#mv .container1000 {
z-index: 2;
position: absolute;
top: 30%;
max-width: 1000px;
width: 100%;
left: 0;
right: 0;
box-sizing: border-box;
}

@media screen and (min-width:700px) and ( max-width:1024px){
#mv .container1000 {
top: 10%;
box-sizing: border-box;
}
}
@media screen and (max-width: 699px) {
#mv .container1000 {
top: 25%;
width:90%;
max-width: 1000px;
left: 50%;
right: inherit;
transform: translateX(-50%);
}
}

/* MVキャッチ */
.mv_cont h2 {
font-family: 'Be Vietnam', sans-serif;
font-size: 0.5rem;
color: #FFF;
font-weight: 800;
line-height: 1.1;
letter-spacing: 0.02rem;
}

@media screen and (max-width: 699px) {
.mv_cont h2 {
font-size: 13vw;
}
}

.mv_cont h2 strong {
	position: relative;
	padding-bottom: 25px;
	display: inline-block;
}

.mv_cont h2 strong::after {
	content: "";
	display: inline-block;
	height: .05rem;
	background-color: #00d1cc;
	width: 100%;
	position: absolute;
	bottom:.15rem;
	left: 0;
	animation:mv_line 3.6s cubic-bezier(0.42, 0, 0.58, 1.0);
}

.motion-txt.small-text {
	line-height: 1;
	top: -0.25rem;
}

.mv_cont h2 small {
	font-size: 0.25rem;
}



@keyframes mv_line {
	    0% {width: 0}
	80% {width: 0}
    100% {width: 100%}
}


@media screen and (max-width: 699px) {
.mv_cont {
}
}

/* MV下部のグラデーション */
.mv_grad {
position: absolute;
bottom:0;
left: 0;
width: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
height: 50%;
z-index: 1;
}

