.pc {
  display: block;
}
.mb {
  display: none;
}
.text-center {
  text-align: center;
}
.image-wrapper {
  text-align: center;
}
.image-wrapper img {
  max-width: 100%;
}
.pt0 {
  padding-top: 0 !important;
}
.heroImg .image-wrapper {
  line-height: 0;
}
.heroImg .heroText {
  background: url(../feature/bg-hero.png) no-repeat;
  background-size: 100% 100%;
  padding: 1.0416vw 13.5416vw;
}
.heroImg .heroText ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.0416vw 0;
}
.heroImg .heroText ul li {
  font-size: 1.3541vw;
}
.heroImg .heroText ul li::after {
  display: inline-block;
  content: '|';
  padding: 0 1.0416vw;
}
.heroImg .heroText ul li:last-child::after {
  display: none;
}
.heroImg .heroText .note {
  margin-top: 1.5625vw;
  font-size: 1.0416vw;
  text-align: right;
}
.video1 {
  margin: 0 auto;
}
.video2 {
  margin: 5.9375vw auto;
}
.video2 h2 {
  text-align: center;
}
.video2 h2.static-header {
  font-size: 2.8645vw;
  margin-bottom: 2.6041vw;
}
.noteText {
  margin: 3.3333vw 16.4583vw;
}
.noteText p {
  font-size: 0.8333vw;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  .image-wrapper {
    text-align: center;
    line-height: 0;
  }
  .video1 {
    margin: 0 auto;
  }
  .video2 {
    margin: 9.3333vw auto;
  }
  .video2 h2 {
    text-align: center;
  }
  .video2 h2.static-header {
    font-size: 6vw;
    margin-bottom: 4.8vw;
  }
  .noteText {
    margin: 7.2vw 8.6666vw;
  }
  .noteText p {
    font-size: 2.6666vw;
  }
}