@charset "UTF-8";
/**************************************/
.vision .under-fv__ttl--en {
  font-size: var(--f80);
}
@media (max-width: 499px) {
  .vision .under-fv__ttl--en {
    font-size: 2.8rem;
  }
}
@media (max-width: 499px) {
  .vision .under-fv__ttl--ja {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

/* -------------------------
 * 共通
 * ------------------------- */
.vision__content:not(:last-of-type) .vision__inner {
  padding-bottom: 15rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
@media (max-width: 834px) {
  .vision__content:not(:last-of-type) .vision__inner {
    padding-bottom: 5rem;
  }
}
.vision__content:not(:first-of-type) .vision__inner {
  padding-top: 15rem;
}
@media (max-width: 834px) {
  .vision__content:not(:first-of-type) .vision__inner {
    padding-top: 5rem;
  }
}

.vision__flex {
  display: grid;
  grid-template-columns: 520fr 980fr;
  gap: 1.5rem 2%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .vision__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.vision__body {
  max-width: 980px;
}

.vision__main-copy {
  font-size: var(--f42);
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 834px) {
  .vision__main-copy {
    font-size: 2.4rem;
    width: 100%;
  }
}
.vision__main-copy + * {
  margin-top: 4rem;
}
@media (max-width: 834px) {
  .vision__main-copy + * {
    margin-top: 2rem;
  }
}
.vision__main-copy + .vision__value-list {
  margin-top: 7rem;
}
@media (max-width: 834px) {
  .vision__main-copy + .vision__value-list {
    margin-top: 4rem;
  }
}

.vision__img + .vision__txt {
  margin-top: 4rem;
}

.vision__txt + .vision__img {
  margin-top: 5rem;
}
@media (max-width: 834px) {
  .vision__txt + .vision__img {
    margin-top: 3.5rem;
  }
}

/* -------------------------
 * コーポレートスローガン
 * ------------------------- */
.vision__slogan-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3rem 13%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 3rem;
}
@media (max-width: 834px) {
  .vision__slogan-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.vision__slogan-catch {
  max-width: 595px;
}

.vision__slogan-copy {
  font-size: 1.8rem;
  margin-bottom: 1em;
}
.vision__slogan-copy.ff-shippori--right-side {
  margin-right: 0em;
}

.vision__main-copy ruby {
  ruby-align: center;
}
.vision__main-copy rt {
  font-size: 0.3em;
}
@media (max-width: 834px) {
  .vision__main-copy rt {
    -webkit-transform: translateY(0.4rem);
            transform: translateY(0.4rem);
  }
}

.vision__img--slogan02 {
  margin-top: 5rem;
  margin-inline: auto;
  width: 60%;
}
@media (max-width: 834px) {
  .vision__img--slogan02 {
    width: 80%;
    margin-top: 3.5rem;
  }
}

/* -------------------------
 * バリュー
 * ------------------------- */
.vision__value-list > li {
  padding-bottom: 3rem;
  border-bottom: 1px solid #ececec;
  display: grid;
  grid-template-columns: auto 57%;
  gap: 1.5rem 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .vision__value-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.vision__value-list > li:first-child {
  padding-bottom: 3rem;
}
@media (max-width: 834px) {
  .vision__value-list > li:first-child {
    padding-bottom: 2.5rem;
  }
}
.vision__value-list > li:not(:first-child) {
  padding-block: 3rem;
}
@media (max-width: 834px) {
  .vision__value-list > li:not(:first-child) {
    padding-block: 2.5rem;
  }
}

.vision__value-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.vision__value-num {
  aspect-ratio: 40/26;
  width: 4rem;
  height: auto;
  background: #000;
  border-radius: 100vmax;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.2rem;
}
@media (max-width: 834px) {
  .vision__value-num {
    font-size: 1rem;
    width: 3.6rem;
  }
}

.vision__value-ttl {
  font-size: 1.8rem;
}/*# sourceMappingURL=vision.css.map */