@charset "UTF-8";


/* ======================================================
 * Toyota Tsusho Corporation.
 * ------------------------------------------------------
 * - Sustainability Contents layout
 * - DFF SIM 2025
 * - コンテンツ幅 1200px
 * - BreakPoint 768px
====================================================== */


/* ------------------------------------------------------
 * 01. TNFD 事業別（各タブ内）
 * 02. 〇〇〇〇〇〇
 * 03. 〇〇〇〇〇〇
------------------------------------------------------ */


/* ------------------------------------------------------
 * 01. TNFD 事業別（各タブ内）
------------------------------------------------------ */

/* =======================================
 * 余白が狭い表
======================================= */
.cmn-business-table--condensed td[class*="__cell"],
.cmn-business-table--condensed th[class*="__cell"] {
	padding: .4em .325em;
  line-height: 1.3em;
}

.cmn-business-table--condensed [class*="__cell"].cmn-business-table__cell--condensed {
  padding-inline: .2em;
}

/* =======================================
 * 影響度
======================================= */
/* 影響度：リスク（赤系） */
.cmn-business-table--risk [class*="__cell"].cmn-business-table__cell--impact-lv1 {
	background-color: #fbe9e7;
}

.cmn-business-table--risk [class*="__cell"].cmn-business-table__cell--impact-lv2 {
	background-color: #f5c6c2;
}

.cmn-business-table--risk [class*="__cell"].cmn-business-table__cell--impact-lv2-3,
.cmn-business-table--risk [class*="__cell"].cmn-business-table__cell--impact-lv3 {
	background-color: #eda6a0;
}

/* 影響度：機会（緑系） */
.cmn-business-table--opportunity [class*="__cell"].cmn-business-table__cell--impact-lv1 {
	background-color: #e8f3e8;
}

.cmn-business-table--opportunity [class*="__cell"].cmn-business-table__cell--impact-lv2 {
	background-color: #c9e3ca;
}

.cmn-business-table--opportunity [class*="__cell"].cmn-business-table__cell--impact-lv2-3,
.cmn-business-table--opportunity [class*="__cell"].cmn-business-table__cell--impact-lv3 {
	background-color: #a8d2aa;
}

/* =======================================
 * 表内リスト
======================================= */
.cmn-business-table--condensed .unorder-list[data-col-pc]>li {
  margin-top: .65em;
  padding-left: 1em;
}

@media print,
screen and (min-width: 768px) {
  .cmn-business-table--condensed .unorder-list[data-col-pc]>li:before {
    top: .5em;
    left: .2em;
    width: 7px;
    height: 7px;
  }
}

.cmn-business-table--condensed [class*="__cell"]>ul.util-margin-top-05 {
  margin-top: .5em !important;
}

.cmn-business-table .list--indent-1 {
  margin: 0;
  padding: 0;
}

.cmn-business-table .list--indent-1>li {
  list-style: none;
  margin: 0;
  text-indent: -1em;
  padding-left: 1em;
}

.cmn-business-table .note-list>li.note-list__item--double-mark {
  padding-left: 2.5em;
}


/* =======================================
 * 英語用 表スタイル
======================================= */
.cmn-business-table__head>*:first-child,
.cmn-business-table__head>section:first-child>*:first-child,
.cmn-business-table__head>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-table__head>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-table__body>*:first-child,
.cmn-business-table__body>section:first-child>*:first-child,
.cmn-business-table__body>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-table__body>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-table__foot>*:first-child,
.cmn-business-table__foot>section:first-child>*:first-child,
.cmn-business-table__foot>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-table__foot>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-table__title {
  line-height: 1.4;
}

.cmn-business-table__matrix {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.cmn-business-table__matrix>caption>*:first-child,
.cmn-business-table__matrix>caption>section:first-child>*:first-child,
.cmn-business-table__matrix>caption>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-table__matrix>caption>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-table__matrix>thead {
  border-left: 1px solid #ddd;
}

.cmn-business-table__matrix>thead [class*="__cell--lv1"] {
  border-top: 4px solid #005ca2;
}

.cmn-business-table__matrix>thead [class*="__cell--lv2"] {
  border-top: 4px solid #005ca2;
}

.cmn-business-table__matrix>thead [class*="__cell--lv3"] {
  border-top: 4px solid #005ca2;
}

.cmn-business-table__matrix>thead tr~tr [class*="__cell"] {
  border-top: none;
}

.cmn-business-table__matrix>thead+tbody {
  border-top: none !important;
  border-left: 1px solid #ddd;
}

.cmn-business-table__matrix>tbody {
  border-top: 1px solid #ddd;
}

.cmn-business-table__matrix>tbody [class*="__cell"] {
  border-left: 1px solid #ddd;
}

.cmn-business-table__matrix>tbody [class*="__cell--lv1"] {
  border-left: 4px solid #005ca2;
}

.cmn-business-table__matrix>tbody *~[class*="__cell--lv1"] {
  border-left: 1px solid #ddd;
}

.cmn-business-table [class*="__cell"]>*:first-child,
.cmn-business-table [class*="__cell"]>section:first-child>*:first-child,
.cmn-business-table [class*="__cell"]>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-table [class*="__cell"]>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-table [class*="__cell"] {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  /* text-align: left;
  vertical-align: top; */
}

.cmn-business-table [class*="__cell--lv1"] {
  background-color: #8cc5f1;
}

.cmn-business-table [class*="__cell--lv2"] {
  background-color: #e9f7fe;
}

.cmn-business-table [class*="__cell--lv3"] {
  background-color: #f0f3f5;
}

/* gen-table-align */
.table__cell--left-top,
.table__cell--lv1--left-top,
.table__cell--lv2--left-top,
.cmn-business-table__cell--left-top,
.cmn-business-table__cell--lv1--left-top,
.cmn-business-table__cell--lv2--left-top,
.cmn-business-table__cell--lv3--left-top {
  text-align: left !important;
  vertical-align: top !important;
}

.table__cell--left-middle,
.table__cell--lv1--left-middle,
.table__cell--lv2--left-middle,
.cmn-business-table__cell--left-middle,
.cmn-business-table__cell--lv1--left-middle,
.cmn-business-table__cell--lv2--left-middle,
.cmn-business-table__cell--lv3--left-middle {
  text-align: left !important;
  vertical-align: middle !important;
}

.table__cell--left-bottom,
.table__cell--lv1--left-bottom,
.table__cell--lv2--left-bottom,
.cmn-business-table__cell--left-bottom,
.cmn-business-table__cell--lv1--left-bottom,
.cmn-business-table__cell--lv2--left-bottom,
.cmn-business-table__cell--lv3--left-bottom {
  text-align: left !important;
  vertical-align: bottom !important;
}

.table__cell--center-top,
.table__cell--lv1--center-top,
.table__cell--lv2--center-top,
.cmn-business-table__cell--center-top,
.cmn-business-table__cell--lv1--center-top,
.cmn-business-table__cell--lv2--center-top,
.cmn-business-table__cell--lv3--center-top {
  text-align: center !important;
  vertical-align: top !important;
}

.table__cell--center-middle,
.table__cell--lv1--center-middle,
.table__cell--lv2--center-middle,
.cmn-business-table__cell--center-middle,
.cmn-business-table__cell--lv1--center-middle,
.cmn-business-table__cell--lv2--center-middle,
.cmn-business-table__cell--lv3--center-middle {
  text-align: center !important;
  vertical-align: middle !important;
}

.table__cell--center-bottom,
.table__cell--lv1--center-bottom,
.table__cell--lv2--center-bottom,
.cmn-business-table__cell--center-bottom,
.cmn-business-table__cell--lv1--center-bottom,
.cmn-business-table__cell--lv2--center-bottom,
.cmn-business-table__cell--lv3--center-bottom {
  text-align: center !important;
  vertical-align: bottom !important;
}

.table__cell--right-top,
.table__cell--lv1--right-top,
.table__cell--lv2--right-top,
.cmn-business-table__cell--right-top,
.cmn-business-table__cell--lv1--right-top,
.cmn-business-table__cell--lv2--right-top,
.cmn-business-table__cell--lv3--right-top {
  text-align: right !important;
  vertical-align: top !important;
}

.table__cell--right-middle,
.table__cell--lv1--right-middle,
.table__cell--lv2--right-middle,
.cmn-business-table__cell--right-middle,
.cmn-business-table__cell--lv1--right-middle,
.cmn-business-table__cell--lv2--right-middle,
.cmn-business-table__cell--lv3--right-middle {
  text-align: right !important;
  vertical-align: middle !important;
}

.table__cell--right-bottom,
.table__cell--lv1--right-bottom,
.table__cell--lv2--right-bottom,
.cmn-business-table__cell--right-bottom,
.cmn-business-table__cell--lv1--right-bottom,
.cmn-business-table__cell--lv2--right-bottom,
.cmn-business-table__cell--lv3--right-bottom {
  text-align: right !important;
  vertical-align: bottom !important;
}

/* 縮小テーブル */
[data-locale="en"] .cmn-business-table--condensed td[class*="__cell"],
[data-locale="en"] .cmn-business-table--condensed th[class*="__cell"] {
  padding: .4em 4.5px;
  line-height: 1.3em;
  font-size: .9em
}

[data-locale="en"] .cmn-business-table--condensed th[class*="__cell"] {
  font-size: .8em;
  padding-inline: 3px;
}


/* =======================================
 * トピックス
======================================= */
.cmn-business-topics__box {
  border: 1px solid #ddd;
}

.cmn-business-topics__box__label {
  position: relative;
  background: linear-gradient(90deg, #1544a5 0%, #0899eb 100%);
  color: #fff;
}

.cmn-business-topics__box__img-wrap {
  text-align: center;
}

.cmn-business-topics__box .media__head .cmn-business-topics__box__title {
  margin: 2em 0 0;
}

.media[data-media-wraparound="true"] .media__head {
  margin-bottom: 2em;
}

.cmn-business-topics__box img {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .cmn-business-topics__box {
      margin: 40px 0 35px;
      padding: 35px 40px;
    }
  
  .cmn-business-topics__box__head {
    display: flex;
    font-size: 2.2rem;
    font-weight: 700;
  }


  .cmn-business-topics__box__label {
    min-width: 140px;
    height: 47px;
    margin: -6px 0 -6px -40px;
    padding: 6px 37px 6px 15px;
  }

  .cmn-business-topics__box__label:after {
    position: absolute;
    top: 1px;
    right: -1px;
    width: 0;
    height: 0;
    border-width: 0 0 47px 21px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    content: "";
  }

  .cmn-business-topics__box__title {
    font-size: 2.2rem;
    font-weight: 700;
  }

  .cmn-business-topics__box__head .cmn-business-topics__box__title {
    margin-left: 13px;
  }

  .cmn-business-topics__box .media[data-media-wraparound="false"][data-media-pc="image-left"] {
    flex-direction: row-reverse;
  }

  .cmn-business-topics__box .media[data-media-wraparound="false"][data-media-pc="image-right"] {
    flex-direction: row;
  }

  .cmn-business-topics__box .media[data-media-pc="image-right"] .media__head {
    margin-left: 0;
    flex: 1;
  }

  .cmn-business-topics__box .media[data-media-pc="image-right"] .media__body {
    margin-left: 36px;
    flex: 0 0 auto;
  }

  .cmn-business-topics__box .media[data-media-wraparound="false"] .cmn-business-topics__box__img-wrap img {
    height: auto;
  }

  .cmn-business-topics__box .media[data-media-wraparound="true"] .cmn-business-topics__box__img-wrap[data-col-pc]:not([data-col-pc="1"]) {
    margin: 0 auto;
    width: fit-content;
    min-width: 70%;
  }

  .cmn-business-topics__box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media print, screen and (max-width: 767.98px) {
.cmn-business-topics__box {
  margin: 3.3rem 0 0;
  padding: 2.3rem
}

.cmn-business-topics__box__head {
  font-size: 1.8rem;
  font-weight: 700;
}

.cmn-business-topics__box__label {
  display: inline-block;
  /* margin: 0 0 0 -8%;
  padding: 2% 10% 2% 4%; */
  margin-left: -2.3rem;
  padding: .57rem 2.8rem .57rem 1.15rem;
}

.cmn-business-topics__box__label:after {
  position: absolute;
  top: 1px;
  right: -1px;
  width: 0;
  height: 0;
  border-width: 0 0 40px 17px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  content: "";
}

.cmn-business-topics__box__title {
  margin-top: 3px;
}
}

/* =======================================
 * 英語用 バリューチェーンスタイル
======================================= */
.cmn-business-box-v2 {
  margin: 2em 0 0 0;
  background-color: #f0f3f5;
}

.cmn-business-box-v2__head>*:first-child,
.cmn-business-box-v2__head>section:first-child>*:first-child,
.cmn-business-box-v2__head>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-box-v2__head>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-box-v2__body>*:first-child,
.cmn-business-box-v2__body>section:first-child>*:first-child,
.cmn-business-box-v2__body>[class^="list-wrap"]>*:first-child {
  margin-top: 0 !important;
}

.cmn-business-box-v2__body>*:last-child {
  margin-bottom: 0 !important;
}

.cmn-business-box-v2__head+.cmn-business-box-v2__body {
  padding-top: 0;
}

.cmn-business-box-v2__title {
  color: #005ca2;
  line-height: 1.4;
}

.cmn-business-image-wrap {
  display: flex;
  margin: 2em 0 0 0;
}

@media print, screen and (min-width: 768px) {
  .cmn-business-box-v2 {
    margin-top: 2.4em;
  }

  .cmn-business-box-v2__head {
    margin: 0 0 .625em;
    padding: 1.6em 29px 0;
  }

  .cmn-business-box-v2__body {
    padding: 1.6em 29px;
  }

  .cmn-business-box-v2__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

@media only screen and (max-width: 767.98px) {
  .cmn-business-box-v2 {
    margin-top: 1.4em;
  }

  .cmn-business-box-v2__head {
    margin: 0 0 .8em;
    padding: 1.2em 1.4em 0;
  }

  .cmn-business-box-v2__body {
    padding: 1.2em 1.4em 1em;
  }

  .cmn-business-box-v2__title {
    font-size: 1.4rem;
    font-weight: 700;
  }
}