.banner {
  position: relative;
}
.banner .banner-title {
  position: absolute;
  /* left: 50%; */
  top: calc(50% - 10px);
  /* transform: translate(-50%, -50%); */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner h1 {
  color: #fff;
  font-size: 36px;
}
.banner .white-line {
  margin-top: 10px;
  width: 100px;
  height: 8px;
  background-color: #fff;
}
.mobile-menu {
  width: 30px;
  height: 30px;
}
@media (min-width: 769px) {
  .pc-banner {
    display: block;
  }
  .mobile-banner {
    display: none;
  }
}
@media (max-width: 768px) {
  .banner h1 {
    font-size: 20px;
  }
  .pc-banner {
    display: none;
  }
  .mobile-banner {
    display: block;
  }
}