@charset "UTF-8";
/* CSS Document */
.header{
   height:100vh;
  background-color:#2f2c2c;
  position: relative;
}
.header_img {
  height:162px;
  width: auto;
 position: absolute;  
  top:50px;
  left:9%;
}
.main {
  background-color: #2f2c2c;
}
.back{
  background-color: #2f2c2c;
}
.copywrite1{
    color: #FFF;
   text-align: center;
  }
.top_text{
  text-align: left;
  color: #FFF;
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: -0.025em;
}
  .video1{
  width: 100%;
object-fit: cover;
    padding-bottom: 20px;
}
  .video2{
  width: 100%;
object-fit: cover;
    padding-bottom: 20px;
}
@media (min-width: 1160px) {
  .header-content-wrapper{
    margin:0 auto;
    max-width: 1240px;
  }
   .header_content a {
    max-width: 1240px;
}
  .copywrite1{
    margin:0 auto;
    max-width: 1240px;
  }
}
@media(max-width:480px) {
   .header_img {
  height:72px;
  width: auto;
  position: absolute;
  left:20px;
  top:20px;
  }
  .menu{
    height:12px;
    width: auto;
  }
  .header{
   height:100vh;
  background-color:#2f2c2c;
  position: relative;
}
  .top_text{
  font-size: 1.0rem;
  padding-left:35px;
  line-height: 1.5rem;
}
  .video1{
    padding-bottom: 10px;
    padding-left: 35px;
    aspect-ratio:7/10;
}
  .top-wrapper {
    padding-bottom: 70px;
  }
  .copywrite1{
    font-size:10px;
    padding-bottom: 60px;
  }
}
@media(min-width:480px) {
   .section-top {
    margin-bottom:100px;
  }
  .top-wrapper {
    max-width:none;
    margin-left:9%;
    background-color: #2f2c2c;
  }
  .br1{
    display:none;
  }
  .back{
    padding-bottom:80px;
  }
}
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/

#splash {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background:#333;
	text-align:center;
	color:#fff;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
  z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #fff;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}
/*------viodeの表示--------------*/
@media(min-width:480px) {
.video1{
display: none;
}
}
@media(max-width:480px) {
  .video2{
display: none;
}
}