@charset "UTF-8";



/* 基本フォント: ゴシック */
body{
  font-family:  'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #FFF;
  background: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img{
  max-width: 100%;
}




/*******************************
*　
********************************/

.bg_video{
  position: absolute;
  z-index: 0;
  inset: 0;
}
.bg_video video{
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* レイアウト */
.layout{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  /*align-items: center;*/
  padding: 0 20px ;
  position: absolute;
  z-index: 1;
  inset: 0;
}
.layout_l{
  
}
.layout_r{
  /*width: 51%;*/
  /*margin-top: 14.10vw;*/
  margin-top: -5vw;
  margin-left: auto;
}

/* 左側 */
.logo{
  width: 14.10vw;
  width: 18.10vw;
  margin-top: 14.10vw;
  margin-bottom: 7vw;;
}
.catchcopy{
  width: 42.56vw;
  width: 48.56vw;
  margin-bottom: 14.10vw;
}
.sns_links{
  display: flex;
}
.sns_links li{
  
}

.sns_links li+li{
  margin-left: 17.5px;
}
.sound{
  position: absolute;
  z-index: 2;
  left: 20px;
  bottom: 135px;
}
.sound img{
  /*width: 12.30vw;*/
  width: 18vw;
}
/* MVテキスト */
.mv_txt{
  /*width: 100%;*/
  /*width: 33.333vw;*/
  /*width: 38vw;*/
  /*width: 35.5vw;*/
  width: 30vw;
  margin-left: auto;
}
.mv_txt img{
  
}

/* フッター */
.footer{
  background: #FFF;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
  
}
.ftr1{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-end;
  justify-content: space-between;
  height: 45px;
  padding: 6px 0;
}
.ftr1 .company{
  
}
.ftr1 .company img{
  display: block;
  height: 30px;
}
.ftr1 .copy{
  margin-top: 8px;
}
.ftr1 .copy img{
  display: block;
  height: 8px;
}

@media (max-width:374px){

}
@media (min-width:375px){

}
@media (min-width:390px){

  .layout_r{
    /*margin-top: 9vw;*/
    /*margin-top: 14vw;*/
    margin-top: 22vw;
  }
  
  /* MVテキスト */
  .mv_txt{
    width: 35.5vw;
  }
  
}
@media (max-width:767px){
  
  .layout_r{
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 90px;
  }
  
  
}
@media (min-width:768px){
    /* レイアウト */
  .layout{
    align-items: flex-start;
    align-content: flex-start;
    /*align-items: center;*/
    padding: 0 20px ;
  }
  .layout_l{

  }
  .layout_r{
    width: 100%;
    margin-top: 10vw;
  }

  /* 左側 */
  .logo{
    /*width: 10vw;*/
    margin-top: 10vw;
    margin-bottom: 7vw;;
  }
  .catchcopy{
    /*width: 30vw;*/
    margin-bottom: 10vw;
  }
  .sns_links{
  }
  .sns_links li+li{
    margin-left: 17.5px;
  }
  .sound{
    left: 20px;
    bottom: 135px;
  }
  .sound img{
    width: auto;
  }

  /* MVテキスト */
  .mv_txt{
    width: 20vw;
    width: 25vw;
  }

  /* フッター */
  .footer{
    padding: 0 20px;
  }
  .ftr1{
    justify-content: space-between;
    height: 45px;
  }
  .ftr1 .company{

  }
  .ftr1 .company img{
    height: auto;
  }
  .ftr1 .copy{
    margin-top: 0;
  }
  .ftr1 .copy img{
    height: auto;
  }
}
@media (min-width:1024px){

  
  /* レイアウト */
  .layout{
    align-items: center;
    align-content: center;
    padding: 0 55px 0 55px;
  }
  .layout_l{

  }
  .layout_r{
    width: auto;
    margin-top: 0;
    margin-top: 50px;
  }

  /* 左側 */
  .logo{
    width: auto;
    margin-top: 0;
    margin-bottom: 44px;
  }
  .catchcopy{
    margin-bottom: 73px;
  }
  .sns_links{
  }
  .sns_links li{

  }
  .sns_links li+li{
    margin-left: 17.5px;
  }
  .sound{
    width: auto;
    left: 55px;
    bottom: 132px;
  }

  /* MVテキスト */
  .mv_txt{

  }

  /* フッター */
  .footer{
    padding: 0 20px;
  }
  .ftr1{
    height: 45px;
  }

}
@media (min-width:1200px){
  
  .mv_txt{
    width: auto;
  }
  
  
}