/*!
global > color
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.vision {
  position: relative;
  margin-bottom: 90px;
}
.vision__mar {
  position: absolute;
  top: -30px;
  left: 0;
  display: flex;
  animation: scroll_text var(--duration) linear infinite;
}
.vision__mar_txt {
  flex-shrink: 0;
  margin-right: 30px;
  color: #6e6e6e;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 5.25rem;
  line-height: 1;
  letter-spacing: 0.03em;
  opacity: 0.08;
  white-space: nowrap;
}
.vision__ttl {
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
}
.vision__content {
  position: relative;
  padding-top: 60px;
}
.vision__txt {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.3333333333;
  letter-spacing: 0.04em;
}
.vision__img {
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .vision {
    padding-top: 48px;
    margin-bottom: clamp(7.5rem, 9.6153846154vw + 2.8846153846rem, 12.5rem);
  }
  .vision__mar_txt {
    margin-right: 50px;
    font-size: clamp(6.75rem, 8.6538461538vw + 2.5961538462rem, 11.25rem);
  }
  .vision__ttl {
    font-size: 2rem;
  }
  .vision__content {
    padding-top: 91px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .vision__txt {
    margin-top: -5px;
    font-size: 1.125rem;
    width: 43.5344827586%;
  }
  .vision__img {
    padding-bottom: 0;
    margin-right: clamp(-13.75rem, -50vw + 36.25rem, -1.25rem);
    width: clamp(25rem, 39.1826923077vw + 6.1923076923rem, 45.375rem);
  }
}
/*# sourceMappingURL=vision.css.map */