@charset "utf-8";

.fadein {opacity: 0.1;-webkit-transition-delay: -200ms;transition: all ease 1.2s;transform: translate(600px, 0);}
.scrollin {opacity: 1;transform: translate(0, 0);}
.animate__animated {
opacity: 1;
}

#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

/*見出し設定*/

.page_movie {
	z-index: 1;
	/*要素の配置*/
	position:absolute;
	/*要素を天地中央寄せ*/
	padding-top: 20vh;
	height;80vh:
	width:100vw;
	text-align:center;
	color:#fff;
}

.top_movie {
	z-index: 1;
	/*要素の配置*/
	position:absolute;
	/*要素を天地中央寄せ*/
	padding-top: 20vh;
	height;80vh:
	width:100vw;
	text-align:center;
	color:#fff;
/*
	height: 80px;
	max-width: 1600px;
	margin: 0 auto;
*/
}
#top_txt1 {
font-weight: 700;
	text-shadow: 0 0 15px #666;
	line-height:1.8em;
	font-size:2.4rem;
	overflow: hidden;
margin-bottom:2%;
}
#top_txt2 {
	color:#fff;
	/*要素の配置*/
	line-height:3.2rem;
	font-size:2.4rem;
	font-weight: 500;
	text-shadow: 0 0 15px #666;
	overflow: hidden;
margin-bottom:2%;
}
#top_txt3 {
	color:#fff;
	line-height:2.4rem;
	font-size:1.7rem;
	text-shadow: 0 0 15px #666;
	overflow: hidden;
}
#top_main img {
	height:60vh;
	margin:10% 0;
	max-width:600px;
	height:auto;
	width: 65%;
}
/*========= レイアウトのためのCSS ===============*/