:root {
  --swiper-navigation-color: #C3B5AC;
  --swiper-pagination-color: #BF382C;
  --swiper-pagination-bullet-inactive-color: #C3B5AC;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bottom: 25px;
}

@keyframes btnFlashAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: var(--textOpacity);
  }
  100% {
    opacity: 1;
  }
}
.page .page-main {
  position: relative;
}
.page .page-main .marquee-slogan h1.slogan {
  font-size: 200px;
  line-height: 138.5%;
}

html body {
  overflow-x: hidden;
}

html[lang=en] .redirection_bar {
  width: 100vw;
  height: 165px;
  position: relative;
  display: flex;
  background: #BF382C;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar {
    height: 100%;
    display: block;
  }
}
html[lang=en] .redirection_bar .redirection {
  padding-top: 65px;
  padding-bottom: 64px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
html[lang=en] .redirection_bar .redirection a {
  color: #ffffff;
  font-size: 2em;
  line-height: 113%;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection a {
    font-size: 1.5em;
  }
}
html[lang=en] .redirection_bar .redirection.left {
  left: 253px;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection.left {
    left: 76px;
    width: 100vw;
    position: relative;
    left: 25%;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 345px) {
  html[lang=en] .redirection_bar .redirection.left {
    left: 36px;
  }
}
html[lang=en] .redirection_bar .redirection.left a::before {
  content: "";
  background: url("../img/icon/circle-left-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 42px;
  height: 42px;
  left: -58px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection.left a::before {
    width: 31px;
    height: 31px;
    left: -50px;
  }
}
@media screen and (max-width: 345px) {
  html[lang=en] .redirection_bar .redirection.left a::before {
    left: -34px;
  }
}
html[lang=en] .redirection_bar .redirection.right {
  right: 261px;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection.right {
    right: 71px;
    width: 100vw;
    position: relative;
    text-align: end;
    padding-top: 15px;
    right: 30%;
  }
}
@media screen and (max-width: 345px) {
  html[lang=en] .redirection_bar .redirection.right {
    right: 36px;
  }
}
html[lang=en] .redirection_bar .redirection.right a::before {
  content: "";
  background: url("../img/icon/circle-right-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 42px;
  height: 42px;
  right: -58px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  html[lang=en] .redirection_bar .redirection.right a::before {
    width: 31px;
    height: 31px;
    right: -50px;
  }
}
@media screen and (max-width: 345px) {
  html[lang=en] .redirection_bar .redirection.right a::before {
    right: -34px;
  }
}

.redirection_bar {
  width: 100vw;
  height: 165px;
  position: relative;
  display: flex;
  background: #BF382C;
}
@media screen and (max-width: 991px) {
  .redirection_bar {
    height: 87px;
  }
}
.redirection_bar .redirection {
  padding-top: 65px;
  padding-bottom: 64px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.redirection_bar .redirection a {
  color: #ffffff;
  font-size: 2em;
  line-height: 113%;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection a {
    font-size: 1.5em;
  }
}
.redirection_bar .redirection.left {
  left: 253px;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection.left {
    left: 76px;
  }
}
@media screen and (max-width: 345px) {
  .redirection_bar .redirection.left {
    left: 36px;
  }
}
.redirection_bar .redirection.left a::before {
  content: "";
  background: url("../img/icon/circle-left-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 42px;
  height: 42px;
  left: -58px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection.left a::before {
    width: 31px;
    height: 31px;
    left: -50px;
  }
}
@media screen and (max-width: 345px) {
  .redirection_bar .redirection.left a::before {
    left: -34px;
  }
}
.redirection_bar .redirection.right {
  right: 261px;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection.right {
    right: 71px;
  }
}
@media screen and (max-width: 345px) {
  .redirection_bar .redirection.right {
    right: 36px;
  }
}
.redirection_bar .redirection.right a::before {
  content: "";
  background: url("../img/icon/circle-right-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 42px;
  height: 42px;
  right: -58px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .redirection_bar .redirection.right a::before {
    width: 31px;
    height: 31px;
    right: -50px;
  }
}
@media screen and (max-width: 345px) {
  .redirection_bar .redirection.right a::before {
    right: -34px;
  }
}

@media screen and (max-width: 991px) {
  .page.company-vision .page-top {
    height: 321.61px;
  }
}
.page.company-vision .page-main {
  padding-top: 4px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main {
    padding-bottom: 70px;
  }
}
.page.company-vision .page-main .container {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
.page.company-vision .page-main .container .box1 {
  position: absolute;
  top: 20px;
  right: calc(-1 * (100vw - 100%) / 2 - 57px);
  width: 130px;
  height: 130px;
  background-color: #bf382c;
  z-index: 2;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .box1 {
    display: none;
  }
}
.page.company-vision .page-main .container .box2 {
  position: absolute;
  top: 104.5px;
  right: calc(-1 * (100vw - 100%) / 2 - 51px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .box2 {
    display: none;
  }
}
.page.company-vision .page-main .container .box3 {
  position: absolute;
  top: 132px;
  left: calc(-1 * (100vw - 100%) / 2 - 120px);
  width: 194px;
  height: 194px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .box3 {
    display: none;
  }
}
.page.company-vision .page-main .container .topic-container {
  margin-top: 97px;
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container {
    margin-top: 21px;
    padding-bottom: 40px;
  }
}
.page.company-vision .page-main .container .topic-container:nth-child(odd) {
  /*
  &::before {
      content: "";
      background-color: $white;
      ;
      width: 88.333333333vw;
      height: inherit;
      display: block;
      position: absolute;
      //width: 100vw;
      left: calc(-50vw + 50%);

      @media screen and (max-width: $breakpoint_md - 1) {
          width: 100vw;
          left: calc(-1 * ((100vw - 100%) / 2));

      }
  }*/
}
.page.company-vision .page-main .container .topic-container:nth-child(odd) .topic-background {
  content: "";
  background-color: #ffffff;
  width: 88.333333333vw;
  height: inherit;
  display: block;
  position: absolute;
  /* width: 100vw; */
  left: calc(-50vw + 50%);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container:nth-child(odd) .topic-background {
    width: 100vw;
    left: calc(-1 * (100vw - 100%) / 2);
  }
}
.page.company-vision .page-main .container .topic-container:nth-child(odd):after {
  content: "";
  position: absolute;
  margin-top: 27px;
  right: 0px;
  width: 88vw;
  height: 3px;
  background: linear-gradient(89deg, transparent, #BF382C);
  z-index: 3;
  margin-right: calc((100vw - 100%) / 2 * -1);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container:nth-child(odd):after {
    display: none;
  }
}
.page.company-vision .page-main .container .topic-container:nth-child(even) {
  /*
  &::before {
      content: "";
      background-color: $white;
      ;
      width: 92.6388888888vw;
      height: inherit;
      display: block;
      position: absolute;
      // width: 100vw;
      right: calc(-50vw + 50%);

      @media screen and (max-width: $breakpoint_md - 1) {
          width: 100vw;
          left: calc(-1 * ((100vw - 100%) / 2));

      }
  }*/
}
.page.company-vision .page-main .container .topic-container:nth-child(even) .topic-background {
  content: "";
  background-color: #ffffff;
  width: 92.6388888888vw;
  height: inherit;
  display: block;
  position: absolute;
  right: calc(-50vw + 50%);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container:nth-child(even) .topic-background {
    width: 100vw;
    left: calc(-1 * (100vw - 100%) / 2);
  }
}
.page.company-vision .page-main .container .topic-container:nth-child(even):after {
  content: "";
  position: absolute;
  margin-top: 27px;
  left: 0px;
  width: 88vw;
  height: 3px;
  background: linear-gradient(269deg, transparent, #BF382C);
  z-index: 3;
  margin-left: calc((100vw - 100%) / 2 * -1);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container:nth-child(even):after {
    display: none;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper {
  padding: 0px 128px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper {
    padding: 0px 32px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .title {
  font-size: 3em;
  line-height: 110%;
  font-weight: bold;
  color: #483232;
  position: absolute;
  top: 0;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .title {
    transform: unset;
    top: 40px;
    font-size: 2em;
    line-height: 130%;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .content {
  padding-top: 45px;
  padding-right: 73px;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .content {
    flex-direction: column-reverse;
    padding-top: 90px;
    padding-right: 0px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .content .image {
  width: 264.66px;
  height: 179px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .content .image {
    width: 100%;
    height: 100%;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .content .image img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .content:has(.image) .description {
  padding-left: 40px;
  padding-top: 47px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .content:has(.image) .description {
    padding-left: 0px;
    padding-top: 0px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .content .description p {
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .content .description p {
    font-size: 1em;
    line-height: 40px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.7px;
  border: 1px solid #C3B5AC;
  border-radius: 105px 105px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .link {
    margin-top: 8px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover {
  background-color: #C3B5AC;
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a {
  transform: translateX(40px);
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a::after {
  transform: translateX(200%);
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a::after {
    transform: translateX(250%);
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a::before {
  transform: translateX(0%) translateY(-4px);
  left: -17px;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a::before {
    transform: translateX(0%) translateY(-4px);
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link:hover a .letter {
  will-change: opacity;
  animation-name: btnFlashAnimation;
  animation-delay: var(--btnTextDelay);
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.6, 1);
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link a {
  padding-left: 23px;
  margin-top: 17px;
  margin-bottom: 16px;
  padding-right: 64px;
  position: relative;
  transition: all 0.4s ease-in;
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link a .letter {
  font-size: 1em;
  margin-right: 0px;
  letter-spacing: -3px;
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.company-vision .page-main .container .topic-container .topic-wrapper .link a {
    font-size: 1em;
    letter-spacing: 0.43px;
  }
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link a:before {
  content: "";
  background-image: url(../img/icon/circle-arrow-right-hover.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 31px;
  height: 31px;
  position: absolute;
  top: 0;
  left: 17px;
  transform: translateY(-4px) translateX(-200%);
  transition: all 0.4s ease-in-out;
}
.page.company-vision .page-main .container .topic-container .topic-wrapper .link a:after {
  content: "";
  background-image: url(../img/icon/go-to-desktop.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 31px;
  height: 31px;
  position: absolute;
  top: 0;
  right: 17px;
  transform: translateY(-4px);
  transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-top {
    height: 321.61px;
  }
}
.page.strategy .page-main {
  padding-top: 70px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main {
    padding-top: 25px;
    padding-bottom: 70px;
  }
}
.page.strategy .page-main .container {
  padding-left: 112px;
  padding-right: 111px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.page.strategy .page-main .container .box1 {
  position: absolute;
  top: 89px;
  right: calc(-1 * (100vw - 100%) / 2 - 57px);
  width: 130px;
  height: 130px;
  background-color: #bf382c;
  z-index: 2;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .box1 {
    display: none;
  }
}
.page.strategy .page-main .container .box2 {
  position: absolute;
  top: 155px;
  right: calc(-1 * (100vw - 100%) / 2 - 51px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .box2 {
    display: none;
  }
}
.page.strategy .page-main .container .box3 {
  position: absolute;
  top: 301px;
  left: calc(-1 * (100vw - 100%) / 2 - 127px);
  width: 194px;
  height: 194px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .box3 {
    display: none;
  }
}
.page.strategy .page-main .container .box4 {
  position: absolute;
  top: 459px;
  left: calc(-1 * (100vw - 100%) / 2 + 34px);
  width: 65px;
  height: 65px;
  background-color: rgba(191, 56, 44, 0.5);
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .box4 {
    display: none;
  }
}
.page.strategy .page-main .container .strategy-container {
  padding-bottom: 102px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .strategy-container {
    padding-bottom: 31px;
  }
}
.page.strategy .page-main .container .strategy-container .description {
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .strategy-container .description {
    text-align: justify;
  }
}
.page.strategy .page-main .container .strategy-container .description p {
  margin-bottom: 40px;
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .strategy-container .description p {
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 40px;
    font-weight: 400;
  }
}
.page.strategy .page-main .container .strategy-container .description p img {
  padding-top: 40px;
}
.page.strategy .page-main .container .strategy-container .description img {
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  border-radius: 10px 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .strategy-container .description img {
    border-radius: 0px 0px;
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    height: auto;
  }
}
.page.strategy .page-main .container .topic-container {
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 131px;
  margin-left: -6px;
  margin-right: -12px;
  /*
  &::before {
      content: "";
      background-color: $white;
      height: inherit;
      display: block;
      position: absolute;
      width: 96.3194444444vw;
      left: calc(-50vw + 50%);
      border-radius: 10px 10px;

      @media screen and (max-width: $breakpoint_md - 1) {
          border-radius: 0px 0px;
          width: 100vw;
          left: calc(-1 * ((100vw - 100%) / 2));

      }
  }*/
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container {
    margin-top: 0px;
    padding-bottom: 40px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 10px;
  }
}
.page.strategy .page-main .container .topic-container .topic-background {
  content: "";
  background-color: #ffffff;
  height: inherit;
  display: block;
  position: absolute;
  width: 96.3194444444vw;
  left: calc(-50vw + 50%);
  border-radius: 10px 10px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-background {
    border-radius: 0px 0px;
    width: 100vw;
    left: calc(-1 * (100vw - 100%) / 2);
  }
}
.page.strategy .page-main .container .topic-container:after {
  content: "";
  position: absolute;
  margin-top: 65px;
  left: 8px;
  width: 88vw;
  height: 3px;
  background: linear-gradient(89deg, transparent, #BF382C);
  z-index: 3;
  margin-right: calc((100vw - 100%) / 2 * -1);
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container:after {
    display: none;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper {
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper {
    padding: 0px 0x;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper .title {
  font-size: 3em;
  line-height: 110%;
  font-weight: bold;
  color: #483232;
  position: absolute;
  top: 0;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper .title {
    transform: unset;
    top: 40px;
    font-size: 2em;
    line-height: 130%;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper .content {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  margin-right: -17px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper .content {
    flex-direction: column-reverse;
    padding-top: 94px;
    padding-right: 0px;
    margin-right: 0px;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper .content:has(.image) .description {
  padding-left: 40px;
  padding-top: 47px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper .content:has(.image) .description {
    padding-left: 0px;
    padding-top: 0px;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper .content .description p {
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  color: #483232;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper .content .description p {
    margin-bottom: 0px;
    font-size: 1em;
    line-height: 40px;
    text-align: justify;
    margin-bottom: 12px;
  }
}
.page.strategy .page-main .container .topic-container .topic-wrapper .content .description img {
  width: 100%;
  height: 417px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .page.strategy .page-main .container .topic-container .topic-wrapper .content .description img {
    height: auto;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 900px) {
  .page.sustainable-env .mfp-container, .page.society .mfp-container, .page.governance .mfp-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-top, .page.society .page-top, .page.governance .page-top {
    height: 321.61px;
  }
}
.page.sustainable-env .page-main, .page.society .page-main, .page.governance .page-main {
  padding-top: 71px;
  padding-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main, .page.society .page-main, .page.governance .page-main {
    padding-top: 25px;
    padding-bottom: 0px;
  }
}
.page.sustainable-env .page-main .container, .page.society .page-main .container, .page.governance .page-main .container {
  padding-left: 112px;
  padding-right: 111px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container, .page.society .page-main .container, .page.governance .page-main .container {
    padding-left: 32px;
    padding-right: 32px;
    overflow-x: clip;
  }
}
.page.sustainable-env .page-main .container .box1, .page.society .page-main .container .box1, .page.governance .page-main .container .box1 {
  position: absolute;
  top: 89px;
  right: calc(-1 * (100vw - 100%) / 2 - 57px);
  width: 130px;
  height: 130px;
  background-color: #bf382c;
  z-index: 2;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .box1, .page.society .page-main .container .box1, .page.governance .page-main .container .box1 {
    display: none;
  }
}
.page.sustainable-env .page-main .container .box2, .page.society .page-main .container .box2, .page.governance .page-main .container .box2 {
  position: absolute;
  top: 155px;
  right: calc(-1 * (100vw - 100%) / 2 - 51px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .box2, .page.society .page-main .container .box2, .page.governance .page-main .container .box2 {
    display: none;
  }
}
.page.sustainable-env .page-main .container .box3, .page.society .page-main .container .box3, .page.governance .page-main .container .box3 {
  position: absolute;
  top: 406px;
  left: calc(-1 * (100vw - 100%) / 2 - 120px);
  width: 194px;
  height: 194px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .box3, .page.society .page-main .container .box3, .page.governance .page-main .container .box3 {
    display: none;
  }
}
.page.sustainable-env .page-main .container .description-container, .page.society .page-main .container .description-container, .page.governance .page-main .container .description-container {
  z-index: 1;
  position: relative;
  padding-right: 53px;
  margin-bottom: 101px;
  /*
  &::before {
      content: '';
      max-width: 88.3333333vw;
      background-color: rgba($color: $white, $alpha: 0.7);
      display: block;
      width: 88.3333333vw;
      height: calc(100% - 37px);
      position: absolute;
      z-index: 0;
      left: calc(-50vw + 50%);
      bottom: 0;


      @media screen and (max-width: $breakpoint_md - 1) {
          max-width: 100vw;
          width: 100vw;
          height: calc(100%);
      }
  }*/
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .description-container, .page.society .page-main .container .description-container, .page.governance .page-main .container .description-container {
    padding-right: 0px;
    margin-bottom: 40px;
  }
}
.page.sustainable-env .page-main .container .description-container .description-background, .page.society .page-main .container .description-container .description-background, .page.governance .page-main .container .description-container .description-background {
  content: "";
  max-width: 88.3333333vw;
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
  width: 88.3333333vw;
  height: calc(100% - 37px);
  position: absolute;
  z-index: 0;
  left: calc(-50vw + 50%);
  bottom: 0;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .description-container .description-background, .page.society .page-main .container .description-container .description-background, .page.governance .page-main .container .description-container .description-background {
    max-width: 100vw;
    width: 100vw;
    height: 100%;
  }
}
.page.sustainable-env .page-main .container .description-container .title, .page.society .page-main .container .description-container .title, .page.governance .page-main .container .description-container .title {
  font-size: 3em;
  line-height: 110%;
  color: #483232;
  z-index: 1;
  font-weight: bold;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .description-container .title, .page.society .page-main .container .description-container .title, .page.governance .page-main .container .description-container .title {
    font-size: 2em;
    line-height: 130%;
    z-index: 1;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 375px) {
  .page.sustainable-env .page-main .container .description-container .title, .page.society .page-main .container .description-container .title, .page.governance .page-main .container .description-container .title {
    max-width: 283px;
  }
}
.page.sustainable-env .page-main .container .description-container .description, .page.society .page-main .container .description-container .description, .page.governance .page-main .container .description-container .description {
  padding-bottom: 31px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .description-container .description, .page.society .page-main .container .description-container .description, .page.governance .page-main .container .description-container .description {
    padding-bottom: 8px;
  }
}
.page.sustainable-env .page-main .container .description-container .description p, .page.society .page-main .container .description-container .description p, .page.governance .page-main .container .description-container .description p {
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .description-container .description p, .page.society .page-main .container .description-container .description p, .page.governance .page-main .container .description-container .description p {
    font-size: 16px;
  }
}
.page.sustainable-env .page-main .container .key-areas-container, .page.society .page-main .container .key-areas-container, .page.governance .page-main .container .key-areas-container {
  z-index: 1;
  position: relative;
  padding-right: 0px;
  margin-bottom: 50px;
  padding-bottom: 55px;
  /*
  &::before {
      content: '';
      max-width: 83.4027777777vw;
      background-color: rgba($color: $white, $alpha: 0.7);
      display: block;
      width: calc(100vw - (112px + ((100vw - 100%) / 2)) + 111px - 70px);
      height: calc(100% - 25px);
      position: absolute;
      z-index: 0;
      right: calc(-50vw + 50%);
      bottom: 0;

      @media screen and (max-width: $breakpoint_md - 1) {
          max-width: 100vw;
          width: 100vw;
          height: 100%;
      }
  }*/
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container, .page.society .page-main .container .key-areas-container, .page.governance .page-main .container .key-areas-container {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .title, .page.society .page-main .container .key-areas-container .title, .page.governance .page-main .container .key-areas-container .title {
  position: relative;
  font-size: 2.5em;
  line-height: 120%;
  font-weight: bold;
  color: #483232;
  z-index: 1;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .title, .page.society .page-main .container .key-areas-container .title, .page.governance .page-main .container .key-areas-container .title {
    margin-bottom: 5px;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content, .page.society .page-main .container .key-areas-container .content, .page.governance .page-main .container .key-areas-container .content {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content, .page.society .page-main .container .key-areas-container .content, .page.governance .page-main .container .key-areas-container .content {
    flex-direction: column;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .image, .page.society .page-main .container .key-areas-container .content .image, .page.governance .page-main .container .key-areas-container .content .image {
  height: 397px;
  width: 351px;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .image, .page.society .page-main .container .key-areas-container .content .image, .page.governance .page-main .container .key-areas-container .content .image {
    width: 100%;
    height: 378px;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .image img, .page.society .page-main .container .key-areas-container .content .image img, .page.governance .page-main .container .key-areas-container .content .image img {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.sustainable-env .page-main .container .key-areas-container .content .description, .page.society .page-main .container .key-areas-container .content .description, .page.governance .page-main .container .key-areas-container .content .description {
  padding-top: 10px;
  position: relative;
  z-index: 1;
}
.page.sustainable-env .page-main .container .key-areas-container .content .description ul, .page.society .page-main .container .key-areas-container .content .description ul, .page.governance .page-main .container .key-areas-container .content .description ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 78px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul, .page.society .page-main .container .key-areas-container .content .description ul, .page.governance .page-main .container .key-areas-container .content .description ul {
    padding-inline-start: 21px;
    list-style-type: disc;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .description ul li, .page.society .page-main .container .key-areas-container .content .description ul li, .page.governance .page-main .container .key-areas-container .content .description ul li {
  position: relative;
  padding-bottom: 32px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li, .page.society .page-main .container .key-areas-container .content .description ul li, .page.governance .page-main .container .key-areas-container .content .description ul li {
    padding-bottom: 12px;
  }
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li::marker, .page.society .page-main .container .key-areas-container .content .description ul li::marker, .page.governance .page-main .container .key-areas-container .content .description ul li::marker {
    font-size: 1.15em;
    color: #483232;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .description ul li::before, .page.society .page-main .container .key-areas-container .content .description ul li::before, .page.governance .page-main .container .key-areas-container .content .description ul li::before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 45px 45px;
  background-color: #483232;
  position: absolute;
  left: 0;
  top: calc(50% - 24.5px);
  transform: translate(-20px, 150%);
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li::before, .page.society .page-main .container .key-areas-container .content .description ul li::before, .page.governance .page-main .container .key-areas-container .content .description ul li::before {
    display: none;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .description ul li span, .page.society .page-main .container .key-areas-container .content .description ul li span, .page.governance .page-main .container .key-areas-container .content .description ul li span {
  font-size: 1.5em;
  line-height: 185%;
  font-weight: 400;
  color: #483232;
  width: 665px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li span, .page.society .page-main .container .key-areas-container .content .description ul li span, .page.governance .page-main .container .key-areas-container .content .description ul li span {
    width: 450px;
  }
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li span, .page.society .page-main .container .key-areas-container .content .description ul li span, .page.governance .page-main .container .key-areas-container .content .description ul li span {
    font-size: 1em;
    line-height: 185%;
    width: 100%;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .content .description ul li span .highlight, .page.society .page-main .container .key-areas-container .content .description ul li span .highlight, .page.governance .page-main .container .key-areas-container .content .description ul li span .highlight {
  font-size: 36px;
  line-height: 185%;
  font-weight: bold;
  display: inline;
  color: #BF382C;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .content .description ul li span .highlight, .page.society .page-main .container .key-areas-container .content .description ul li span .highlight, .page.governance .page-main .container .key-areas-container .content .description ul li span .highlight {
    font-size: 1.5em;
    line-height: 40px;
    width: 100%;
    text-wrap: wrap;
  }
}
.page.sustainable-env .page-main .container .key-areas-container .key-areas-background, .page.society .page-main .container .key-areas-container .key-areas-background, .page.governance .page-main .container .key-areas-container .key-areas-background {
  content: "";
  max-width: 83.4027777777vw;
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
  width: calc(100vw - (112px + (100vw - 100%) / 2) + 111px - 70px);
  height: calc(100% - 25px);
  position: absolute;
  z-index: 0;
  right: calc(-50vw + 50%);
  bottom: 0;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .key-areas-container .key-areas-background, .page.society .page-main .container .key-areas-container .key-areas-background, .page.governance .page-main .container .key-areas-container .key-areas-background {
    max-width: 100vw;
    width: 100vw;
    height: 100%;
  }
}
.page.sustainable-env .page-main .container .major-project-container, .page.society .page-main .container .major-project-container, .page.governance .page-main .container .major-project-container {
  position: relative;
  padding-bottom: 100px;
  padding-top: 46px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container, .page.society .page-main .container .major-project-container, .page.governance .page-main .container .major-project-container {
    overflow: unset;
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .page.sustainable-env .page-main .container .major-project-container:before, .page.society .page-main .container .major-project-container:before, .page.governance .page-main .container .major-project-container:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    width: 100vw;
    height: calc(100% - 64px);
    position: absolute;
    top: 0px;
    right: calc(-50vw + 50%);
    z-index: 0;
  }
}
.page.sustainable-env .page-main .container .major-project-container .title, .page.society .page-main .container .major-project-container .title, .page.governance .page-main .container .major-project-container .title {
  font-size: 2.5em;
  line-height: 120%;
  color: #483232;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .title, .page.society .page-main .container .major-project-container .title, .page.governance .page-main .container .major-project-container .title {
    font-size: 2em;
    line-height: 130%;
    z-index: 1;
    position: relative;
  }
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons, .page.society .page-main .container .major-project-container .swiper-buttons, .page.governance .page-main .container .major-project-container .swiper-buttons {
  position: absolute;
  width: 106px;
  top: 75px;
  right: -10px;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev {
  color: #483232;
  position: absolute;
  width: 18px;
  height: 38px;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::after, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::after, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::after {
  content: "";
  background-image: url(../img/icon/gallery_slider_left_button.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: inherit;
  height: inherit;
  z-index: 11;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::before, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::before, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev::before {
  content: "";
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  border-radius: 90px 90px;
  z-index: 10;
  transition: background 0.2s ease-in, color 0.2s ease-in;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::after, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::after, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::after {
  background-image: url(../img/icon/gallery_slider_left_button_hover.svg);
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::before, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::before, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev:hover::before {
  content: "";
  background-color: #BF382C;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-prev, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-prev, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-prev {
    display: none;
  }
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next {
  width: 18px;
  height: 38px;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next::after, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next::after, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next::after {
  content: "";
  color: #483232;
  position: absolute;
  background-image: url(../img/icon/gallery_slider_right_button.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: inherit;
  height: inherit;
  z-index: 11;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next::before, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next::before, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next::before {
  content: "";
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  border-radius: 90px 90px;
  z-index: 10;
  transition: background 0.2s ease-in, color 0.2s ease-in;
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::after, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::after, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::after {
  background-image: url(../img/icon/gallery_slider_right_button_hover.svg);
}
.page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::before, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::before, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next:hover::before {
  content: "";
  background-color: #BF382C;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .swiper-buttons .swiper-button-next, .page.society .page-main .container .major-project-container .swiper-buttons .swiper-button-next, .page.governance .page-main .container .major-project-container .swiper-buttons .swiper-button-next {
    display: none;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper, .page.society .page-main .container .major-project-container .projects-wrapper, .page.governance .page-main .container .major-project-container .projects-wrapper {
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper, .page.society .page-main .container .major-project-container .projects-wrapper, .page.governance .page-main .container .major-project-container .projects-wrapper {
    position: relative;
    overflow: unset;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide {
  transition: all 0.3s ease-in-out;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide:not(.swiper-slide-active), .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide:not(.swiper-slide-active), .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
  margin-top: -5px;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item {
  display: flex;
  flex-direction: row;
  margin-left: 47px;
  padding-top: 89px;
  padding-bottom: 86px;
  margin-right: 48px;
  z-index: 1;
  /*
  &::before {
      content: '';
      background-color: rgba($color: $white, $alpha: 0.7);
      width: 100%;
      height: calc(100% - 26px);
      position: absolute;
      border-radius: 10px 10px;
      top: 26px;
      left: 0;

      @media screen and (max-width: $breakpoint_md - 1) {
          display: none;
      }
  }
  */
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item:not(:has(.image)) .project-content, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item:not(:has(.image)) .project-content, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item:not(:has(.image)) .project-content {
  padding-top: 228px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item {
    padding-top: 12px;
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 44px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: calc(100% - 26px);
  position: absolute;
  border-radius: 10px 10px;
  top: 26px;
  left: 0;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-background {
    display: none;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image {
  width: 305px;
  height: 211px;
  z-index: 1;
  overflow: hidden;
  display: inline-table;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image {
    width: 100%;
    height: 228px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image img, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image img, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .image img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content {
  padding-left: 51px;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content {
    padding-left: 0px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title {
  font-size: 2em;
  line-height: 130%;
  color: #483232;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-title {
    margin-top: 24px;
    font-size: 1.5em;
    line-height: 140%;
    margin-bottom: 20px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p {
  font-size: 1.125em;
  line-height: 40px;
  font-weight: 400;
  color: #483232;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p:last-child, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p:last-child, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .project-description p {
    font-size: 1em;
    margin-bottom: 12px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  /*
  font-size: 1em;
  letter-spacing: 0.3px;
  color: $black1;
  font-weight: bold;
  position: relative;

  @media screen and (max-width: $breakpoint_md - 1) {
      font-size: 1em;

  }

  a {
      &::after {
          content: '';
          background-image: url("../img/icon/go-to-desktop.svg");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          width: 31px;
          height: 31px;
          position: absolute;
          margin-left: 16px;
          top: 0;
          transform: translate(0px, -15%);

          @media screen and (max-width: $breakpoint_md - 1) {
              width: 30px;
              height: 30px;

          }

      }
  }

  */
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link {
    /*margin-top: 0px;*/
    margin-top: 20px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container {
  align-items: center;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 8px;
  height: 40px;
  transition: all 1s ease-in-out;
  position: relative;
  overflow: hidden;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper::after, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper::after, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper::after {
  content: "";
  display: block;
  margin: auto;
  height: 1px;
  width: 0px;
  background: transparent;
  transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 40px;
  padding-right: 13px;
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .know-more {
    font-size: 1em;
    letter-spacing: 0.7px;
    font-weight: 500;
    padding-right: 16px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon {
  background-color: #C3B5AC;
  width: 31px;
  height: 31px;
  border-radius: 45px 45px;
  overflow-x: hidden;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out;
  overflow-y: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon {
    width: 30px;
    height: 30px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon .symbol, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon .symbol, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .icon .symbol {
  background-image: url("../img/icon/arrow-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
  transition: transform 0.1s ease-in-out;
  position: absolute;
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .underline, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .underline, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a .btn-container .btn-wrapper .underline {
  display: block;
  height: 1px;
  width: 0;
  position: absolute;
  background-color: #BF382C;
  bottom: 0;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper::after, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper::after, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper::after {
    background: transparent;
    width: 0px;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 40px;
  color: #BF382C;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .know-more {
    font-size: 1em;
    letter-spacing: 0.7px;
    font-weight: 500;
    padding-right: 16px;
    color: #483232;
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon {
  background-color: #BF382C;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon {
    background-color: #BF382C;
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon::before, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon::before, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-wrapper .swiper-slide .project-wrapper .project-item .project-content .link a:hover .btn-container .btn-wrapper .icon::before {
    transform: translateX(0%);
  }
}
.page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-pagination, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-pagination, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-pagination {
  display: none;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .major-project-container .projects-wrapper .swiper-pagination, .page.society .page-main .container .major-project-container .projects-wrapper .swiper-pagination, .page.governance .page-main .container .major-project-container .projects-wrapper .swiper-pagination {
    display: block;
    bottom: -29px;
  }
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .page-main .container .relevant-awards, .page.society .page-main .container .relevant-awards, .page.governance .page-main .container .relevant-awards {
    margin-bottom: -36px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 991px) {
  .page.sustainable-env footer #scroll-top, .page.society footer #scroll-top, .page.governance footer #scroll-top {
    display: none !important;
  }
}
.page.sustainable-env .major-project-popup, .page.society .major-project-popup, .page.governance .major-project-popup {
  position: relative;
  background: #fff;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 32px;
  width: 1037px;
  z-index: 0;
  gap: 32px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup, .page.society .major-project-popup, .page.governance .major-project-popup {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
    padding-bottom: 45px;
    overscroll-behavior: contain;
  }
}
.page.sustainable-env .major-project-popup .mfp-close, .page.society .major-project-popup .mfp-close, .page.governance .major-project-popup .mfp-close {
  display: none;
}
.page.sustainable-env .major-project-popup .mfp-close::after, .page.society .major-project-popup .mfp-close::after, .page.governance .major-project-popup .mfp-close::after {
  content: "";
  background-image: url("../img/icon/popup-close-btn.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 13.44px;
  width: 13.44px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .mfp-close, .page.society .major-project-popup .mfp-close, .page.governance .major-project-popup .mfp-close {
    width: 32px;
    height: 32px;
    margin-top: 20px;
    margin-right: 12px;
    background-color: #fdf4ED;
    border-radius: 45px 45px;
    background-position: center center;
    background-size: cover;
    color: #000000;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
.page.sustainable-env .major-project-popup .header, .page.society .major-project-popup .header, .page.governance .major-project-popup .header {
  padding-top: 80px;
  padding-right: 80px;
  padding-left: 80px;
  padding-bottom: 32px;
  font-size: 2em;
  line-height: 130%;
  color: #483232;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .header, .page.society .major-project-popup .header, .page.governance .major-project-popup .header {
    padding-top: 68px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 16px;
    font-size: 1.5em;
    line-height: 140%;
  }
}
.page.sustainable-env .major-project-popup .content, .page.society .major-project-popup .content, .page.governance .major-project-popup .content {
  height: calc(100vh - 250px);
  overflow-y: scroll;
  scrollbar-width: thin;
  overflow-x: hidden;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 163px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .content, .page.society .major-project-popup .content, .page.governance .major-project-popup .content {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 0px;
  }
}
.page.sustainable-env .major-project-popup .content .kv, .page.society .major-project-popup .content .kv, .page.governance .major-project-popup .content .kv {
  height: 546px;
  width: 100%;
  padding-bottom: 32px;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .content .kv, .page.society .major-project-popup .content .kv, .page.governance .major-project-popup .content .kv {
    height: auto;
    width: 100%;
    padding-bottom: 16px;
  }
}
.page.sustainable-env .major-project-popup .content .kv img, .page.society .major-project-popup .content .kv img, .page.governance .major-project-popup .content .kv img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.sustainable-env .major-project-popup .content .description p, .page.society .major-project-popup .content .description p, .page.governance .major-project-popup .content .description p {
  font-size: 1.125em;
  line-height: 40px;
  font-weight: 400;
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .content .description p, .page.society .major-project-popup .content .description p, .page.governance .major-project-popup .content .description p {
    font-size: 1em;
  }
}
.page.sustainable-env .major-project-popup .swiper-buttons, .page.society .major-project-popup .swiper-buttons, .page.governance .major-project-popup .swiper-buttons {
  position: relative;
  bottom: -40px;
  width: 118px;
  float: right;
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-prev,
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-next, .page.society .major-project-popup .swiper-buttons .swiper-button-prev,
.page.society .major-project-popup .swiper-buttons .swiper-button-next, .page.governance .major-project-popup .swiper-buttons .swiper-button-prev,
.page.governance .major-project-popup .swiper-buttons .swiper-button-next {
  color: #483232;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-prev,
  .page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-next, .page.society .major-project-popup .swiper-buttons .swiper-button-prev,
  .page.society .major-project-popup .swiper-buttons .swiper-button-next, .page.governance .major-project-popup .swiper-buttons .swiper-button-prev,
  .page.governance .major-project-popup .swiper-buttons .swiper-button-next {
    display: none;
  }
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-prev:hover, .page.society .major-project-popup .swiper-buttons .swiper-button-prev:hover, .page.governance .major-project-popup .swiper-buttons .swiper-button-prev:hover {
  width: 70px;
  height: 70px;
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-prev:hover::after, .page.society .major-project-popup .swiper-buttons .swiper-button-prev:hover::after, .page.governance .major-project-popup .swiper-buttons .swiper-button-prev:hover::after {
  transition: background 0.2s ease-in, color 0.2s ease-in;
  background-color: #BF382C;
  background-size: 70px 70px;
  padding: 18px 28.7px 18px 28.7px;
  border-radius: 90px 90px;
  color: #ffffff;
  top: -18px;
  position: absolute;
  left: -27px;
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-next, .page.society .major-project-popup .swiper-buttons .swiper-button-next, .page.governance .major-project-popup .swiper-buttons .swiper-button-next {
  right: 0;
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-next:hover, .page.society .major-project-popup .swiper-buttons .swiper-button-next:hover, .page.governance .major-project-popup .swiper-buttons .swiper-button-next:hover {
  width: 70px;
  height: 70px;
}
.page.sustainable-env .major-project-popup .swiper-buttons .swiper-button-next:hover::after, .page.society .major-project-popup .swiper-buttons .swiper-button-next:hover::after, .page.governance .major-project-popup .swiper-buttons .swiper-button-next:hover::after {
  transition: background 0.2s ease-in, color 0.2s ease-in;
  background-color: #BF382C;
  background-size: 70px 70px;
  padding: 18px 28.7px 18px 28.7px;
  border-radius: 90px 90px;
  color: #ffffff;
  top: -18px;
  position: absolute;
  left: 16px;
}
.page.sustainable-env .swiper-pagination, .page.society .swiper-pagination, .page.governance .swiper-pagination {
  display: none;
}
@media screen and (max-width: 991px) {
  .page.sustainable-env .swiper-pagination, .page.society .swiper-pagination, .page.governance .swiper-pagination {
    display: flex;
    justify-content: center;
    text-align: center;
    height: 10px;
  }
}
.page.society .page-main .container .box2 {
  top: 174px;
}
.page.society .page-main .container .box4 {
  position: absolute;
  top: 1325px;
  right: calc(-1 * (100vw - 100%) / 2 - 56px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.society .page-main .container .box4 {
    display: none;
  }
}
.page.society .page-main .container .box5 {
  position: absolute;
  top: 1443px;
  right: calc(-1 * (100vw - 100%) / 2 - 77px);
  width: 130px;
  height: 130px;
  background-color: transparent;
  background-color: rgba(191, 56, 44, 0.5);
  z-index: 2;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.society .page-main .container .box5 {
    display: none;
  }
}
.page.society .page-main .container .description-container {
  padding-right: 75px;
}
@media screen and (max-width: 991px) {
  .page.society .page-main .container .description-container {
    padding-right: 0px;
  }
}
.page.society .page-main .container .description-container .description {
  padding-bottom: 5px;
}
@media screen and (max-width: 375px) {
  .page.society .page-main .container .description-container .title {
    max-width: unset;
  }
}
.page.society .page-main .container .key-areas-container .content .description {
  padding-top: 39px;
}
@media screen and (max-width: 991px) {
  .page.society .page-main .container .key-areas-container .content .description {
    padding-top: 12px;
  }
}
.page.society .page-main .container .key-areas-container .content .description ul li {
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .page.society .page-main .container .key-areas-container .content .description ul li {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 375px) {
  .page.society .page-main .container .key-areas-container {
    padding-bottom: 38px;
  }
}
.page.governance .page-main .container .box4 {
  position: absolute;
  top: 885px;
  right: calc(-1 * (100vw - 100%) / 2 - 56px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.governance .page-main .container .box4 {
    display: none;
  }
}
.page.governance .page-main .container .box5 {
  position: absolute;
  top: 995px;
  right: calc(-1 * (100vw - 100%) / 2 - 77px);
  width: 130px;
  height: 130px;
  background-color: transparent;
  background-color: rgba(191, 56, 44, 0.5);
  z-index: 1;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.governance .page-main .container .box5 {
    display: none;
  }
}
.page.governance .page-main .container .key-areas-container .content .description {
  padding-top: 0px;
}
.page.governance .page-main .container .key-areas-container .content .description ul li {
  line-height: 165%;
}
.page.governance .page-main .container .key-areas-container .content .description ul li span {
  width: 702px;
  line-height: 165%;
}
@media screen and (max-width: 991px) {
  .page.governance .page-main .container .key-areas-container .content .description ul li span {
    width: auto;
  }
}
.page.governance .page-main .container .key-areas-container .content .description ul li span .highlight {
  line-height: 165%;
}
@media screen and (max-width: 1199px) {
  .page.report .page-top .page-intro .title {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .page.report .page-top .page-intro .title {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .page.report .page-top {
    height: 321.61px;
  }
}
.page.report .page-main {
  min-height: 600px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main {
    padding-top: 40px;
    padding-bottom: 0px;
    overflow-x: hidden;
  }
}
.page.report .page-main .container {
  padding-right: 112px;
  padding-left: 112px;
  padding-bottom: 32px;
  position: relative;
  display: flex;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container {
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 30px;
  }
}
.page.report .page-main .container .box1 {
  position: absolute;
  top: 59px;
  right: calc(-1 * (100vw - 100%) / 2 - 57px);
  width: 130px;
  height: 130px;
  background-color: #bf382c;
  z-index: 0;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .box1 {
    display: none;
  }
}
.page.report .page-main .container .box2 {
  position: absolute;
  top: 114px;
  right: calc(-1 * (100vw - 100%) / 2 - 51px);
  width: 179px;
  height: 179px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 0;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .box2 {
    display: none;
  }
}
.page.report .page-main .container .box3 {
  position: absolute;
  top: 209px;
  left: calc(-1 * (100vw - 100%) / 2 - 92px);
  width: 194px;
  height: 194px;
  background-color: transparent;
  border: 1px solid #BF382C;
  z-index: 0;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .box3 {
    display: none;
  }
}
.page.report .page-main .container .report-container {
  background-image: linear-gradient(to top, transparent 0%, rgb(255, 255, 255) 0%);
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container {
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
  }
}
.page.report .page-main .container .report-container .report-grid {
  padding: 36px 71px;
  display: grid;
  grid-template-columns: 273px 273px 273px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (max-width: 1199px) {
  .page.report .page-main .container .report-container .report-grid {
    grid-template-columns: 273px 273px;
  }
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container .report-grid {
    grid-template-columns: 311px 311px;
    -moz-column-gap: 40px;
         column-gap: 40px;
    padding-left: 112px;
    padding-right: 112px;
  }
}
@media screen and (max-width: 767px) {
  .page.report .page-main .container .report-container .report-grid {
    grid-template-columns: 311px;
    -moz-column-gap: 0px;
         column-gap: 0px;
    padding-left: calc((100vw - 50%) / 2);
    padding-right: calc((100vw - 50%) / 2);
  }
}
.page.report .page-main .container .report-container .report-grid .report-item {
  padding-right: 40px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.page.report .page-main .container .report-container .report-grid .report-item:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
  padding-top: 40px;
}
@media screen and (max-width: 1199px) {
  .page.report .page-main .container .report-container .report-grid .report-item:not(:nth-child(1), :nth-child(2)) {
    padding-top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container .report-grid .report-item {
    padding-right: 0px;
    padding-bottom: 49px;
  }
  .page.report .page-main .container .report-container .report-grid .report-item:not(:nth-child(1), :nth-child(2)) {
    padding-top: 0px;
  }
}
.page.report .page-main .container .report-container .report-grid .report-item .thumbnail {
  width: 273px;
  height: 153px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container .report-grid .report-item .thumbnail {
    width: 100%;
    height: 174px;
    margin-bottom: 16px;
  }
}
.page.report .page-main .container .report-container .report-grid .report-item .thumbnail img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.report .page-main .container .report-container .report-grid .report-item .title {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 130%;
  color: #483232;
  padding-bottom: 8px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container .report-grid .report-item .title {
    line-height: 140%;
  }
}
.page.report .page-main .container .report-container .report-grid .report-item .link {
  padding-bottom: 22px;
}
@media screen and (max-width: 991px) {
  .page.report .page-main .container .report-container .report-grid .report-item .link {
    padding-bottom: 0px;
  }
}
.page.report .page-main .container .report-container .report-grid .report-item .link a {
  color: #BF382C;
  font-size: 1.125em;
  line-height: 40px;
  font-weight: 400;
}
.page.report .page-main .container .report-container .report-grid .report-item .link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: #BF382C;
}/*# sourceMappingURL=sustainable.css.map */