.tz_container {
  max-width: 2000px;
  margin-inline: auto;
  padding: 0 min(5vw, 60px);
  min-height: 100svb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 130px calc(100% - 130px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 767px) {
  .tz_container {
    grid-template-rows: 28vw calc(100% - 28vw);
    padding: 0 3vw;
  }
}

.tz_logo {
  padding: 20px 0;
}
.tz_logo img {
  width: auto;
  height: 100%;
  display: block;
}

.tz_keyvisual {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 min(20vw, 60px);
}
@media screen and (max-width: 767px) {
  .tz_keyvisual {
    padding: 0 10vw;
  }
}
.tz_keyvisual::before {
  content: "";
  position: absolute;
  top: calc(50% - min(5vw, 80px));
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../img/tz_kv.webp);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: top center;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .tz_keyvisual::before {
    background-image: url(../img/tz_kv__mob.webp);
    background-size: 175% auto;
  }
}
.tz_keyvisual::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2.5%;
  background-color: #E1E5F5;
  width: 95%;
  height: calc(97.5% - min(5vw, 80px));
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .tz_keyvisual::after {
    width: 90%;
    left: 5%;
  }
}

.tz_info {
  padding: min(5vw, 80px) 0;
  position: relative;
  z-index: 10;
  -webkit-transform: translateY(min(-2.5vw, -40px));
          transform: translateY(min(-2.5vw, -40px));
}
@media screen and (max-width: 767px) {
  .tz_info {
    -webkit-transform: translateY(-1.5vw);
            transform: translateY(-1.5vw);
  }
}
.tz_info .coming {
  font-size: 48px;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .tz_info .coming {
    font-size: 7.5vw;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
}
.tz_info .message {
  padding: 1em 0;
  font-size: 16px;
  margin: 0;
  text-align: center;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .tz_info .message {
    font-size: 13px;
    padding: 1em;
  }
}
.tz_info .message p {
  margin: 0;
}
.tz_info .message p:last-child span {
  display: inline-block;
  text-align: left;
}
.tz_info .message p:last-child span br {
  display: none;
}
@media screen and (max-width: 500px) {
  .tz_info .message p:last-child span br {
    display: block;
  }
}
.tz_info .email {
  font-size: 15px;
  text-align: center;
  margin: 0;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .tz_info .email {
    font-size: 13px;
    margin-bottom: 1em;
  }
}
.tz_info .insta {
  font-size: 32px;
  text-align: center;
}
.tz_info .insta a {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.tz_info .insta a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}/*# sourceMappingURL=teaser.css.map */