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

/* ここから */
.mv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

video {
  display: block;
  width: 100%;
  /* 背景画像の高さ */
  height: 800px;
  /* 高さを維持したまま全体を表示させる */
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.mv-bg {
  display: block;
  width: 100%;
  /* 背景画像の高さ */
  height: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  /* 薄いレイヤーの色 */
  z-index: 1;
}
.mv-txt {
  color: #000; 
  text-align: center;
  position: absolute;
  top: 270px;
  bottom: 0;
  left: 0;
  right: 0;
  /* レイヤー背景の上に乗せる */
  z-index: 888;
  margin: auto;
}
/* scrool * --------------------------------------- */
.box_scroll {
  position: relative;
  z-index: 777;
}
#scroll,
#scroll:before {
    position: absolute;
    left: 50%;
}
.scrollp {
	position: absolute;
	left: 49.1%;
	bottom: 80px;
	color: #002E5E;
	text-align: center;
	font-size: 82.5%;
	letter-spacing: 0.3em;
	z-index: 777;
}
#scroll {
	text-align: center;
	color: #002E5E;
	bottom: 220px;
}
#scroll:before {
    content: '';
    top: 8px;
    width: 1px;
    height: 65px;
    background: #002E5E;
    margin-left: -4px;
    animation: scroll 1.3s infinite;
    -webkit-animation: scroll 1.3s infinite;
    -moz-animation: scroll 1.3s infinite;
}

@keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(41px);
    }
}
@-webkit-keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(41px);
    }
}
@-moz-keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(41px);
    }
}