.home { height: 100vh; position: relative; }
.home video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.home-content { position: relative; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.5);*/  background: url(../images/video/video-bg3.png); background-repeat: repeat;  color: #fff; text-align: center; }
.home-content h1 { line-height: 70px; font-weight: bold; position: relative; }
/*.home-content h1:before{ width: 250px; height: 230px; position: absolute; content: ''; left: -63px; top: -92px; background: url(../images/icon/icon-h1.svg) no-repeat center; background-size: contain; }*/
.home-content h1 label.Number{ font-size: 110px; font-style: italic; font-family: "Roboto", sans-serif; margin-right: 10px; }
.home-content h1 span{ font-size: 45px; display: block; }
.home-content .InfoBox{ max-width: 550px; text-align: left; opacity: 0; margin-top: 0%; /*animation: fade-in-move-down 2.8s;*/}
.pc-none{ display: none;}
.home-content .InfoBox .Small{ font-size: 20px; }
.SlideTop0{ margin-top: 100px; opacity: 0; transition: all .8s;}
.SlideTop100{ margin-top: 0px; opacity: 1!important; transition: all .8s;}

.home-content .InfoBox.Mod{ max-width: 630px; text-align: left; opacity: 0; margin-top: 0%; /*animation: fade-in-move-down 2.8s;*/}
.pc-none{ display: none;}
.home-content .InfoBox.Mod h1 { line-height: 72px; font-weight: bold; position: relative; }
.home-content .InfoBox.Mod h1:before{ width: 250px; height: 230px; position: absolute; content: ''; left: -73px; top: -92px; background: url(../images/icon/icon-h1.svg) no-repeat center; background-size: contain; }
.home-content .InfoBox.Mod h1 label.Number{ font-size: 90px; font-style: normal; font-family: "Noto Sans JP", "Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif; margin-right: 10px; }
.home-content .InfoBox.Mod h1 span{ font-size: 32px; display: block; }
.home-content .InfoBox.Mod h1 .Small{ font-size: 36px; }

.home-content .InfoBox.Med{ max-width: 860px;  }
.home-content .InfoBox.Med h1 .Small{ font-size: 46px; }
.home-content .InfoBox.Med h1 .SmallFont{ font-size: 24px; }
.home-content .InfoBox.Med h1 .SmallFont br{ display: none;}
.home-content .InfoBox.Med h1 .LargeFont{ font-size: 54px; margin: 20px 0 30px; }
.home-content .InfoBox.Med .LogoKV{ text-align: center;}
.home-content .InfoBox.Med .LogoKV img{ width: 100%; max-width: 340px; height: auto; margin: auto; }

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
  .home-content .InfoBox.Med h1 .SmallFont{ font-size: 28px; }
  .home-content .InfoBox.Med h1 .LargeFont{ font-size: 38px; margin: 0; }
  .home-content .InfoBox.Med .LogoKV img{ max-width: 150px; }
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{
  .home-content .InfoBox{ max-width: 75%; }
  .home-content h1 label.Number{ font-size: 80px; }
  .home-content h1 span{ font-size: 22px; }
  .home-content h1 { line-height: 45px; }
  .home-content h1:before{ width: 180px; height: 170px; left: -45px; top: -76px; }
  .pc-none{ display: block;}
  .home-content .InfoBox .Small{ margin-top: 20px; font-size: 15px; text-align: center; line-height: 30px; }

  .home-content .InfoBox.Med h1 .SmallFont{ font-size: 24px; }
  .home-content .InfoBox.Med h1 .LargeFont{ font-size: 40px; line-height: 55px; }
  .home-content .InfoBox.Med .LogoKV img{ max-width: 250px; }

  .home-content .InfoBox.Med h1 .SmallFont br{ display: block;}
}