@charset "UTF-8";
body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "Yu Gothic UI", sans-serif;
}
body * {
  margin: 0;
  padding: 0;
  line-height: 160%;
  vertical-align: top;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}
body img {
  width: 100%;
}

.teaser {
  width: min(100%, 960px);
  margin: clamp(60px, 20.8333333333vw, 200px) auto 0;
  padding: 0 min(10.8333333333%, 105px);
}
.teaser .concept {
  width: 100%;
}
.teaser .concept_title {
  font-size: min(6.0416666667vw, 58px);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-top: min(17.9166666667vw, 175px);
}
.teaser .concept_msg {
  font-size: min(3.3333333333vw, 40px);
  font-weight: 700;
  line-height: 2.03125;
  margin-top: min(11.25vw, 115px);
  text-align: justify;
}
.teaser .open_info {
  margin-top: min(26.0416666667vw, 250px);
}
.teaser .line_block {
  width: 100%;
  margin: min(11.25vw, 108px) auto 0;
}
.teaser .btn_line {
  display: block;
  width: min(46.3703703704%, 675px);
  margin-inline: auto;
}
.teaser .caption {
  font-size: clamp(9px, 2.3076923077vw, 14px);
  font-weight: 700;
  letter-spacing: 0.045em;
  color: #ff0000;
  margin-top: min(3.125vw, 30px);
  text-align: center;
}
.teaser .footer {
  margin-top: min(12.5vw, 120px);
  text-align: center;
}
.teaser .footer .inquiry_info {
  font-size: clamp(12px, 1.875vw, 18px);
  font-weight: 400;
  line-height: 1.5555555556;
}
.teaser .footer a {
  color: #000;
  display: inline-block;
  margin-left: 0.25em;
}
.teaser .footer .copyrights {
  margin-top: min(5.2083333333vw, 50px);
  font-size: clamp(10px, 1.6666666667vw, 16px);
  font-weight: 600;
  padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .teaser .footer .tel {
    pointer-events: none;
  }
  .teaser .footer .mail:hover {
    opacity: 0.65;
    cursor: pointer;
  }
}