@charset "UTF-8";
.banner {
  position: relative;
}

.banner-text {
  position: absolute;
  top: 50%;
  right: 12%;
  color: white;
  border-left: solid 0.5em white;
  padding: 1% 1.5%;
  font-size: 2.5vw;
  transform: translate(0, -50%);
  letter-spacing: 0.05em;
}

.text-box {
  text-align: center;
  margin: 5% auto;
}
.text-box h3 {
  font-size: 2.5vw;
}
.text-box p {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN";
  font-weight: 300;
  margin: 1% auto;
  font-size: max(1.3vw, 10px);
  line-height: 250%;
  background-size: contain;
  background-position: center;
}

@media (max-width: 700px) {
  .banner {
    width: 100%;
    overflow-x: hidden;
  }
  .banner img {
    width: 250%;
    margin-left: -80%;
  }
  div.btn-icon span {
    background-color: #9a9a9a;
  }
  .banner-text {
    font-size: 25px;
    top: 50% !important;
    transform: translate(0, -50%) !important;
  }
  .text-box h3 {
    font-size: 18px;
    margin-top: 10%;
    margin-bottom: 5%;
  }
  .text-box p {
    font-size: 15px;
    width: 90%;
    text-align: left;
    line-height: 200%;
  }
}/*# sourceMappingURL=template.css.map */