html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
	background: #fff;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-feature-settings: "palt";
	letter-spacing: .1rem;
	line-height: 1.5;
}
ul,li {
  list-style: none;
}
p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
  margin: 0;
}
img {
	width: 100%;
	height: 100%;
}
p {
	margin: 0;
}
.en {
	font-family: 'Montserrat', sans-serif;
}
a {
  text-decoration: none;
  display: block;
}

body::after {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(78, 193, 213) 0%, #fff 100%);
  top: 0;
  left: 0;
  z-index: -1000;
}

#movie {
  width: 100vw;
  height: 100vh;
  overflow: hidden
}

#movie a {
  width: 100%;
  height: 100%;
}

#movie a:hover {
  opacity: 1
}

#movie video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

#movie .video-btn {
  position: absolute;
  width: 7rem;
  height: 7rem;
  border-radius: 3.5rem;
  background: #fff;
  bottom: 10rem;
  right: 2rem;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .8rem;
  color: #4ec1d5;
  cursor: pointer;
  text-align: center;
}

#movie .skip-btn {
  position: absolute;
  width: 7rem;
  height: 7rem;
  border-radius: 3.5rem;
  background: #fff;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .8rem;
  color: #4ec1d5;
  cursor: pointer;
  text-align: center;
}


@media screen and (max-width: 760px) {
  #movie video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
  }
  #movie .video-btn {
    width: 5rem;
    height: 5rem;
    bottom: 7rem;
    right: 1rem;
  }
  #movie .skip-btn {
    width: 5rem;
    height: 5rem;
    bottom: 1rem;
    right: 1rem;
  }
}