[data-lazy-background] {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.wrap {
  margin-bottom: 5rem; }

.sustainability-wrap .article-style {
  text-align: left; }

.esg-type-1,
.esg-type-2,
.esg-type-3,
.esg-type-4 {
  display: flex; }
  .esg-type-1 .esg-img,
  .esg-type-2 .esg-img,
  .esg-type-3 .esg-img,
  .esg-type-4 .esg-img {
    width: 28rem; }
    .esg-type-1 .esg-img > div,
    .esg-type-2 .esg-img > div,
    .esg-type-3 .esg-img > div,
    .esg-type-4 .esg-img > div {
      width: 100%;
      padding-top: calc( 7 / 5 * 100%); }

.esg-content {
  width: calc(100% - 28rem);
  transform: translateY(3rem); }
  .esg-content h2 {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #cf152d;
    border-bottom: 1px solid #cf152d; }
  .esg-content .esg-icon-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
    .esg-content .esg-icon-wrap .esg-icon {
      width: 7rem;
      height: 7rem;
      margin: auto; }
    .esg-content .esg-icon-wrap .esg-inline {
      text-align: center; }
      .esg-content .esg-icon-wrap .esg-inline p {
        display: inline-block;
        text-align: left;
        margin-top: 1rem; }

.esg-type-1 {
  width: 1200px;
  margin: auto;
  flex-direction: row-reverse;
  align-items: flex-start; }
  .esg-type-1 .esg-content {
    margin-top: 5%; }
    .esg-type-1 .esg-content h2 {
      padding: 0 0 1rem 5rem; }
    .esg-type-1 .esg-content .esg-icon-wrap {
      justify-content: flex-start;
      padding: 3rem 3rem 0 5rem; }
      .esg-type-1 .esg-content .esg-icon-wrap > div {
        width: 42.5%;
        margin: 7% 3% 0 3%; }

.esg-type-2 {
  width: calc(100% - (50% - 600px));
  margin: auto;
  margin-right: 0;
  margin-top: 8rem;
  align-items: start; }
  .esg-type-2 .esg-content {
    margin-top: 5%; }
    .esg-type-2 .esg-content h2 {
      padding: 0 0 1rem 0; }
    .esg-type-2 .esg-content .esg-icon-wrap {
      padding: 3rem 1.5rem 0 0; }
      .esg-type-2 .esg-content .esg-icon-wrap > div {
        width: 30%;
        margin: 0 1.5%; }

.esg-type-3 {
  width: calc(100% - (50% - 600px));
  flex-direction: row-reverse;
  align-items: flex-start;
  margin: auto;
  margin-left: 0; }
  .esg-type-3 .esg-content {
    margin-top: 5%; }
    .esg-type-3 .esg-content h2 {
      padding: 0 0 1rem 5rem; }
    .esg-type-3 .esg-content .esg-icon-wrap {
      padding: 1.5rem 1rem 0 5rem; }
      .esg-type-3 .esg-content .esg-icon-wrap > div {
        width: 30%;
        margin: 5% 1.5% 0 1.5%; }

.esg-type-4 {
  width: 1200px;
  margin: auto;
  margin-top: 8rem;
  align-items: flex-start; }
  .esg-type-4 .esg-content {
    margin-top: 5%; }
    .esg-type-4 .esg-content h2 {
      padding: 0 0 1rem 0; }
    .esg-type-4 .esg-content .esg-icon-wrap {
      padding: 1.5rem 5rem 0 0; }
      .esg-type-4 .esg-content .esg-icon-wrap > div {
        width: 40%;
        margin: 5% 1.5% 0 1.5%; }

@media only screen and (max-width: 1440px) {
  .esg-type-2,
  .esg-type-3 {
    width: calc(100% - (50% - 512px)); }

  .esg-type-1,
  .esg-type-4 {
    width: 1024px; } }
@media only screen and (max-width: 1024px) {
  .wrap {
    margin: auto; }

  .esg-type-1,
  .esg-type-2,
  .esg-type-3,
  .esg-type-4 {
    width: 100%;
    display: block; }
    .esg-type-1 .esg-img,
    .esg-type-2 .esg-img,
    .esg-type-3 .esg-img,
    .esg-type-4 .esg-img {
      width: 100%; }

  .esg-content {
    width: calc(100% - 3rem);
    margin: auto; }
    .esg-content .esg-icon-wrap {
      margin: 1.5rem auto;
      align-items: flex-start; }

  .esg-type-1,
  .esg-type-2,
  .esg-type-3,
  .esg-type-4 {
    margin: 3rem auto 5rem auto; }
    .esg-type-1 .esg-content,
    .esg-type-2 .esg-content,
    .esg-type-3 .esg-content,
    .esg-type-4 .esg-content {
      margin: auto; }
      .esg-type-1 .esg-content h2,
      .esg-type-2 .esg-content h2,
      .esg-type-3 .esg-content h2,
      .esg-type-4 .esg-content h2 {
        padding: 0 0 1rem 0; }
      .esg-type-1 .esg-content .esg-icon-wrap,
      .esg-type-2 .esg-content .esg-icon-wrap,
      .esg-type-3 .esg-content .esg-icon-wrap,
      .esg-type-4 .esg-content .esg-icon-wrap {
        padding: 0; }
        .esg-type-1 .esg-content .esg-icon-wrap > div,
        .esg-type-2 .esg-content .esg-icon-wrap > div,
        .esg-type-3 .esg-content .esg-icon-wrap > div,
        .esg-type-4 .esg-content .esg-icon-wrap > div {
          width: 47.5%;
          margin: 5% 2.5%; }
          .esg-type-1 .esg-content .esg-icon-wrap > div:nth-child(odd),
          .esg-type-2 .esg-content .esg-icon-wrap > div:nth-child(odd),
          .esg-type-3 .esg-content .esg-icon-wrap > div:nth-child(odd),
          .esg-type-4 .esg-content .esg-icon-wrap > div:nth-child(odd) {
            margin-left: 0; }
          .esg-type-1 .esg-content .esg-icon-wrap > div:nth-child(even),
          .esg-type-2 .esg-content .esg-icon-wrap > div:nth-child(even),
          .esg-type-3 .esg-content .esg-icon-wrap > div:nth-child(even),
          .esg-type-4 .esg-content .esg-icon-wrap > div:nth-child(even) {
            margin-right: 0; } }
@media only screen and (max-width: 480px) {
  .esg-content .esg-icon-wrap .esg-icon {
    width: 5rem;
    height: 5rem; } }

/*# sourceMappingURL=sustainability.css.map */