@charset "utf-8";
/* CSS Document */

.box{
margin-top:      -80px;
overflow:        hidden;
position:        relative;
z-index:         -9999999999;
width:           100%;
height:          100vh;
display:         flex;
align-items:     center; /* 縦方向中央揃え */
justify-content: center; /* 横方向中央揃え */
flex-direction:  column;
}

.fitMovie{
position:        absolute;
}

.box__centered{
left:            50%;
position:        absolute;
top:             50%;
}

.box__contents{
text-align:      center;
transform:       translate(-50%,-50%);
}


@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.box__title{}
.box__text{}
}
@media screen and (min-width: 1080px) {/*　画面サイズ 500pxから適用　*/
.box__title{}
.box__text{}
}

/* 動画下の余白削除 */
.sp-movie {
font-size:   0px;
line-height: 0px;
overflow:    hidden;
}