/* !_breakpoint.scss */
:root {
  --bp-pcCnt: 1130px;
  --bp-pcMax: 1280px;
  --bp-spMax: 767px;
}

/* !_sustainabilitySP.scss */
.sustainability .main .intro {
  margin-block-start: 8rem;
  color: #002080;
  text-align: center;
}
.sustainability .main .intro .intro__heading {
  font-weight: 700;
  font-size: 3.2rem;
  letter-spacing: 0.1em;
}
.sustainability .main .intro .intro__lede {
  margin-block-start: 2rem;
  font-weight: 500;
}
.sustainability .main .content {
  display: grid;
  row-gap: 2rem;
  margin-block: 4rem;
}
/* !_sustainabilityPC.scss */
@media (min-width: 768px) {
  .sustainability .main .content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "heading image" "lede image";
    grid-auto-flow: row;
    column-gap: min(40 / 1130 * var(--100vw), 4rem);
    margin-block: 8rem;
  }
  .sustainability .main .content:nth-of-type(even) {
    grid-template-areas: "image heading" "image lede";
  }
  .sustainability .main .content .content__heading {
    grid-area: heading;
  }
  .sustainability .main .content .content__lede {
    grid-area: lede;
  }
  .sustainability .main .content .content__image {
    grid-area: image;
    justify-self: center; 
  }
  .sustainability .main .content .content__text {
    grid-area: image;
    display: inline-block;
    text-align: center;
  }
}/*# sourceMappingURL=sustainability.css.map */