@charset "UTF-8";
.sustainability-content {
  line-height: 2;
}

.anchor-nav ul li {
  margin-top: 0;
  margin-bottom: 0;
}

.anchor-nav ul li a {
  display: inline-block;
}

.link-list li.is-blank {
  position: relative;
  padding-left: 20px;
}

.link-list li.is-blank::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/icon-blank.png");
  background-size: contain;
}

.hs-pagetop {
  margin: 0 auto 2rem;
  max-width: 1240px;
}

.hs-group-links dt {
  max-width: 160px;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.side-bar ul li.current {
  background-color: #F5F5F5;
  pointer-events: none;
}

.mlr0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt0 {
  padding-top: 0;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pb0 {
  padding-bottom: 0;
}

.fs12 {
  font-size: 12px;
}

.alignC{
  text-align: center;
}

.title-fs16,
.title-fs18,
.title-fs20,
.title-fs28 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
  line-height: 1.6;
  color: #333333;
}

.title-fs16.col-red,
.title-fs18.col-red,
.title-fs20.col-red,
.title-fs28.col-red {
  color: #E60026;
}

.title-fs60 {
  line-height: 1.6;
  color: #333333;
}

.title-fs18 {
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.title-fs24 {
  font-size: 24px;
  font-weight: bold;
  display: block;
  line-height: 1.6;
}

.title-fs28 {
  font-size: 28px;
  font-weight: bold;
  display: block;
}

.title-red-top-icon {
  padding-top: 5px;
}

.title-red-top-icon.col-red {
  color: #E60026;
}

@media screen and (max-width: 767px) {
  .fs12 {
    font-size: 2.8vw;
  }
  .title-fs18 {
    font-size: 3.45vw;
  }
  .title-fs24 {
    font-size: 3.6vw;
  }
  .title-fs28 {
    font-size: 4.4vw;
  }
  .mb10-sp {
    margin-bottom: 10px;
  }
  .mb20-sp {
    margin-bottom: 20px;
  }
  .mb30-sp {
    margin-bottom: 30px;
  }
  .mb40-sp {
    margin-bottom: 40px;
  }
  .mb50-sp {
    margin-bottom: 50px;
  }
  .mb60-sp {
    margin-bottom: 60px;
  }
  .mb70-sp {
    margin-bottom: 70px;
  }
  .mb80-sp {
    margin-bottom: 80px;
  }
  .mb90-sp {
    margin-bottom: 90px;
  }
  .mb100-sp {
    margin-bottom: 100px;
  }
  .anchor-nav {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .anchor-nav ul > li > a {
    white-space: nowrap;
    word-break: keep-all;
  }
  .nub-list li .nub-list-number::after {
    top: 50%;
    margin-top: -1.75vw;
  }
}

.bold {
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.fs-min {
  font-size: 10px;
  line-height: 1.8;
}

.sustainability .link-blue {
  color: #0097E3;
  word-break: break-all;
}

.border-radius {
  border-radius: 8px;
}

.border-top--gray {
  border-top: 1px solid #959595;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.d-inline-block {
  display: inline-block;
}

.topmessage .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-0.png");
}

.sdgs .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-1.png");
}

.management .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-2.png");
  max-width: 100%;
}

.eco .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-3.png");
}

.worklifebalance .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-4.png");
  max-width: 90%;
}

.health .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-5.png");
}

.community .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-6.png");
}

.partner .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-7.png");
  max-width: 100%;
}

.customer-satisfy .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-8.png");
}

.compliance .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-9.png");
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .compliance .main-title {
    max-width: 90%;
  }
}

.governance .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-10.png");
  max-width: 91%;
}

.security .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-11.png");
  max-width: 91%;
}

.bcp .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-12.png");
}

.dx .main-title {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-13.png");
}

.main-title-wrap::before {
  background-size: cover;
}

.sus-top .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-top.png");
  background-position: bottom;
}

.sdgs .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-sdgs.png");
  background-position: bottom;
}

.management .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-management.png");
  background-position: bottom;
}

.eco .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-eco.png");
}

.worklifebalance .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-worklifebalance.png");
  background-position: bottom;
}

.health .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-health.png");
  background-position: bottom;
}

.community .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-community.png");
  background-position: bottom;
}

.partner .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-partner.png");
}

.customer-satisfy .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-cs.png");
}

.compliance .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-compliance.png");
}

.governance .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-governance.png");
}

.security .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-security.png");
}

.bcp .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-bcp.png");
  background-position: bottom;
}

.dx .main-title-wrap::before {
  background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-dx.png");
  background-position: bottom;
}

.topmessage .main-title-wrap::before {
  background-image: none;
  background-color:#ffffff;
  background-position: bottom;
}

@media screen and (max-width: 767px) {
  .sus-top .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-top-sp.png");
    background-position: bottom;
  }
  .sdgs .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-sdgs-sp.png");
  }
  .management .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-management-sp.png");
  }
  .eco .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-eco-sp.png");
  }
  .worklifebalance .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-worklifebalance-sp.png");
  }
  .health .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-health-sp.png");
    background-position: bottom;
  }
  .partner .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-partner-sp.png");
  }
  .customer-satisfy .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-cs-sp.png");
    background-position: center;
  }
  .compliance .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-compliance-sp.png");
  }
  .governance .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-governance-sp.png");
  }
  .security .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-security-sp.png");
  }
  .bcp .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-bcp-sp.png");
  }
  .dx .main-title-wrap::before {
    background-image: url("/-/media/Project/DefaultSite/Company/sustainability/main-dx-sp.png");
  }
}

.list-num {
  width: 93%;
  margin-left: 7%;
}

.list-num__item {
  margin-bottom: 10px;
}

.marker-bold .list-num__item::marker {
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.list-history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 5px;
}

.list-history__date {
  width: 6em;
  display: inline-block;
}

.list-history__text {
  width: calc(100% - 6em);
  display: inline-block;
}

.link-list .icon-pdf {
  width: 15px;
  height: 16.5px;
}

.list--dot > li,
.list--line > li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
}

.list--dot > li:last-child,
.list--line > li:last-child {
  margin-bottom: 0;
}

.list--dot > li::before,
.list--line > li::before {
  content: "";
  display: block;
  background-color: #E60026;
  border-radius: 50%;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  left: 0;
  top: 0.8em;
}

.list--line > li::before {
  width: 1em;
  height: 1px;
  top: 1em;
  margin-left: -0.2em;
}

@media screen and (max-width: 767px) {
  .list--dot > li::before {
    width: 1vw;
    height: 1vw;
  }
}

.fadein {
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 2s ease-out 2s, -webkit-filter 2s ease-out 2s;
  transition: opacity 0.6s ease-out, -webkit-transform 2s ease-out 2s, -webkit-filter 2s ease-out 2s;
  transition: opacity 0.6s ease-out, transform 2s ease-out 2s, filter 2s ease-out 2s;
  transition: opacity 0.6s ease-out, transform 2s ease-out 2s, filter 2s ease-out 2s, -webkit-transform 2s ease-out 2s, -webkit-filter 2s ease-out 2s;
  overflow: visible;
}

.fadein.zoom {
  overflow: visible;
  -webkit-transform: none;
          transform: none;
  position: relative;
}

.fadein.zoom .zoom-img {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  z-index: 1;
  width: 100%;
  height: 100%;
  font-family: "ofject-fit:cover;";
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.fadein.zoom .zoom-img-wrap {
  overflow: hidden;
  z-index: 1;
}

.fadein.zoom > .wrap {
  position: relative;
  z-index: 2;
}

.fadein.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 0.6s ease-out, transform 1s ease-out;
  transition: opacity 0.6s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}

.fadein.show.zoom {
  -webkit-transform: none;
          transform: none;
}

.fadein.show.zoom .zoom-img {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 1.0s ease-out , -webkit-filter 1s ease-out 0.8s;
  transition: -webkit-transform 1.0s ease-out , -webkit-filter 1s ease-out 0.8s;
  transition: transform 1.0s ease-out , filter 1s ease-out 0.8s;
  transition: transform 1.0s ease-out , filter 1s ease-out 0.8s , -webkit-transform 1.0s ease-out , -webkit-filter 1s ease-out 0.8s;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.fadein.show.zoom-link:hover {
  opacity: 0.8;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.fadein.show.zoom-link:hover .zoom-img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.show.delay1 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.show.delay2 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.show.delay3 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.management .sec-sdgs {
  text-align: center;
}

.management .sec-sdgs__inner {
  display: inline-block;
  width: 100%;
  max-width: 850px;
}

.management .sec-sdgs__logo-wrap {
  width: 90%;
  max-width: 475px;
  margin-bottom: 1.8em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.management .sec-sdgs__logo-wrap img {
  width: 100%;
  height: auto;
}

.management .sec-sdgs__icon-wrap {
  width: 100%;
  margin-bottom: 1.8em;
}

.management .sec-sdgs__icon-wrap img {
  width: 100%;
  height: auto;
}

.management .sec-sdgs p {
  text-align: left;
}

.green-procure .link-list {
  width: 75%;
  max-width: 460px;
}

.green-procure .link-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  float: none;
  margin-bottom: 15px;
}

.green-procure .link-list__item .icon-pdf {
  margin-right: 10px;
}

.green-procure .link-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45%;
  max-width: 212px;
  margin-right: 5%;
  padding-top: 7px;
  background-position-y: 0.9em;
}

.green-procure .image-wrap {
  width: 25%;
  margin-top: -2em;
}

.green-procure .image-wrap img {
  width: 100%;
  max-width: 106px !important;
  height: auto;
}

.anti-hazard__text {
  width: calc(100% - 220px);
}

.anti-hazard__image-wrap {
  width: 200px;
  text-align: right;
}

.anti-hazard__image-wrap img {
  width: 100%;
  max-width: 174px;
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .text-slogan {
    text-align: center;
  }
  .text-slogan__inner {
    display: inline-block;
    text-align: left;
  }
  .green-procure .link-list {
    width: 85%;
  }
  .green-procure .link-list .icon-pdf {
    width: 10px;
    height: 11px;
    margin-right: 5px;
  }
  .green-procure .link-list__item a {
    width: 55%;
    margin-right: 0;
    word-break: keep-all;
    white-space: nowrap;
  }
  .green-procure .link-list__item a:first-child {
    width: 37%;
    margin-right: 3%;
  }
  .green-procure .image-wrap {
    width: 20%;
  }
  .anti-hazard__text {
    width: 75%;
  }
  .anti-hazard__image-wrap {
    width: 25%;
  }
}

.governance .image-internal-control {
  width: 100%;
  max-width: 670px;
  height: auto;
}

.compliance .flex-box-harf-width {
  overflow: hidden;
}

.compliance .flex-box-harf-width .bac-col-gray {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .width-window-full-sp {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .width-window-full-sp * {
    position: relative;
    z-index: 1;
  }
  .width-window-full-sp::before {
    content: "";
    background: #F5F5F5;
    width: 110vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5vw;
    z-index: 0;
  }
}

@media screen and (max-width: 1050px) {
  .security-flow {
    margin-left: auto;
    width: 100%;
  }
}

.security-flow__item {
  background: #f5f5f5;
  border-radius: 1em;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .security-flow__item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.security-flow__item:last-child::before {
  display: none;
}

.security-flow__item::before {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  border-top: solid 1px #3EBB9B;
  border-right: solid 1px #3EBB9B;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -23px;
}

@media screen and (max-width: 1050px) {
  .security-flow__item::before {
    bottom: -15px;
  }
}

.security .flex-privacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .security .flex-privacy {
    display: block;
  }
}

.security .flex-privacy .sec-para__image-wrap {
  width: 145px;
}

@media screen and (max-width: 767px) {
  .security .flex-privacy .sec-para__image-wrap {
    width: 100%;
    text-align: center;
  }
}

.security .flex-privacy .sec-para__text-wrap {
  width: calc(100% - 150px);
}

@media screen and (max-width: 767px) {
  .security .flex-privacy .sec-para__text-wrap {
    width: 100%;
  }
}

.health-system-image {
  max-width: 100%;
  width: auto;
  height: auto;
}

.health-system-image-wrap {
  display: inline-block;
}

.health-guide-image {
  max-width: 100%;
  width: auto;
  height: auto;
}

.health-guide-image-wrap {
  text-align: center;
}

.health .bac-col-gray {
  position: relative;
}

.health .bac-col-gray img,
.health .bac-col-gray div {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .health .bac-col-gray {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .health .bac-col-gray::before {
    content: "";
    width: 110vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5vw;
    background: #f5f5f5;
  }
}

@media screen and (max-width: 767px) {
  .health h2.title-fs16 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

.sus-top.sustainability {
  width: 100%;
  max-width: 100%;
}

.sus-top .sustainability-content {
  margin: 0 auto;
  max-width: 100%;
}

.sus-top .main-title {
  background: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  display: block;
  text-align: right;
}

.sus-top .main-title-wrap::before {
  top: auto;
  bottom: 0;
  margin-right: -0.9375rem;
  width: calc(100% + 0.9375rem);
  height: calc(100% -  140px);
}

.sus-top .main-title__text {
  text-align-last: left;
  display: inline-block;
}

.sus-top .main-title__sub {
  font-size: 16px;
  display: block;
  line-height: 2em;
}

.sus-top-wrap {
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
}

.sus-top .sec-top {
  position: relative;
  margin-bottom: 200px;
}

.sus-top .sec-top__text {
  max-width: 550px;
  position: absolute;
  left: 0;
  bottom: -90px;
  width: 80%;
  background: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sus-top .link-card {
  position: relative;
  width: 48%;
  max-width: 410px;
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
}

.sus-top .link-card:hover {
  opacity: 1;
}

.sus-top .link-card:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
  transition: transform 0.3s, filter 0.3s, opacity 0.3s;
  transition: transform 0.3s, filter 0.3s, opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
}

.sus-top .link-card:hover::after {
  opacity: 0.7;
}

.sus-top .link-card:hover .link-card__arrow {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.sus-top .link-card__text {
  position: relative;
  z-index: 2;
  text-align: center;
  text-decoration: none;
  font-size: 2em;
  line-height: 1.4em;
}

.sus-top .link-card::before, .sus-top .link-card::after {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  margin: auto;
  z-index: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
  transition: transform 0.3s, filter 0.3s, opacity 0.3s;
  transition: transform 0.3s, filter 0.3s, opacity 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s;
}

.sus-top .link-card::after {
  z-index: 1;
  background-color: #3c3c3c;
  opacity: 0;
  mix-blend-mode: multiply;
}

.sus-top .link-card.message::before {
  background-image: url(/-/media/Project/DefaultSite/Company/sustainability/item-top-02.png);
}

.sus-top .link-card.management::before {
  background-image: url(/-/media/Project/DefaultSite/Company/sustainability/item-top-01.png);
}

.sus-top .link-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sus-top .link-card__more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: -30px;
  bottom: -25px;
  z-index: 3;
  background: #333;
  padding: 10px 20px;
  font-size: 0.8em;
}

.sus-top .link-card__arrow {
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.sus-top .sec-sdgs {
  position: relative;
  width: 100%;
}

.sus-top .sec-sdgs::before {
  content: "";
  background: #F2F2F2;
  position: absolute;
  left: -1rem;
  height: 100%;
  width: 50%;
  z-index: 0;
}

.sus-top .sec-sdgs .sus-top-wrap {
  position: relative;
  z-index: 1;
  padding-top: 2em;
  padding-bottom: 21px;
  background-color: #F2F2F2;
  border-radius: 16px;
  max-width: 1060px;
  padding-left: calc(50vw - 480px);
  margin-left: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.sus-top .sdgs__header {
  margin-bottom: 1.5em;
  margin-top: -80px;
  position: relative;
}

.sus-top .sdgs__header-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sus-top .sdgs__header .link-to-sdgs {
  position: static;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}

.sus-top .sdgs__typo {
  width: 100%;
  height: auto;
}

.sus-top .sdgs__typo-wrap {
  max-width: 290px;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-left: 100px;
  position: relative;
}

.sus-top .sdgs__typo-wrap::before {
  content: "";
  width: 75px;
  height: 75px;
  background: url("/-/media/Project/DefaultSite/Company/sustainability/side-bar-icon-1.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.sus-top .sdgs__desc {
  display: inline-block;
  width: auto;
  padding-right: 40px;
}

.sus-top .sdgs__desc p {
  display: inline-block;
}

.sus-top .sdgs__list {
  width: 100%;
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.sus-top .sdgs__list-wrap {
  overflow-x: scroll;
  overflow-y: hidden;
}

.sus-top .sdgs-card {
  text-decoration: none;
  display: inline-block;
  margin-right: 1em;
  width: 220px;
  margin-bottom: 1em;
}

.sus-top .sdgs-card .card__feature {
  margin-bottom: 0.8em;
}

.sus-top .sdgs-card .card__image {
  width: 100%;
}

.sus-top .sdgs-card .card__title {
  line-height: 1.6em;
  color: #1a1a1a;
  margin-bottom: 0.8em;
}

.sus-top .sdgs-card .card__data {
  display: inline-block;
  color: #A5A5A5;
  border: 1px solid currentColor;
  border-radius: 20px;
  font-size: 0.8em;
  line-height: 1.5em;
  padding: 0.2em 1.2em;
}

.sus-top .heading-effort {
  font-size: 2em;
  text-align: center;
  background: none;
}

.sus-top .effort-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.sus-top .effort-list__item {
  width: 50%;
  border: 1px solid #ccc;
}

.sus-top .effort-list__item:nth-child(even) {
  border-left: 0;
}

.sus-top .effort-list__item:nth-child(n+3) {
  border-top: 0;
}

.sus-top .effort-list__item.wide {
  width: 100%;
}

.sus-top .effort-list__item.wide .effort-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sus-top .effort-list__item.wide .effort-link__icon {
  width: 11%;
  margin-right: 2.5%;
}

.sus-top .effort-link {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 45px 35px;
  color: #1a1a1a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: none;
  font-size: 1.15em;
  line-height: 1.6em;
  position: relative;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #fff;
}

.sus-top .effort-link__icon {
  margin-right: 5%;
  width: 22%;
  height: auto;
}

.sus-top .effort-link::before {
  content: "";
  width: 40px;
  height: 8px;
  display: block;
  background: url(/-/media/Project/DefaultSite/Company/sustainability/link-list-icon.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 35px;
  bottom: 15px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.sus-top .effort-link:hover {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #F4F4F4;
  opacity: 1;
}

.sus-top .effort-link:hover::before {
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media screen and (max-width: 940px) {
  .sus-top .sdgs__desc {
    max-width: 600px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sus-top .sdgs__desc p br.pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sus-top .main-title {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-bottom: 100vw;
  }
  .sus-top .main-title-wrap::before {
    width: calc(100% + 10vw);
    height: 86%;
  }
  .sus-top .main-title__sub {
    font-size: 10px;
  }
  .sus-top .sec-top__text {
    width: 95%;
    left: -5vw;
    bottom: -30vw;
    margin-bottom: 0;
  }
  .sus-top .link-card {
    width: 100%;
    max-width: 480px;
    height: 50vw;
    margin-bottom: 80px;
  }
  .sus-top .link-card__more {
    right: -15px;
  }
  .sus-top .link-card-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
    margin: 0 auto;
  }
  .sus-top .sec-sdgs::before {
    left: -10vw;
  }
  .sus-top .sdgs__typo-wrap {
    background: none;
    width: 100%;
    max-width: 240px;
    padding-left: 100px;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sus-top .sdgs__header {
    display: block;
    margin-top: -15vw;
    background: none;
    padding-left: 0;
  }
  .sus-top .sdgs__header-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .sus-top .sdgs__header-bottom .link-to-sdgs {
    margin-top: 1.5em;
  }
  .sus-top .sdgs__desc {
    width: 80%;
    margin-top: 1em;
    padding-right: 0;
  }
  .sus-top .sdgs-card .card__data {
    font-size: 0.6em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
  .sus-top .effort-list__item {
    width: 100%;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .sus-top .effort-list__item:nth-child(even), .sus-top .effort-list__item:nth-child(n+2) {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  .sus-top .effort-list__item:last-child {
    border-bottom: 1px solid #ccc;
  }
  .sus-top .effort-list__item.wide .effort-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .sus-top .effort-list__item.wide .effort-link__icon {
    width: 16%;
    margin-right: 5%;
  }
  .sus-top .effort-link {
    padding: 2vw;
  }
  .sus-top .effort-link__icon {
    width: 16%;
    height: auto;
  }
}

.community .d-flex__image-wrap.ml10per {
  margin-left: 10%;
}

.community .d-flex__image-wrap.ml5per {
  margin-left: 5%;
}

.community .d-flex__image-wrap img {
  width: auto;
  max-width: initial;
}

.JS #Contents .community .d-flex__image-wrap img {
  max-width: initial;
}

.community .list-educate-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.community .list-educate-support__item {
  width: 49%;
  margin-bottom: 1em;
}

.community .list-educate-support__item:last-child {
  margin-bottom: 0;
}

.community .list-educate-support__item:last-child .sec-para {
  margin-bottom: 0;
}

.community .list-educate-support__item .bor-bot-red {
  width: auto;
  border-bottom: 0;
  position: relative;
  display: inline-block;
}

.community .list-educate-support__item .bor-bot-red::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: 2px solid #E60026;
  position: absolute;
  bottom: 0;
}

.community .list-educate-support__item .sec-para {
  margin-bottom: 1em;
}

.community-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1.5em;
}

.community-dl dt {
  width: 11em;
}

.community-dl dd {
  width: calc(100% - 11em);
}

@media screen and (max-width: 767px) {
  .JS #Contents .community img {
    max-width: 100%;
    height: auto;
  }
  .community .mb70-sp {
    margin-bottom: 70px;
  }
  .community .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .community .d-flex__image-wrap {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .community .d-flex__image-wrap.ml5per, .community .d-flex__image-wrap.ml10per {
    margin-left: 0;
  }
  .community .list-educate-support {
    display: block;
  }
  .community .list-educate-support__item {
    width: 100%;
    margin-bottom: 30px;
  }
  .community-dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .community-dl dt,
  .community-dl dd {
    width: 100%;
  }
  .community .bac-col-gray.wide-full-sp {
    position: relative;
  }
  .community .bac-col-gray.wide-full-sp::before {
    content: "";
    width: calc(110vw);
    height: 100%;
    position: absolute;
    left: -5vw;
    top: 0;
    background: #F5F5F5;
    z-index: 0;
  }
  .community .bac-col-gray.wide-full-sp ul,
  .community .bac-col-gray.wide-full-sp dl,
  .community .bac-col-gray.wide-full-sp section {
    position: relative;
    z-index: 2;
  }
}

.worklifebalance .graph-sec {
  background: #F5F5F5;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.worklifebalance .graph-card {
  width: 48%;
  max-width: 390px;
}

.worklifebalance .diver-table-sec {
  text-align: center;
}

.worklifebalance .diver-table-sec__inner {
  display: inline-block;
  text-align: left;
}

.worklifebalance .diver-table-sec__inner img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.worklifebalance .diver-table-sec__att {
  text-align-last: left;
}

.worklifebalance .diver-kurumin {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-kurumin {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.worklifebalance .diver-kurumin .text-wrap {
  width: calc(100% - 200px);
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-kurumin .text-wrap {
    width: calc(100% - 120px);
  }
}

.worklifebalance .diver-kurumin .image-wrap {
  max-width: 145px;
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-kurumin .image-wrap {
    width: 100px;
  }
}

.worklifebalance .diver-kurumin .image-wrap img {
  width: 100%;
  height: auto;
}

.worklifebalance .diver-lecture {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-lecture {
    display: block;
  }
}

.worklifebalance .diver-lecture .text-wrap {
  width: calc(100% - 350px);
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-lecture .text-wrap {
    width: 100%;
  }
}

.worklifebalance .diver-lecture .image-wrap {
  max-width: 320px;
}

@media screen and (max-width: 768px) {
  .worklifebalance .diver-lecture .image-wrap {
    width: 70%;
    margin: 20px auto 0;
  }
}

.worklifebalance .diver-lecture .image-wrap img {
  width: 100%;
  height: auto;
}

.worklifebalance .diver-lgbtq {
  width: 90%;
  margin: 0 auto 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.worklifebalance .diver-lgbtq .image-wrap {
  margin: 0 2%;
}

.chart-2-sec.sec-education {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 768px) {
  .chart-2-sec.sec-education {
    padding-left: 3.33vw;
    padding-right: 3.33vw;
  }
}

.sdgs .main-title-wrap {
  position: relative;
  z-index: 2;
}

.sdgs .sec-top__content .text-wrap {
  width: 30%;
}

.sdgs .sec-top__content .image-wrap {
  position: relative;
  padding-bottom: 50px;
  width: 70%;
}

.sdgs .sec-top__content .image-wrap::before {
  content: "";
  width: 80%;
  height: 120%;
  display: block;
  background: #f5f5f5;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
}

.sdgs .sec-top__content .image-wrap img {
  margin-top: -130px;
  position: relative;
  max-width: 520px;
  width: 100%;
  height: auto;
  z-index: 3;
}

.sdgs .sec-sdgs {
  text-align: justify;
  position: relative;
  padding-bottom: 30px;
  width: 50%;
}

.sdgs .sec-sdgs::after {
  content: "";
  display: block;
  position: absolute;
  width: 98vw;
  height: 1px;
  border-bottom: 1px solid #707070;
  bottom: 0;
  left: 50%;
  margin-left: -49vw;
}

.sdgs .sec-sdgs img {
  max-width: 100%;
}

.sdgs .sec-sdgs__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.sec-sdgs-01 .sdgs .sec-sdgs__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.sdgs .sec-sdgs__image-main-wrap {
  width: 62%;
}

.sdgs .sec-sdgs__image-num {
  position: absolute;
  right: -7vw;
  bottom: 5em;
  mix-blend-mode: multiply;
  width: 10vw;
  max-width: 146px;
  height: auto;
  z-index: 2;
}

.sdgs .sec-sdgs__image-text {
  max-width: 674px;
  margin-bottom: 2.5em;
}

.sdgs .sec-sdgs__image-text-wrap {
  position: absolute;
  left: -3em;
  bottom: 0;
  z-index: 2;
}

.sdgs .sec-sdgs__image-text-wrap img {
  display: block;
}

.sdgs .sec-sdgs__image-icon {
  width: 12vw;
  height: auto;
}

.sdgs .sec-sdgs__image-icon.column-4 {
  max-width: 352px;
  width: 28vw;
  height: auto;
}

.sdgs .sec-sdgs__image-icon.column-1 {
  max-width: 74px;
  width: 5.8vw;
  height: auto;
}

.sdgs .sec-sdgs__content {
  padding-left: 5%;
  padding-right: 5%;
}

.sdgs .sec-sdgs .d-flex-text {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sdgs .sec-sdgs .d-flex-text .sec-para {
  width: 47%;
}

.sdgs .sec-sdgs__more {
  color: #E60026 !important;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-top: 1em;
}

.sdgs .sec-sdgs__more:link {
  color: #E60026 !important;
  text-decoration: none;
}

.sdgs .sec-sdgs__more:hover .sec-sdgs__arrow {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.sdgs .sec-sdgs__arrow {
  margin-left: 1em;
  margin-bottom: 0.7em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.sdgs .sec-sdgs-01 {
  padding-left: 10.5vw;
  padding-right: 10.5vw;
  width: 100%;
  overflow: visible;
}

.sdgs .sec-sdgs-01 .sec-sdgs__main {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sdgs .sec-sdgs-01 .sec-sdgs__content {
  padding-left: 0;
  padding-right: 0;
}

.sdgs .sec-sdgs-01 .sec-sdgs__image-text {
  max-width: 674px;
  width: 47vw;
  height: auto;
}

.sdgs .sec-sdgs-02 {
  padding-left: 20px;
}

.sdgs .sec-sdgs-02::before {
  content: "";
  display: block;
  width: 1px;
  height: 98%;
  border-right: 1px solid #707070;
  position: absolute;
  right: 0;
  top: 1%;
}

.sdgs .sec-sdgs-02 .sec-sdgs__main {
  padding-top: 105px;
  padding-bottom: 100px;
}

.sdgs .sec-sdgs-02 .sec-sdgs__image-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 152px;
}

.sdgs .sec-sdgs-02 .sec-sdgs__image-text {
  position: absolute;
  right: 0;
  top: 0;
  width: 18vw;
  height: auto;
  max-width: 259px;
}

.sdgs .sec-sdgs-02 .sec-sdgs__image-text-wrap {
  right: 0;
  top: 0;
  left: auto;
  width: 100%;
}

.sdgs .sec-sdgs-02 .sec-sdgs__image-num {
  left: 0;
  top: 23px;
  right: auto;
  bottom: auto;
}

.sdgs .sec-sdgs-02 .sec-sdgs__image-main-wrap {
  width: 90%;
  margin-left: -55px;
}

.sdgs .sec-sdgs-03 {
  padding-right: 20px;
}

.sdgs .sec-sdgs-03 .sec-sdgs__main {
  padding-bottom: 100px;
}

.sdgs .sec-sdgs-03 .sec-sdgs__image-icon {
  position: absolute;
  left: 0;
  top: 0;
}

.sdgs .sec-sdgs-03 .sec-sdgs__image-text {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  width: 35vw;
  max-width: 510px;
  height: auto;
}

.sdgs .sec-sdgs-03 .sec-sdgs__image-text-wrap {
  top: 0;
  left: auto;
  width: 100%;
}

.sdgs .sec-sdgs-03 .sec-sdgs__image-num {
  left: 16%;
  top: 183px;
  right: auto;
  bottom: auto;
}

.sdgs .sec-sdgs-03 .sec-sdgs__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.sdgs .sec-sdgs-03 .sec-sdgs__image-main-wrap {
  width: 70%;
}

.sdgs .sec-sdgs-04 {
  width: 45%;
  padding-left: 20px;
}

.sdgs .sec-sdgs-04::before {
  content: "";
  display: block;
  width: 1px;
  height: 98%;
  border-right: 1px solid #707070;
  position: absolute;
  right: 0;
  top: 1%;
}

.sdgs .sec-sdgs-04 .sec-sdgs__main {
  padding-top: 120px;
  padding-bottom: 100px;
  display: block;
}

.sdgs .sec-sdgs-04 .sec-sdgs__image-icon {
  position: absolute;
  right: 0;
  top: 0;
}

.sdgs .sec-sdgs-04 .sec-sdgs__image-text {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  width: 34vw;
  max-width: 560px;
}

.sdgs .sec-sdgs-04 .sec-sdgs__image-text-wrap {
  left: 0;
  top: 0;
  left: auto;
  width: 100%;
}

.sdgs .sec-sdgs-04 .sec-sdgs__image-num {
  left: 10%;
  top: 45px;
  right: auto;
  bottom: auto;
}

.sdgs .sec-sdgs-04 .sec-sdgs__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.sdgs .sec-sdgs-04 .sec-sdgs__image-main-wrap {
  width: 105%;
  margin-left: -55px;
}

.sdgs .sec-sdgs-05 {
  width: 55%;
  padding-right: 20px;
}

.sdgs .sec-sdgs-05 .sec-sdgs__main {
  padding-top: 220px;
  padding-bottom: 100px;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-icon {
  position: absolute;
  left: 45%;
  top: 7%;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-text {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  width: 20vw;
  max-width: 286px;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-text-wrap {
  left: 0;
  top: 0;
  left: auto;
  width: 100%;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-num {
  left: auto;
  top: auto;
  right: 30%;
  bottom: 5%;
}

.sdgs .sec-sdgs-05 .sec-sdgs__main {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-main-wrap {
  width: 73%;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-sub {
  width: 55%;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-sub.sub-02 {
  right: 0;
  top: 0;
}

.sdgs .sec-sdgs-05 .sec-sdgs__image-sub-wrap {
  margin-top: 30px;
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}

.sdgs .sec-sdgs-05 .sub-02-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  text-align: right;
}

.sdgs .d-flex-sec-sdgs-last {
  border-bottom: 0;
}

.sdgs .d-flex-sec-sdgs-last::before {
  display: none;
}

.sdgs .d-flex-sec-sdgs-last .sec-sdgs::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .sdgs .sec-top .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .sdgs .sec-top__content {
    margin-bottom: 2vw;
  }
  .sdgs .sec-top__content .image-wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5vw;
  }
  .sdgs .sec-top__content .image-wrap::before {
    right: -5vw;
    bottom: -24vw;
    width: 65%;
  }
  .sdgs .sec-top__content .image-wrap img {
    margin-top: -15vw;
  }
  .sdgs .sec-top__content .text-wrap {
    width: 100%;
    position: relative;
    z-index: 3;
  }
  .sdgs .sec-sdgs {
    padding-top: 5vw;
    border-bottom: 1px solid #707070;
  }
  .sdgs .sec-sdgs::before, .sdgs .sec-sdgs::after {
    display: none !important;
  }
  .sdgs .sec-sdgs__image-num {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    z-index: 3;
    width: 22vw;
    height: auto;
  }
  .sdgs .sec-sdgs__image-icon {
    width: 22vw;
    height: auto;
  }
  .sdgs .sec-sdgs__image-icon.column-1 {
    width: 11vw;
    height: auto;
  }
  .sdgs .sec-sdgs__image-icon.column-4 {
    width: 50vw;
    height: auto;
  }
  .sdgs .sec-sdgs__content {
    padding-left: 0;
    padding-right: 0;
  }
  .sdgs .sec-sdgs .d-flex-text {
    display: block;
  }
  .sdgs .sec-sdgs .d-flex-text .sec-para {
    width: 100%;
  }
  .sdgs .sec-sdgs-01 {
    padding-left: 0;
    padding-right: 0;
  }
  .sdgs .sec-sdgs-01 .sec-sdgs__main {
    display: block;
    padding-top: 8vw;
  }
  .sdgs .sec-sdgs-01 .sec-sdgs__image-main-wrap {
    width: 100%;
    width: calc(100% + 10.5vw);
    margin-left: -5vw;
  }
  .sdgs .sec-sdgs-01 .sec-sdgs__image-text {
    width: 100%;
    max-width: 674px;
  }
  .sdgs .sec-sdgs-01 .sec-sdgs__image-text-wrap {
    position: relative;
    left: 0;
    margin-top: -18vw;
  }
  .sdgs .sec-sdgs-02 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .sdgs .sec-sdgs-02::before {
    display: none;
  }
  .sdgs .sec-sdgs-02 .sec-sdgs__main {
    display: block;
    padding-top: 20vw;
    padding-bottom: 15vw;
    margin-bottom: 15vw;
  }
  .sdgs .sec-sdgs-02 .sec-sdgs__image-main-wrap {
    width: 83%;
    margin-left: -5vw;
  }
  .sdgs .sec-sdgs-02 .sec-sdgs__image-text {
    width: 45%;
    max-width: 259px;
  }
  .sdgs .sec-sdgs-02 .sec-sdgs__image-text-wrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 1vw;
  }
  .sdgs .sec-sdgs-02 .sec-sdgs__image-num {
    margin-top: 4vw;
  }
  .sdgs .sec-sdgs-03 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .sdgs .sec-sdgs-03 .sec-sdgs__main {
    padding-top: 0;
    padding-bottom: 15vw;
    margin-bottom: 8vw;
  }
  .sdgs .sec-sdgs-03 .sec-sdgs__image-main-wrap {
    width: 83%;
    margin-right: -5vw;
  }
  .sdgs .sec-sdgs-03 .sec-sdgs__image-text {
    width: 90%;
    max-width: 510px;
  }
  .sdgs .sec-sdgs-03 .sec-sdgs__image-text-wrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 1vw;
  }
  .sdgs .sec-sdgs-03 .sec-sdgs__image-num {
    margin-top: 0;
    top: 12vw;
  }
  .sdgs .sec-sdgs-04 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .sdgs .sec-sdgs-04::before {
    display: block;
    width: 1;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__main {
    display: block;
    padding-top: 0;
    padding-bottom: 15vw;
    margin-bottom: 5vw;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__image-main-wrap {
    width: 87%;
    margin-left: -5vw;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__image-text {
    width: 100%;
    max-width: 560pxpx;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__image-text-wrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 1vw;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__image-num {
    margin-top: 9vw;
    right: -1vw;
    position: absolute;
    left: auto;
    top: 25vw;
  }
  .sdgs .sec-sdgs-04 .sec-sdgs__image-icon {
    top: 1vw;
    right: -1vw;
  }
  .sdgs .sec-sdgs-05 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
  }
  .sdgs .sec-sdgs-05::before {
    display: block;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__main {
    padding-top: 42vw;
    padding-bottom: 15vw;
    margin-bottom: 0;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__image-main-wrap {
    width: 83%;
    margin-right: -5vw;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__image-text {
    width: 45%;
    max-width: 344px;
    left: 2vw;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__image-text-wrap {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 1vw;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__image-num {
    margin-top: 9vw;
  }
  .sdgs .sec-sdgs-05 .sec-sdgs__image-icon {
    top: 16vw;
  }
  .sdgs .d-flex-sec-sdgs {
    display: block;
  }
}

.hs-group {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.font-feature-settings-palt {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

.sustainability img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.heading-num,
.heading-slogan {
  display: block;
  position: relative;
  padding-bottom: 0.4em;
  margin-bottom: 10px;
}

.heading-num::before,
.heading-slogan::before {
  content: "";
  width: 96px;
  height: 1px;
  display: block;
  background: #E60026;
  position: absolute;
  bottom: 0;
  left: 0;
}

.heading-num {
  font-size: 24px;
}

.bg-gray {
  background: #f5f5f5;
}

br.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  br.sp {
    display: block;
  }
  .heading-num {
    font-size: 4vw;
  }
}


@media screen and (min-width: 1200px) {
  .floatL{
  float: left; margin-right: 1.5em;}
}
}

/*# sourceMappingURL=sus-extra.css.map */