* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  font-weight: normal;
  color: #333;
}

.l-header {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  background: #ddd;
}

.l-header_in {
  position: relative;
  padding: 0 30px;
}

.l-header_in ._logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-header_in ._logo div {
  width: 80px;
}

.l-header_in ._logo div img {
  max-width: 100%;
  height: auto;
  -webkit-filter: drop-shadow(0px 0px 5px #999);
          filter: drop-shadow(0px 0px 5px #999);
}

.l-header_in ._logo h1 {
  font-size: 18px;
  padding-top: 10px;
  padding-left: 20px;
}

.l-main {
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 100px;
}

.l-main video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.l-main2 {
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
}

.l-main2 video {
  position: absolute;
  border: 10px solid #999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 1600px;
  width: 100%;
}

.l-footer {
  position: fixed;
  bottom: 0;
  height: 100px;
  width: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.l-footer_in {
  width: 100%;
  height: 100px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-footer_in p {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
}

.l-footer_in ul {
  -ms-flex-preferred-size: 800px;
      flex-basis: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-footer_in ul li {
  padding: 0 10px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.l-footer_in ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #000;
  border-radius: 10px;
  padding: 20px;
  -webkit-transition: .3s;
  transition: .3s;
}

.l-footer_in ul li a:hover {
  opacity: .7;
}

.l-footer_in ul li a.btn1 {
  background: #C1272D;
}

.l-footer_in ul li a.btn2 {
  background: #253C50;
}
/*# sourceMappingURL=style.css.map */