.esg-mobile-inline {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .esg-mobile-inline {
    display: inline;
  }
}

@media only screen and (max-width: 1080px) {
  .esg-pc-inline {
    display: none;
  }
}

.cover-image--mobile {
  width: 100%;
}

.esg-hero {
  position: relative;
  box-sizing: border-box;
  max-height: 1270px;
  overflow: hidden;
}
.esg-hero__image {
  text-align: center;
}
.esg-hero__copy {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
.esg-hero__title {
  font-size: 100px;
  font-weight: 600;
}
@media only screen and (max-width: 1080px) {
  .esg-hero__title {
    font-size: 9.4444444444vw;
  }
}
.esg-hero__text {
  font-size: 3.75rem;
}
@media only screen and (max-width: 1080px) {
  .esg-hero__text {
    font-size: 6.6666666667vw;
    line-height: 8.6111111111vw;
  }
}

.esg-letters {
  padding-top: 8.1875rem;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 1439px) {
  .esg-letters {
    width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters {
    padding-top: 12.3611111111vw;
  }
}
.esg-letters__copy {
  font-size: 1.875rem;
  margin-bottom: 208px;
  text-align: center;
}
@media only screen and (max-width: 1439px) {
  .esg-letters__copy {
    width: 88.8%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters__copy {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
    margin-bottom: 15.2777777778vw;
  }
}
.esg-letters__image {
  position: relative;
  text-align: center;
  margin-bottom: 264px;
}
@media only screen and (max-width: 1080px) {
  .esg-letters__image {
    margin-bottom: 6.25vw;
  }
}
.esg-letters__image img {
  width: 100%;
}
.esg-letters__text {
  position: absolute;
}
.esg-letters__text img {
  width: 100%;
}
.esg-letters__text--01 {
  left: 132px;
  top: 56px;
}
@media only screen and (max-width: 1439px) and (min-width: 1081px) {
  .esg-letters__text--01 {
    width: 19.3055555556vw;
    left: 9.1666666667vw;
    top: 3.8888888889vw;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters__text--01 {
    width: 28.6111111111vw;
    left: 13.6111111111vw;
    top: 1.8055555556vw;
  }
}
.esg-letters__text--02 {
  right: 40px;
  top: 56px;
}
@media only screen and (max-width: 1439px) and (min-width: 1081px) {
  .esg-letters__text--02 {
    width: 31.1111111111vw;
    right: 2.7777777778vw;
    top: 3.8888888889vw;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters__text--02 {
    width: 37.3611111111vw;
    right: 8.3333333333vw;
    top: 1.8055555556vw;
  }
}
.esg-letters__text--03 {
  left: 132px;
  bottom: 6px;
}
@media only screen and (max-width: 1439px) and (min-width: 1081px) {
  .esg-letters__text--03 {
    width: 19.3055555556vw;
    left: 9.1666666667vw;
    bottom: 0.4166666667vw;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters__text--03 {
    width: 27.5vw;
    left: 12.2222222222vw;
    bottom: 7.7777777778vw;
  }
}
.esg-letters__text--04 {
  right: 416px;
  bottom: 6px;
}
@media only screen and (max-width: 1439px) and (min-width: 1081px) {
  .esg-letters__text--04 {
    width: 22.9166666667vw;
    right: 28.8888888889vw;
    bottom: 0.4166666667vw;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-letters__text--04 {
    width: 31.9444444444vw;
    right: 19.4444444444vw;
    bottom: 7.7777777778vw;
  }
}

.esg-menu-container {
  background-color: #f1f3f9;
  height: 6.875rem;
}
@media only screen and (max-width: 1080px) {
  .esg-menu-container {
    height: 13.8888888889vw;
  }
}
.esg-menu-container.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.esg-menu {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  height: 100%;
}
@media only screen and (max-width: 1439px) {
  .esg-menu {
    width: 100%;
  }
}
.esg-menu__item {
  flex-grow: 1;
}
.esg-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #2b2732;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 6.875rem;
  text-align: center;
}
@media only screen and (max-width: 1080px) {
  .esg-menu__item a {
    font-size: 3.3333333333vw;
    line-height: 13.6111111111vw;
  }
}
.esg-menu__item--active a {
  color: #fff;
  background-color: #000;
}

.esg-container {
  width: 1440px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 198px;
  transform: translateX(-50%);
  z-index: 1;
}
@media only screen and (max-width: 1439px) {
  .esg-container {
    width: 88.8%;
    height: 20.8333333333vw;
    top: 19.8611111111vw;
  }
}

.esg-cover {
  text-align: center;
}
.esg-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1080px) {
  .esg-cover--pc {
    display: none;
  }
}
.esg-cover--mobile {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .esg-cover--mobile {
    display: block;
  }
}

.esg-slider {
  position: absolute;
  left: 50%;
  bottom: 302px;
  transform: translateX(-50%);
  width: 1440px;
  max-height: 700px;
  margin: 0 auto;
}
@media only screen and (max-width: 1560px) {
  .esg-slider {
    max-width: 88.8%;
    bottom: 155px;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-slider {
    display: none;
  }
}
.esg-slider__item {
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 0;
}
.esg-slider__item img {
  width: 100%;
}

.esg-slider-navigation__left {
  position: absolute;
  left: -75px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.esg-slider-navigation__right {
  position: absolute;
  right: -75px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.esg-slider-scrollbar {
  position: relative;
  width: 564px;
  margin: 56px auto 0;
  height: 2px;
  background-color: #787876;
}
.esg-slider-scrollbar .swiper-scrollbar-drag {
  position: absolute;
  top: -6px;
  height: 15px;
  background-color: #fff;
}

.esg-content {
  display: none;
  padding-bottom: 16.6666666667vw;
}
@media only screen and (max-width: 1080px) {
  .esg-content {
    display: block;
  }
}
.esg-content__container {
  width: 88.8%;
  margin: 0 auto;
  padding-top: 16.6666666667vw;
}
.esg-content__title {
  font-size: 8.3333333333vw;
  line-height: 8.3333333333vw;
  letter-spacing: -0.4px;
  margin-bottom: 5.5555555556vw;
  font-weight: 400;
}
.esg-content__title--bold {
  font-weight: bold;
}
.esg-content__em {
  font-size: 6.1111111111vw;
  color: #b00142;
  font-weight: normal;
  letter-spacing: -0.6px;
}
.esg-content__subtitle {
  font-size: 4.1666666667vw;
  line-height: 6.6666666667vw;
  font-weight: 400;
  margin-bottom: 5.5555555556vw;
}
.esg-content__text {
  font-size: 4.1666666667vw;
  line-height: 6.6666666667vw;
}
.esg-content__second-text {
  font-size: 3.3333333333vw;
  line-height: 6.6666666667vw;
  color: #828282;
  margin-top: 3.8888888889vw;
}
.esg-content__subtext {
  width: 88.8%;
  margin: 2.7777777778vw auto 0;
  font-size: 3.3333333333vw;
  line-height: 4.7222222222vw;
  color: #949494;
}
.esg-content__image {
  margin-top: 10.2777777778vw;
  font-size: 0;
}
.esg-content__image img {
  width: 100%;
}
.esg-content--last {
  padding-bottom: 0;
}

.esg-envrionmental {
  max-width: 2038px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  max-height: 2148px;
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental {
    height: 250vw;
  }
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental#env2 {
    height: 284.7222222222vw;
  }
}
.esg-envrionmental__header {
  font-size: 1.875rem;
  color: #fff;
  font-weight: bold;
  border-bottom: solid 2px #fff;
  padding-bottom: 0.625rem;
}
.esg-envrionmental__text-group {
  display: flex;
  padding-top: 5.75rem;
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental__text-group {
    flex-direction: column;
    padding-top: 3.75rem;
  }
}
.esg-envrionmental__title {
  font-size: 4.875rem;
  font-weight: bold;
  color: #fff;
  flex-basis: 50%;
  line-height: 5.25rem;
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental__title {
    font-size: 10vw;
    line-height: 10.5555555556vw;
    margin-bottom: 19.8611111111vw;
  }
}
.esg-envrionmental__description {
  font-size: 1.5rem;
  color: #fff;
  flex-basis: 50%;
  line-height: 2.25rem;
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental__description {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
}
.esg-envrionmental__description p {
  margin-bottom: 2.375rem;
}
.esg-envrionmental__subdescription {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media only screen and (max-width: 1080px) {
  .esg-envrionmental__subdescription {
    font-size: 3.3333333333vw;
    line-height: 4.7222222222vw;
  }
}
.esg-envrionmental .simpleParallax {
  height: 134.25rem;
}

.esg-social {
  max-width: 2038px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  height: 154.625rem;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width: 1080px) {
  .esg-social {
    height: 284.1666666667vw;
  }
}
.esg-social__header {
  font-size: 1.875rem;
  color: #fff;
  font-weight: bold;
  border-bottom: solid 2px #fff;
  padding-bottom: 0.625rem;
}
.esg-social__text-group {
  padding-top: 5.75rem;
}
@media only screen and (max-width: 1080px) {
  .esg-social__text-group {
    padding-top: 3.75rem;
  }
}
.esg-social__title {
  font-size: 4.875rem;
  font-weight: bold;
  color: #fff;
  line-height: 5.25rem;
  margin-bottom: 5.75rem;
}
@media only screen and (max-width: 1080px) {
  .esg-social__title {
    margin-bottom: 73.8888888889vw;
    font-size: 10vw;
    line-height: 10.5555555556vw;
  }
}
.esg-social__description {
  font-size: 1.5rem;
  width: 40rem;
  color: #fff;
  line-height: 2.25rem;
}
@media only screen and (max-width: 1080px) {
  .esg-social__description {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
    width: 100%;
  }
}
.esg-social__description p {
  margin-bottom: 2.375rem;
}
.esg-social .simpleParallax {
  height: 154.625rem;
}

.esg-governance {
  max-width: 2038px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  height: 130.875rem;
}
@media only screen and (max-width: 1080px) {
  .esg-governance {
    height: 200.6944444444vw;
  }
}
.esg-governance__header {
  font-size: 1.875rem;
  color: #000;
  font-weight: bold;
  border-bottom: solid 2px #000;
  padding-bottom: 0.625rem;
}
.esg-governance__text-group {
  padding-top: 5.75rem;
}
.esg-governance__title {
  font-size: 4.875rem;
  font-weight: bold;
  color: #000;
  line-height: 5.25rem;
  margin-bottom: 5.75rem;
}
@media only screen and (max-width: 1080px) {
  .esg-governance__title {
    margin-bottom: 12.5vw;
    font-size: 10vw;
    line-height: 10.5555555556vw;
  }
}
.esg-governance__description {
  font-size: 1.5rem;
  width: 40rem;
  color: #000;
  line-height: 2.25rem;
}
@media only screen and (max-width: 1080px) {
  .esg-governance__description {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
    width: 100%;
  }
}
.esg-governance__description p {
  margin-bottom: 2.375rem;
}
.esg-governance .simpleParallax {
  height: 130.875rem;
}/*# sourceMappingURL=style.css.map */