@charset "UTF-8";

/* import */
/* -------------------------------------------------------- */
html {
  overflow: auto;
}

body {
  position: relative;
  margin: 0;
	width: 100%;
	height:100vh;
  color: #333;
  font-size: 16px;
	background:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing:border-box;
}

header{
  padding:10px;
  color:#fff;
  background:#000;
  box-sizing:border-box;
}

header h1{
  margin:0;
  font-size:36px;
}

.mv{
  margin:50px auto;
  width:90%;
  max-width:1200px;
}
.mv h2{
  font-size:28px;
}
.mv .movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mv .movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

footer{
  position:fixed;
  width:100%;
  bottom:0;
  padding:10px;
  color:#fff;
  background:#000;
  text-align:center;
  box-sizing:border-box;
}

.copy{
  font-size:16px;
}

@media (max-width: 767px) {
}

@media (max-width: 420px) {
  .mv h2{
    font-size:20px;
  }
}