@charset "utf-8";

/*========= 背景動画設定のCSS ===============*/
.lp_image{
background: #000;
position: relative;
z-index: 00;
}
#video-area{
position: absolute;
z-index: -1;/*最背面に設定*/
top: 0;
right:0;
left:0;
bottom:0;
overflow: hidden;
}
#video {
width: 100%;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*========= レイアウトのためのCSS ===============*/
#video-container{
background: url(../images/dot_pc.png) no-repeat;
background-size: contain;
width: 100%;
padding-top: 56.25%; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
}
@media only screen and (max-width: 767px) {
#video-container{
background: url(../images/dot_sp.png) no-repeat;
background-size: contain;
width: 100%;
padding-top: 177.77%; /* 16:9の幅 → 16 ÷ 9 = 56.25% */
}
}