@charset "UTF-8";

/* TMNとSDGs */
.company.sustainability {
  /* サイドバー */
  /* 個別設定 */
  /* アコーディオンテーブル */
  /* TMNがSDGsに取り組む理由 */
  /* 「社員も、パートナーも」〜すべての人の活躍が私たちの活動の源泉〜 */
}

.company.sustainability .elementAccordionTable .table__cell--th {
  width: 33.33333%;
}

@media screen and (max-width: 677px) {
  .company.sustainability .elementAccordionTable .table__cell--th {
    width: 100%;
  }
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__Item:before {
  content: "view the details";
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner {
  position: relative;
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
  padding-top: 71.875%;
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 53.75%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemImageInner img[src$="anchor01--04.svg"] {
  width: 51.875%;
}

.company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText {
  font-size: 1.4rem;
}

@media screen and (max-width: 677px) {
  .company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText {
    padding-bottom: 2.5em;
  }
  .company.sustainability .companySustainability__row--01 .elementAnchorLinkListColumn3__ItemText::before {
    content: "view the details";
  }
}

.company.sustainability .companySustainability__row--01 .elementColumn2 .elementImageBox {
  padding: 0;
}

.company.sustainability .companySustainability__row--02 .elementBackground, .company.sustainability .companySustainability__row--02 .topicsDetail dl, .topicsDetail .company.sustainability .companySustainability__row--02 dl {
  padding: 4rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card {
  background-color: #fff;
  padding: 5rem 3rem 6rem;
  border-radius: 2rem;
  overflow: hidden;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura {
  margin-top: 8rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura:first-child {
  margin-top: 0;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFiguraCaption {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.03125em;
  color: #1c3e52;
  font-weight: 500;
}

.company.sustainability .companySustainability__row--02 .companySustainability__card .counterIncrement__item {
  margin-top: 0;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardCaption {
  text-align: center;
  color: #3e657d;
  font-size: 3.2rem;
  line-height: 1.25;
  letter-spacing: 0.0415625em;
  margin-bottom: 4rem;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText {
  font-size: 1.4rem;
  line-height: 2.142857142857143;
  letter-spacing: 0.031428571428571em;
  margin-top: 3rem;
  color: #1c3e52;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText.companySustainability__cardText--textalignRight {
  text-align: right;
}

.company.sustainability .companySustainability__row--02 .companySustainability__cardText:first-of-type {
  margin-top: 2rem;
}

@media screen and (max-width: 677px) {
  .company.sustainability .companySustainability__row--02 .elementBackground, .company.sustainability .companySustainability__row--02 .topicsDetail dl, .topicsDetail .company.sustainability .companySustainability__row--02 dl {
    padding: 3rem 2rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card {
    padding: 4.5rem 2rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFigura {
    margin-top: 5rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .companySustainability__cardFiguraCaption {
    font-size: 1.5rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__card .counterIncrement__item {
    margin-top: 0;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__cardCaption {
    font-size: 2.5rem;
    margin-bottom: 3.7rem;
  }
  .company.sustainability .companySustainability__row--02 .companySustainability__cardText {
    font-size: 1.2rem;
    line-height: 2.2;
    letter-spacing: 0.041666666666667;
    margin-top: 1rem;
  }
}


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