@charset "UTF-8";
body {
  overflow: initial;
  background-color: #ebf0f5;
}

.fs-l-pageMain {
  padding: 0;
}

.teaser__wrapper {
  max-width: 720px;
  margin: auto;
  background-color: #fff;
}
.teaser__header-logo {
  display: block;
  width: 60%;
  max-width: 240px;
  margin: 0 auto 1.5rem;
}
.teaser__appeal {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block: 3rem;
}
@media screen and (min-width: 768px) {
  .teaser__appeal {
    gap: 2rem;
    padding-block: 4rem;
  }
}
.teaser__appeal::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border-block: 1.5rem #75a9d5 solid;
  border-inline: 0.75rem #75a9d5 solid;
}
@media screen and (min-width: 768px) {
  .teaser__appeal::before {
    border-block: 2rem #75a9d5 solid;
    border-inline: 1.5rem #75a9d5 solid;
  }
}
.teaser__line {
  padding-inline: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .teaser__line {
    padding-inline: 3rem;
  }
}
.teaser__line-frame {
  max-width: 650px;
  padding: 1.5rem 1rem;
  margin: auto;
  color: #ffffff;
  background-color: #16ae33;
  border-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .teaser__line-frame {
    padding: 1.5rem 2rem;
  }
}
.teaser__line-title {
  font-size: 1.65rem;
  font-weight: bold;
  -webkit-text-decoration: underline rgba(207, 78, 78, 0.8) 0.2em;
          text-decoration: underline rgba(207, 78, 78, 0.8) 0.2em;
  text-underline-offset: 25%;
}
@media screen and (min-width: 768px) {
  .teaser__line-title {
    font-size: 3rem;
  }
}
.teaser__line-description {
  display: flex;
  place-content: center;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 768px) {
  .teaser__line-description {
    font-size: 1.5rem;
  }
}
.teaser__line-description::before {
  content: "＼";
}
.teaser__line-description::after {
  content: "／";
}
.teaser__line-cta {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  place-items: center;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .teaser__line-cta {
    flex-direction: row;
  }
}
.teaser__line-cta-button {
  display: flex;
  gap: 3%;
  place-content: center;
  place-items: center;
  width: 100%;
  padding: 1rem 0;
  font-size: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #cf4e4e;
  filter: drop-shadow(0 4px 3px rgba(35, 40, 50, 0.8));
  border-radius: 5rem;
}
@media screen and (min-width: 768px) {
  .teaser__line-cta-button {
    font-size: 2rem;
  }
}
.teaser__line-cta-button::before {
  flex-shrink: 2;
  content: "";
  display: block;
  width: 1.8em;
  height: 1.8em;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="%232d3c5a" xmlns="http://www.w3.org/2000/svg"><g><path d="M12.3599 3.95146C12.3042 3.8975 12.238 3.8547 12.1651 3.82549C12.0922 3.79628 12.0141 3.78125 11.9352 3.78125C11.8562 3.78125 11.7781 3.79628 11.7052 3.82549C11.6323 3.8547 11.5661 3.8975 11.5104 3.95146L6.53598 8.75665L1.56153 3.95146C1.44889 3.84267 1.29611 3.78155 1.1368 3.78155C0.977493 3.78155 0.82471 3.84267 0.712063 3.95146C0.599417 4.06024 0.536133 4.20779 0.536133 4.36164C0.536133 4.51549 0.599417 4.66304 0.712063 4.77183L6.11124 9.98604C6.16697 10.04 6.23317 10.0828 6.30605 10.112C6.37893 10.1412 6.45707 10.1562 6.53598 10.1562C6.61488 10.1562 6.69302 10.1412 6.7659 10.112C6.83878 10.0828 6.90498 10.04 6.96071 9.98604L12.3599 4.77183C12.4158 4.71801 12.4601 4.65408 12.4903 4.58369C12.5206 4.5133 12.5361 4.43785 12.5361 4.36164C12.5361 4.28544 12.5206 4.20998 12.4903 4.13959C12.4601 4.06921 12.4158 4.00527 12.3599 3.95146Z"/></g></svg>');
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><g><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"/></g></svg>');
}
.teaser__line-cta-qr {
  width: 60%;
  border-radius: 0.25rem;
}
@media screen and (min-width: 768px) {
  .teaser__line-cta-qr {
    max-width: 120px;
  }
}
.teaser__line-supplement {
  margin-top: 1rem;
}
.teaser__video {
  padding-block: 1.5rem;
  background-color: #010101;
}
.teaser__video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.teaser__video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.teaser__detail {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 1.5rem;
}
.teaser__footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  padding-block: 3rem;
  font-size: clamp(1.1rem, 4vw, 1.4rem);
  line-height: 1.8;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  background-color: #ebf0f5;
}
.teaser__footer-logo {
  width: 80%;
  max-width: 478px;
}/*# sourceMappingURL=teaser.css.map */