/*==================================================
動画
===================================*/
.top-video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.top-video > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform: rotate(1.1);
  width: 100%;
  height: 100vh;
}

/*========= レイアウトのためのCSS ===============*/
body {
  background: #000;
}
a{
  color: #fff;
}

a:hover,
a:active{
  text-decoration: none;
}

.wrapper{
  position: relative;
  height: 100vh;
  width: 100%;
}

.container{
  background:#555;
}

.container p{
  padding: 300px 0; 
  text-align: center;
  color: #fff;
}

.wrapper h1{
  position: absolute;
  z-index: 2;
  bottom: 2%;
  left:50%;
  transform: translateX(-50%);
  font-size:2vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}