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

.l-header-area {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 background-color: #161a1c;
}
.l-header-sitename { margin: 0; }
h1.l-header-sitename { text-align: right;}

section { padding: 0 0 10rem; }
.l-main-area {}
.l-mv {
    width: 100%;
    margin: auto;
    padding: 3.6rem 0 0;
    position: relative;
    background: url(img/mv.png) no-repeat center;
    background-size: cover;
}
.l-mv video {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto 0;
}
_:-ms-lang(x)::-ms-backdrop, .l-mv {
 background: url("img/mv_bg.jpg") no-repeat center top;
 background-size: cover;
}
_:-ms-lang(x)::-ms-backdrop, .l-mv video { display: none; }

.l-mv video object { display: none; }
.l-mv-wrapper {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 20rem 0 5rem;
}
.l-mv-box {
 width: 540px;
 margin: 0 auto;
 color: #161a1c;
 font-size: 3rem;
 position: relative;
 text-align: center;
 line-height: 5rem;
}

.l-mv-box .l-mv-box_title {
    font-size: 100%;
    margin: 10rem auto 3rem;
    padding: 0;
    font-weight: bold;
    color: #161a1c;
    line-height: 1.4;
}

.l-mv-box .l-mv-box_title span {
    font-size: 5.5rem;
}

.l-mv-box p { font-weight: bold; }
.l-mv-box p span {
 font-size: 4.0rem;
 color: #161a1c;
}
.l-mv-box .btn-anchor01 a {
 width: 489px;
 font-size: 2.2rem;
}

@media screen and (max-width: 599px) {
 .l-header { text-align: center; }
 .l-main-area {margin-bottom: 0;}
 section { padding: 0 0 4rem; }
 .l-mv {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 4rem 1rem 2rem;
  position: relative;
  background: #efefef url(img/mv.png) no-repeat center top 3rem;
  background-size: 200% auto;
 }
 .l-mv-wrapper {width: 100%;padding: 8rem 0 0;line-height: 1.4;}
 .l-mv-box {
  font-size: 5.5vw;
  line-height: 1.6;
  width: 100%;
  text-shadow: 0 0 5px #efefef, 0 0 5px #efefef,0 0 5px #efefef, 0 0 5px #efefef;
 }
 .l-mv-box p { margin: 0 0 1rem; }
 .l-mv-box p span {font-size: 32px;}
 .l-mv-box .btn-anchor01 {
  margin: 0 auto;
  width: 80%;
 }
 .l-mv-box .btn-anchor01 a {
  width: auto;
  font-size: 1.4rem;
 }
 
.l-mv-box .l-mv-box_title span {
    font-size: 3rem;
}


}