@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap");
:root {
  --text-color: #222;
  --wh: #fff;
  --bk: #222;
  --gray: #dddcda;
}

/* @font-face でローカルフォントを優先 */
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-tb {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .sp-tb {
    display: none !important;
  }
}

/* 三点リーダー 一行 */
/* 三点リーダー 複数行 */
/* 背景をテキストで切り取る */
/* ====================================================
About
==================================================== */
.about__lead {
  padding: 8em 0 10rem;
}
@media screen and (max-width: 1200px) {
  .about__lead {
    padding: 6rem 0 6rem;
  }
}
@media screen and (max-width: 834px) {
  .about__lead {
    padding: 5rem 0 5rem;
  }
}
@media screen and (max-width: 640px) {
  .about__lead {
    padding: 4rem 0 4rem;
  }
}
@media screen and (max-width: 499px) {
  .about__lead {
    padding: 3rem 0 3rem;
  }
}
.about__lead-title {
  font-size: 3.2rem;
  margin-bottom: 5rem;
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .about__lead-title {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 834px) {
  .about__lead-title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .about__lead-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 499px) {
  .about__lead-title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
.about__lead-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 131.5rem;
  margin-left: auto;
  margin-right: calc((100% - 1100px) / 2);
}
@media screen and (max-width: 1500px) {
  .about__lead-wrapper {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 834px) {
  .about__lead-wrapper {
    flex-direction: column;
    align-items: center;
    gap: clamp(2.5rem, 4vw, 5rem);
  }
}
.about__lead-text {
  flex: 0 0 50%;
  max-width: 55rem;
  padding-left: 13rem;
}
@media screen and (max-width: 1500px) {
  .about__lead-text {
    flex: auto;
    padding-left: clamp(2rem, 5vw, 8rem);
    padding-right: 5%;
  }
}
@media screen and (max-width: 834px) {
  .about__lead-text {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    padding: 0 5%;
  }
}
.about__lead-text p {
  margin-bottom: clamp(1.5rem, 2.5vw, 4rem);
  line-height: 1.875;
}
.about__lead-text .gray {
  font-size: clamp(1.8rem, 1.5vw, 2rem);
  color: #93918f;
  margin-bottom: clamp(2.5rem, 2.5vw, 6rem);
  line-height: 1.8;
}
.about__lead-img {
  flex: 0 0 76rem;
}
@media screen and (max-width: 1500px) {
  .about__lead-img {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 834px) {
  .about__lead-img {
    flex: none;
  }
}
.about__lead-img-img {
  aspect-ratio: 760/850;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 834px) {
  .about__lead-img-img {
    aspect-ratio: 1/1;
    -o-object-position: top;
       object-position: top;
  }
}
.about__map {
  background-color: #dddcda;
  padding: 14rem 0 10rem;
}
@media screen and (max-width: 1200px) {
  .about__map {
    padding: 8rem 0 6rem;
  }
}
@media screen and (max-width: 834px) {
  .about__map {
    padding: 6rem 0 6rem;
  }
}
@media screen and (max-width: 640px) {
  .about__map {
    padding: 6rem 0 5rem;
  }
}
@media screen and (max-width: 499px) {
  .about__map {
    padding: 4rem 0;
  }
}
.about__map-wrapper {
  display: flex;
  max-width: 123.2rem;
  margin-left: calc((100% - 1100px) / 2);
  margin-right: auto;
}
@media screen and (max-width: 1500px) {
  .about__map-wrapper {
    margin-left: 5%;
    margin-right: 0;
  }
}
@media screen and (max-width: 834px) {
  .about__map-wrapper {
    flex-direction: column;
    margin-right: 5%;
  }
}
.about__map-text {
  flex: 0 0 50%;
  max-width: 55rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 1500px) {
  .about__map-text {
    flex: auto;
  }
}
@media screen and (max-width: 834px) {
  .about__map-text {
    padding-right: 0;
  }
}
.about__map-title {
  font-family: "Instrument Serif", serif;
  margin-bottom: clamp(2rem, 2.5vw, 3rem);
}
.about__map-subtitle {
  font-size: 2.8rem;
  line-height: 1.7142857143;
  margin-bottom: clamp(1.5rem, 4vw, 5rem);
}
@media screen and (max-width: 834px) {
  .about__map-subtitle {
    font-size: 2rem;
  }
}
.about__map-desc p {
  line-height: 1.875;
  margin-bottom: clamp(1.5rem, 2.5vw, 4rem);
}
.about__map-img {
  flex: 0 0 78rem;
}
@media screen and (max-width: 1500px) {
  .about__map-img {
    flex: auto;
  }
}
@media screen and (max-width: 834px) {
  .about__map-img {
    flex: none;
  }
}
.about__future-content {
  padding: 8rem 0 19rem;
}
@media screen and (max-width: 1200px) {
  .about__future-content {
    padding: 6rem 0 10rem;
  }
}
@media screen and (max-width: 834px) {
  .about__future-content {
    padding: 5rem 0 8rem;
  }
}
@media screen and (max-width: 640px) {
  .about__future-content {
    padding: 4rem 0 6rem;
  }
}
@media screen and (max-width: 499px) {
  .about__future-content {
    padding: 2rem 0 4rem;
  }
}
.about__future-wrapper {
  display: flex;
}
@media screen and (max-width: 834px) {
  .about__future-wrapper {
    flex-direction: column;
    gap: clamp(2.5rem, 4vw, 5rem);
  }
}
.about__future-accent-list {
  display: grid;
  grid-template-columns: minmax(3rem, 51.3rem) minmax(0, 36rem) minmax(0, 40.5rem);
}
.about__future-accent-item.--01 {
  width: 100%;
  max-width: 51.3rem;
  margin-top: -5vw;
  padding-left: 3.5vw;
}
@media screen and (min-width: 1681px) {
  .about__future-accent-item.--01 {
    margin-top: -8rem;
  }
}
@media screen and (max-width: 834px) {
  .about__future-accent-item.--01 {
    padding-left: 0;
  }
}
.about__future-accent-item.--02 {
  width: 100%;
  max-width: 36rem;
  margin-top: 12vw;
  transform: translateX(-14vw);
  z-index: -1;
}
@media screen and (min-width: 1681px) {
  .about__future-accent-item.--02 {
    margin-top: 20rem;
    transform: translateX(-235px);
  }
}
@media screen and (max-width: 834px) {
  .about__future-accent-item.--02 {
    margin-top: 10vw;
  }
}
.about__future-accent-item.--03 {
  width: 100%;
  max-width: 40.5rem;
  margin-top: 5vw;
}
@media screen and (min-width: 1681px) {
  .about__future-accent-item.--03 {
    margin-top: 84.5px;
  }
}
@media screen and (max-width: 834px) {
  .about__future-accent-item.--03 {
    margin-top: 6vw;
  }
}
.about__future-title {
  font-family: "Instrument Serif", serif;
  margin-bottom: clamp(2rem, 2.5vw, 3rem);
}
.about__future-subtitle {
  font-size: 2.8rem;
  line-height: 1.7142857143;
  margin-bottom: clamp(2.5rem, 4vw, 5rem);
}
@media screen and (max-width: 499px) {
  .about__future-subtitle {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 376px) {
  .about__future-subtitle {
    font-size: 2rem;
  }
}
.about__future-desc {
  line-height: 1.875;
}
.about__future-text {
  flex: 0 0 50%;
  max-width: 55rem;
}
@media screen and (max-width: 834px) {
  .about__future-text {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.about__future-img {
  padding: 0 18rem 0 11.5rem;
}
@media screen and (max-width: 1200px) {
  .about__future-img {
    padding: 0 clamp(2rem, 10vw, 14rem) 0 clamp(2rem, 7vw, 8rem);
  }
}
@media screen and (max-width: 834px) {
  .about__future-img {
    padding: 0;
  }
}
.about__future-img img {
  width: 25.6em;
}
@media screen and (max-width: 834px) {
  .about__future-img img {
    width: 100%;
    aspect-ratio: 2/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}/*# sourceMappingURL=about.css.map */