.banner {
  position: relative;
}
.banner img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 32.2916666667vw;
}
.banner .text {
  position: absolute;
  left: 0;
  bottom: 6.4583333333vw;
  width: 100%;
  color: white;
  padding: 0 9.1666666667vw;
}
.banner .text .t {
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px;
  }
  .banner img {
    height: 200px;
  }
  .banner .text {
    bottom: 40px;
    padding: 0 5%;
  }
  .banner .text .t {
    font-size: 24px;
  }
}