@charset "UTF-8";


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


/* ------------------------------------------------------
 * 01. カードタイトル削除
 * 02. サステナビリティINDEX
 * 03. ページトップへ戻る
 * 04. 新規タイトル
 * 05. 関連リンク
 * 06. 各タイトル上スペース調整
 * 07. 写真横並び
 * 08. 図センター配置
 * 09. 検索結果ページ
 * 10. 扉ページ
 * 11. テキスト
 * 12. ヘッダー【英語版】
 * 13. CSOメッセージ
 * 14. ページ下サブナビ
 * 15. サイト内検索結果
 * 16. リスト
 * 17. サイトマップ
 * 18. テーブル横並び
 * 19. テーブル事業別アイコン
 * 20. ヘッダーメガメニュー
 * 21. テーブル横幅調整
 * 22. テーブル見出し+単位横並び
 * 23. ポップアップ
 * 24. テーブル上注釈
 * 25. テーブルをセンターに配置
 * 26. テーブル注釈
 * 27. ESGアコーディオン
 * 28. タブ切り替え
 * 29. ESGテーブルライン点線
 * 30. 注釈マークなし
 * 31. スマホメニュー
 * 32. 囲み
 * 33. GRIテーブル
 * 34. テキスト上下スペース調整
 * 35. 図下注釈（左そろえ）
 * 36. リスト（タイトル: 〇〇〇〇〇）
 * 37. ESGデータ
 * 38. 冒頭レイアウト
 * 39. マテリアリティ（定量面）
 * 40. テーブル内リスト
 * 41. テーブル内リスト（丸）
 * 42. マテリアリティ（見出しにスコープ追加）
------------------------------------------------------ */


/* ------------------------------------------------------
 * 01. カードタイトル（アンカーリンクタイトル）削除
------------------------------------------------------ */
/* タイトル削除 */
[id="2"] > .heading2,
[id="111"] > .heading2,
[id="112"] > .heading2,
[id="113"] > .heading2,
[id="117"] > .heading2,
[id="118"] > .heading2,
[id="119"] > .heading2,
[id="120"] > .heading2,
[id="121"] > .heading2,
[id="122"] > .heading2,
[id="123"] > .heading2,
[id="124"] > .heading2,
[id="125"] > .heading2,
[id="126"] > .heading2,
[id="127"] > .heading2,
[id="128"] > .heading2,
[id="129"] > .heading2,
[id="130"] > .heading2,
[id="131"] > .heading2,
[id="132"] > .heading2,
[id="133"] > .heading2,
[id="134"] > .heading2,
[id="135"] > .heading2,
[id="136"] > .heading2,
[id="137"] > .heading2,
[id="138"] > .heading2,
[id="142"] > .heading2,
[id="193"] > .heading2,
[id="196"] > .heading2 {
	display: none;
}

/* アンカーリンク上スペース削除 */
[id="2"] > .heading2 + .ThemeItem-leftWrapper,
[id="111"] > .heading2 + .ThemeItem-leftWrapper,
[id="112"] > .heading2 + .ThemeItem-leftWrapper,
[id="113"] > .heading2 + .ThemeItem-leftWrapper,
[id="117"] > .heading2 + .ThemeItem-leftWrapper,
[id="118"] > .heading2 + .ThemeItem-leftWrapper,
[id="119"] > .heading2 + .ThemeItem-leftWrapper,
[id="120"] > .heading2 + .ThemeItem-leftWrapper,
[id="121"] > .heading2 + .ThemeItem-leftWrapper,
[id="122"] > .heading2 + .ThemeItem-leftWrapper,
[id="123"] > .heading2 + .ThemeItem-leftWrapper,
[id="124"] > .heading2 + .ThemeItem-leftWrapper,
[id="125"] > .heading2 + .ThemeItem-leftWrapper,
[id="126"] > .heading2 + .ThemeItem-leftWrapper,
[id="127"] > .heading2 + .ThemeItem-leftWrapper,
[id="128"] > .heading2 + .ThemeItem-leftWrapper, 
[id="129"] > .heading2 + .ThemeItem-leftWrapper,
[id="130"] > .heading2 + .ThemeItem-leftWrapper, 
[id="131"] > .heading2 + .ThemeItem-leftWrapper,
[id="132"] > .heading2 + .ThemeItem-leftWrapper,
[id="133"] > .heading2 + .ThemeItem-leftWrapper,
[id="134"] > .heading2 + .ThemeItem-leftWrapper,
[id="135"] > .heading2 + .ThemeItem-leftWrapper,
[id="136"] > .heading2 + .ThemeItem-leftWrapper,
[id="137"] > .heading2 + .ThemeItem-leftWrapper,
[id="138"] > .heading2 + .ThemeItem-leftWrapper,
[id="142"] > .heading2 + .ThemeItem-leftWrapper,
[id="193"] > .heading2 + .ThemeItem-leftWrapper,
[id="196"] > .heading2 + .ThemeItem-leftWrapper {
	margin-top: 0!important;
}

/* 情報開示 */
.Main .Main__content > [id="190"] {
  margin-top: 80px !important;
}

/* アンカー上スペース調整 */
.Main .Main__content .anchor-navi {
	margin: 0;
}
@media print, screen and (min-width: 768px) {
.Main .Main__content {
	padding-top: 2.2em;
}
}

/* 扉タイトル削除 */
[id="110"] > .heading2,
[id="116"] > .heading2,
[id="115"] > .heading2,
[id="114"] > .heading2,
[id="152"] > .heading2,
[id="182"] > .heading2,
[id="93"] > .heading2,
[id="94"] > .heading2,
[id="188"] > .heading2,
[id="197"] > .heading2 {
	display: none;
}
[id="110"] > .heading2 + .ThemeItem-leftWrapper,
[id="116"] > .heading2 + .ThemeItem-leftWrapper,
[id="115"] > .heading2 + .ThemeItem-leftWrapper,
[id="114"] > .heading2 + .ThemeItem-leftWrapper,
[id="152"] > .heading2 + .ThemeItem-leftWrapper,
[id="182"] > .heading2 + .ThemeItem-leftWrapper,
[id="93"] > .heading2 + .ThemeItem-leftWrapper,
[id="94"] > .heading2 + .ThemeItem-leftWrapper,
[id="188"] > .heading2 + .ThemeItem-leftWrapper,
[id="197"] > .heading2 + .ThemeItem-leftWrapper {
	margin-top: 0!important;
}
[id="110"] .column,
[id="116"] .column,
[id="115"] .column,
[id="114"] .column,
[id="152"] .column,
[id="182"] .column,
[id="93"] .column,
[id="94"] .column,
[id="188"] .column,
[id="197"] .column {
	margin: 0 0 0 0;
}

/* トピックスタイトル削除 */
[id="3"] > .heading2,
[id="144"] > .heading2, 
[id="145"] > .heading2, 
[id="146"] > .heading2, 
[id="147"] > .heading2, 
[id="148"] > .heading2, 
[id="149"] > .heading2, 
[id="150"] > .heading2, 
[id="151"] > .heading2,
[id="187"] > .heading2 {
	display: none;
}
[id="3"] > .heading2 + .ThemeItem-leftWrapper,
[id="144"] > .heading2 + .ThemeItem-leftWrapper, 
[id="145"] > .heading2 + .ThemeItem-leftWrapper, 
[id="146"] > .heading2 + .ThemeItem-leftWrapper, 
[id="147"] > .heading2 + .ThemeItem-leftWrapper, 
[id="148"] > .heading2 + .ThemeItem-leftWrapper, 
[id="149"] > .heading2 + .ThemeItem-leftWrapper, 
[id="150"] > .heading2 + .ThemeItem-leftWrapper, 
[id="151"] > .heading2 + .ThemeItem-leftWrapper,
[id="187"] > .heading2 + .ThemeItem-leftWrapper {
	margin-top: 0!important;
}
.Main__content .pulldown-navi {
	margin: 0;
}

/* タイトル上スペース */
.Main .heading2 {
	margin: 6em 0 0;
}
@media only screen and (max-width: 767.98px) {
	.Main .heading2 {
		margin: 4em 0 0;
	}
}

/* ------------------------------------------------------
 * 02. サステナビリティINDEX
------------------------------------------------------ */
/* アコーディオン */
.susIndex_navi {
	position: fixed;
	top: 73px;
	right: 0;
	z-index: 98;
	min-width: 340px;
}
.susIndex_navi_inner {
	position: relative;
	min-width: 17rem;
	line-height: 1.6;
}
.susIndex_accordion {
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}
.susIndex_accordion > dt {
	min-height: 3.4rem;
	width: 100%;
	color: #fff;
	font-size: 1.3rem;
	cursor: pointer;
}
.susIndex_accordion > dd {
	z-index: 1;
	max-height: calc(100vh - (73px + 3.4rem));
	overflow-y: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}
.susIndex_navi_container {
	display: none;
	background-color: #005ca2;
}
.susIndex_accordion > dt.open + dd.susIndex_navi_container {
	animation: .5s fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/* 開閉ボタン+- */
.susIndex_navi_title {
	position: relative;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.4rem;
	background: linear-gradient(90deg, #1544a5 0%, #0899eb 100%);
}
.susIndex_navi_title::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 12px;
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	transform: translateY(-65%) rotate(225deg);
	transition: all 0.2s ease-out;
}
.susIndex_navi_title.open::before {
	transform: translateY(-40%) rotate(45deg);
}
.susIndex_navi_title > .title {
	display: table-cell;
	text-align: left;
	padding: 4px 70px 4px 20px;
	vertical-align: middle;
	font-weight: bold;
}

/* リスト */
.susIndex_item a {
	font-size: 1.3rem;
	color: #fff!important;
}
.susIndex_navi_container .content_inner {
	display: flex;
	flex-flow: column;
	padding: 1em;
}
.susIndex_navi_container .susIndex_list {
	display: flex;
	flex-flow: column;
	padding: 0;
}
.susIndex_navi_container .sub_navi_esg {
	display: flex;
	flex-flow: column;
	margin: 0.8em 0 0.5em;
	border-top: solid 2px #0a87dc;
	border-bottom: solid 2px #0a87dc;
	padding: 0.6em 0 0.6em;
}
.susIndex_navi_container .sub_navi_esg > dt {
	color: #fff;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
.susIndex_navi_container .sub_navi_esg > dd {
	padding: 0;
	margin: 0;
}
.susIndex_list.index_border {
	border-bottom: solid 2px #0a87dc;
	padding: 0 0 0.5em;
	margin-bottom: 1.0em;
}


.susIndex_navi_container .susIndex_list .susIndex_item {
	display: flex;
	align-items: center;
	list-style: none;
}
.susIndex_navi_container .susIndex_list .susIndex_item .susIndex_item_inner {
	display: flex;
	align-items: center;
}
.susIndex_navi_container .susIndex_list .susIndex_item .susIndex_item_inner a {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
}
.susIndex_navi_container .susIndex_list .susIndex_item .susIndex_item_inner a:before {
  position: absolute;
  top: .50em;
  left: -3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: middle;
  content: "";
}
.susIndex_item + .susIndex_item {
	margin-top: 0.3em;
}

@media only screen and (max-width: 767.98px) {
	.susIndex_navi {
		display: none!important;
	}
}

/* 社会貢献下ライン */
.susIndex_item.border_btm {
	border-bottom: solid 2px #0a87dc;
	padding: 0 0 0.6em;
	margin: 0 0 0.5em;
}

/* 英語版 */
.susIndex_navi.english {
	min-width: 320px;
}



/* ------------------------------------------------------
 * 03. ページトップへ戻る
------------------------------------------------------ */
.Assist .assist-fnav {
	top: calc(70vh + 25px)!important;
}


/* ------------------------------------------------------
 * 04. 新規タイトル
------------------------------------------------------ */
.Main .heading2.v2 {
	padding-bottom: 0.5em;
	margin: 3.8em 0 0;
}
.heading2.v2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	height: 1px;
	background-image: none;
	background-color: #bbb;
	width: 100%;
}
.heading2.v2 .heading2__title {
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.3;
}
.heading2.v2 + .box-v2 {
	border-top: none;
	margin: 0 0 0 0;
}

/* ------------------------------------------------------
 * 05. 関連リンク
------------------------------------------------------ */
.cmn-relation.link-box {
	display: flex;
	flex-flow: wrap;
	column-gap: 2.5%;
	border-top: none;
	padding-top: 0;
	margin-top: 1.6em;
}
.cmn-relation.link-box .cmn-relation__head {
	width: 30%;
	color: #005ca2;
	margin-bottom: 0;
}
.cmn-relation.link-box .cmn-relation__body {
	width: 67.5%;
}
.cmn-relation.link-box .cmn-relation__head .cmn-relation__title {
	background-color: transparent;
	text-align: right;
	padding: .4375em 0 .3em;
	display: flex;
	flex-flow: column;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	border-bottom: solid 3px #a1c8e6;
}
.cmn-relation.link-box .cmn-relation__body .link-list {
	display: flex;
	flex-flow: wrap;
	column-gap: 12px;
	row-gap: 12px;
}
.cmn-relation.link-box .cmn-relation__body .link-list li {
	width: auto;
}
.cmn-relation.link-box .cmn-relation__body .link-list a {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #e8eaee;
	padding: 10px 32px 10px 45px;
	display: flex;
	align-items: center;
	line-height: 1.3;
	transition: .2s linear;
	justify-content: center;
	border-radius: 8px;
}
.cmn-relation.link-box.bg_white .cmn-relation__body .link-list a {
	background-color: #fff;
}
.cmn-relation.link-box .cmn-relation__body .link-list a:hover {
	background-color: #d5d9e0;
	color: #005ca2;
}
.cmn-relation.link-box .cmn-relation__body .link-list > li > [class*="__type"]:before {
	position: absolute;
	top: 40%;
	left: 24px;
}
.cmn-relation.link-box .cmn-relation__body .link-list[data-col-pc] > li {
	margin-top: 0;
}

@media only screen and (max-width: 767.98px) {
	.cmn-relation.link-box {
		row-gap: 10px;
		flex-flow: column;
	}
	.cmn-relation.link-box .cmn-relation__head {
		width: 100px;
	}
	.cmn-relation.link-box .cmn-relation__body {
		width: 100%;
	}
	.cmn-relation.link-box .cmn-relation__body .link-list a {
		padding: 10px 20px 10px 30px;
	}
	.cmn-relation.link-box .cmn-relation__body .link-list > li > [class*="__type"]:before {
		position: absolute;
		top: 40%;
		left: 13px;
	}
	.cmn-relation.link-box .cmn-relation__head .cmn-relation__title {
		text-align: left;
		padding: .4375em 0 .3em;
		display: flex;
		flex-flow: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		border-bottom: none;
	}
}
@media print, screen and (min-width: 768px) {
    .cmn-relation.link-box [data-col-pc]:not([data-col-pc="auto"]) > * {
        margin-left: 0;
    }
}

/* 上下スペース調整 */
.ThemeItem-description > section > .cmn-relation.link-box:last-of-type {
	padding-bottom: 20px;
}



/* ------------------------------------------------------
 * 06. 各タイトル上スペース調整
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
    .Main .lead--center {
        margin: 4.2em 0 1.2em;
    }
	.Main .heading3 {
		margin: 3.5em 0 0;
	}
	.Main .heading4 {
		margin: 2.8em 0 0;
	}
	.Main .heading5 {
		margin: 2.2em 0 0;
	}
}
@media only screen and (max-width: 767.98px) {
    .Main .lead--center {
        margin: 3em 0 1.0em;
    }
}

/* ------------------------------------------------------
 * 07. 写真横並び
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
    .column.col2[data-col-pc]:not([data-col-pc="1"]) {
		display: flex;
		flex-flow: row wrap;
		width: 80%;
		margin: 0 auto;
	}
}
p.text + .column.col2[data-col-pc]:not([data-col-pc="1"]) {
	margin-top: 2em;
}

/* 高さ調整 */
.column.col2.h310 img {
	height: 310px;
	object-fit: cover;
}
@media only screen and (max-width: 767.98px) {
	.column.col2.h310 img {
		height: auto;
	}
}

/* ロゴの配置 */
.column__item.logo {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
}
.column__item.logo img {
	width: 320px;
}

/* 画像横並び比率2:1 */
.column.guideline-2col img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border: solid 1px #ccc;
}

@media print, screen and (min-width: 768px) {
	.column.guideline-2col[data-col-pc="2"] {
		column-gap: 4%;
	}
	.column.guideline-2col[data-col-pc="2"] > .column__item.pdf-page2 {
		width: 64%;
		aspect-ratio: 10 / 7;
	}
	.column.guideline-2col[data-col-pc="2"] > .column__item.pdf-page1 {
		width: 32%;
		aspect-ratio: 5 / 7;
		margin-left: 0;
	}
}
@media only screen and (max-width: 767.98px) {
	.column.guideline-2col .column__item.pdf-page1 img {
		width: 50%;
	}
}


/* ------------------------------------------------------
 * 08. 図センター配置
------------------------------------------------------ */
.image-wrap--center[class*="col1__"] > figure {
	width: 80%;
	display: flex;
	flex-flow: column;
}
.image-wrap--center.col1_image_w100 > figure {
	width: 100%;
	display: flex;
	flex-flow: column;
}
.image-wrap--center.col1_image_w80 > figure {
	width: 80%;
	display: flex;
	flex-flow: column;
}
.image-wrap--center.col1_image_w70 > figure {
	width: 70%;
	display: flex;
	flex-flow: column;
}
.image-wrap--center.col1_image_w60 > figure {
	width: 60%;
	display: flex;
	flex-flow: column;
}
.image-wrap--center.col1_image_w50 > figure {
	width: 50%;
	display: flex;
	flex-flow: column;
}
@media only screen and (max-width: 767.98px) {
	.image-wrap--center[class*="col1__"] > figure {
		width: 100%;
	}
	.image-wrap--center.col1_image_w100 > figure {
		width: 100%;
	}
	.image-wrap--center.col1_image_w80 > figure {
		width: 100%;
	}
	.image-wrap--center.col1_image_w70 > figure {
		width: 100%;
	}
	.image-wrap--center.col1_image_w60 > figure {
		width: 100%;
	}
	.image-wrap--center.col1_image_w50 > figure {
		width: 100%;
	}
}

/* 枠線 */
.image-wrap--center.border img {
	border: solid 1px #ccc;
	width: 100%;
}



/* ------------------------------------------------------
 * 09. 検索結果ページ
------------------------------------------------------ */



/* ------------------------------------------------------
 * 10. 扉ページ
------------------------------------------------------ */
.column.sus-gate + .button-wrap {
	margin-top: 50px;
}
@media print, screen and (min-width: 768px) {
	.column.sus-gate[data-col-pc]:not([data-col-pc="1"]) {
		row-gap: 40px;
	}
}
@media only screen and (max-width: 767.98px) {
	.column.sus-gate .column__item {
		margin-bottom: 40px;
	}
}

/* ------------------------------------------------------
 * 11. テキスト
------------------------------------------------------ */
section > .text.section-lead {
	margin: 3.5em 0 0 0;
}


/* ------------------------------------------------------
 * 12. ヘッダー【英語版】
------------------------------------------------------ */



/* ------------------------------------------------------
 * 13. CSOメッセージ
------------------------------------------------------ */
.ir-library-integrated-report-CSO-message-hero {
  position: relative;
}

.ir-library-integrated-report-CSO-message-hero__head > figure {
  margin: 0;
}

.ir-library-integrated-report-CSO-message-hero-heading__title {
  width: 100%;
  color: #fff;
}

.ir-library-integrated-report-CSO-message-hero__lead {
  width: 100%;
  color: #fff;
}

.ir-library-integrated-report-CSO-message-hero__name-wrap {
  display: flex;
  justify-content: flex-end;
}

.ir-library-integrated-report-CSO-message-hero__name {
  line-height: 1.5;
}

.ir-library-integrated-report-CSO-message-hero__job {
  color: #fff;
}

.ir-library-integrated-report-CSO-message-hero__person {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .ir-library-integrated-report-CSO-message-hero {
    overflow: hidden;
  }
  .ir-library-integrated-report-CSO-message-hero__body {
    z-index: 1;
    position: absolute;
    top: calc(50% - (132px));
    right: 9.1%;
    width: 470px;
  }
  .ir-library-integrated-report-CSO-message-hero-heading__title {
    font-size: 4.7rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    line-height: 1;
	text-shadow: 0 0 7px rgb(0, 0, 0, 0.6);
  }
  .ir-library-integrated-report-CSO-message-hero__lead {
	margin-top: 1.4em;
	padding-left: 1.55em;
	font-size: 2.6rem;
	font-weight: 600;
	letter-spacing: 0.088rem;
	line-height: 1.55;
	text-shadow: 0 0 7px rgb(0, 0, 0, 1.0);
  }
  .ir-library-integrated-report-CSO-message-hero__name-wrap {
    margin-top: 1.9em;
  }
  .ir-library-integrated-report-CSO-message-hero__job {
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0.08rem;
  }
  .ir-library-integrated-report-CSO-message-hero__person {
    font-size: 2.1rem;
    font-weight: normal;
    letter-spacing: 0.062rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .ir-library-integrated-report-CSO-message-hero {
    margin-right: -15px;
    margin-left: -15px;
  }
  .ir-library-integrated-report-CSO-message-hero__head > figure {
    text-align: center;
  }
  .ir-library-integrated-report-CSO-message-hero__body {
    z-index: 1;
    position: absolute;
    top: 20%;
    right: 2.9%;
    width: 53%;
  }
	.Main .ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__body {
		z-index: 1;
		position: absolute;
		top: 12%;
		right: 2.9%;
		width: 53%;
	}
	.Main .ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__lead {
		margin-top: 1.4em;
		padding-left: 0;
		font-size: 2rem;
		font-weight: 600;
		letter-spacing: 0.088rem;
		line-height: 1.1;
	}
	.Main .ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero-heading__title {
		font-size: 3.7rem;
		font-weight: 700;
		letter-spacing: 0.08rem;
		line-height: 1;
	}	
  .ir-library-integrated-report-CSO-message-hero-heading__title {
    font-size: calc( 25 * 100vw / 375);
    font-weight: 700;
    letter-spacing: 0.08rem;
    line-height: 1;
  }
  .ir-library-integrated-report-CSO-message-hero__lead {
    margin-top: 1.9em;
    padding-left: 0.4em;
    font-size: calc( 16 * 100vw / 375);
    font-weight: 600;
    letter-spacing: 0.02rem;
    line-height: 1.6;
  }
  .Main .ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__lead {
    padding-left: 0.2em;
  }
  .ir-library-integrated-report-CSO-message-hero__name-wrap {
    margin-top: 1.65em;
  }
  .ir-library-integrated-report-CSO-message-hero__job {
    font-size: calc( 13 * 100vw / 375);
    font-weight: normal;
    letter-spacing: 0.08rem;
  }
  .ir-library-integrated-report-CSO-message-hero__person {
    font-size: calc( 18 * 100vw / 375);
    font-weight: normal;
    letter-spacing: 0.062rem;
  }
	.ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__lead {
		padding-left: 0;
	}
}


/* タイトル削除 */
[id="164"] > .heading2 {
	display: none;
}
/* 英語版調整 */
.ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__body {
	z-index: 1;
	position: absolute;
	top: calc(60% - (170px));
	right: 9.1%;
	width: 525px;
}
.ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero-heading__title {
	font-size: 4.7rem;
	font-weight: 700;
	letter-spacing: 0.08rem;
	line-height: 1;
}
.ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__lead {
	margin-top: 1.4em;
	padding-left: 1.55em;
	font-size: 2.6rem;
	font-weight: 600;
	letter-spacing: 0.088rem;
	line-height: 1.55;
}
.ir-library-integrated-report-CSO-message-hero.message-en .ir-library-integrated-report-CSO-message-hero__name-wrap {
	margin-top: 1.9em;
}
/* メイン画像 */
.ir-library-integrated-report-CSO-message-hero img {
	width: 100%;
	object-fit: cover;
}
/* 画像テキスト案 */
.ver03 .ir-library-integrated-report-CSO-message-hero-heading__title {
	color: #1859a2;
	text-shadow: 0 0 7px rgb(255, 255, 255, 1.0);
}
.ver03 .ir-library-integrated-report-CSO-message-hero__lead {
	color: #1859a2;
	text-shadow: 0 0 7px rgb(255, 255, 255, 1.0);
}
.ver01 .ir-library-integrated-report-CSO-message-hero__job {
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-shadow: 0 0 7px rgb(0, 0, 0, 1.0);
}
.ver01 .ir-library-integrated-report-CSO-message-hero__person {
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
	text-shadow: 0 0 7px rgb(0, 0, 0, 1.0);
}
.ver01 .ir-library-integrated-report-CSO-message-hero-heading__title {
	text-shadow: 0 0 7px rgb(0, 0, 0, 0.6);
}
.ver01 .ir-library-integrated-report-CSO-message-hero__lead {
	text-shadow: 0 0 7px rgb(0, 0, 0, 1.0);
}

/* ------------------------------------------------------
 * 14. ページ下サブナビ
------------------------------------------------------ */

@media print, screen and (min-width: 768px) {
	.Main .lnav-all .main-lnav--bottom .main-lnav__inner {
		padding: 0;
		width: 100%;
	}
}

/* コンテンツ下スペース削除 */
.Main .Main__content {
	padding: 2.2em 20px 6em;
}

/* ------------------------------------------------------
 * 15. サイト内検索結果
------------------------------------------------------ */
.Main .gsc-wrapper {
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
}
.Main .gsc-selected-option-container {
	min-width: 120px;
}
.Main .gsc-above-wrapper-area {
	border-bottom: 1px solid #0899eb;
	padding: 5px 0 15px 0;
	width: 80%;
	margin: 40px auto 30px;
}

/* ------------------------------------------------------
 * 16. リスト
------------------------------------------------------ */
.list-wrap > .unorder-list > li > .list-wrap {
  margin: 1em 0 1.5em 0;
}
dl.list-category-wrap > dt {
	font-weight: bold;
	margin-bottom: 8px;
}
dl.list-category-wrap > dd {
	margin-left: 10px;
}

/* リスト番号（一桁） */
.order-list.single > li {
  padding-left: 1.5em;
}
ol.alphabet-list {
	list-style-type: lower-alpha;
}
.order-list__nest > .alphabet-list {
	padding-left: 1.4em;
}

/* リスト上スペース */
.list-wrap .order-list .order-list__nest > .text + .list-wrap {
	margin: 0.4em 0 0;
}

/* ------------------------------------------------------
 * 17. サイトマップ
------------------------------------------------------ */
.Main .heading-column.site-map__wrap .heading2 {
	margin: 3em 0 0;
}


/* ------------------------------------------------------
 * 18. テーブル横並び
------------------------------------------------------ */
.table__2col .table__matrix > thead [class*="__cell--lv1"].arrow {
	border-top: none;
	background-color: #fff;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.table__2col .table [class*="__cell--lv1"].arrow {
	background-color: #fff;
	border-right: none;
}
.table__2col .table [class*="__cell"].arrow {
	border-bottom: none;
	border-right: none;
}
.table__2col .table [class*="__cell"] {
	border-right: none;
}
.table__2col .table__matrix > thead [class*="table__cell--lv1"] {
	border-right: none;
	border-bottom: solid 1px #bbb;
}
.table__2col .table__matrix > tbody [class*="__cell"] {
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #bbb;
	padding-left: 0;
	vertical-align: middle;
}
.table__2col .table__matrix > thead + tbody {
	border-left: none;
}
.table__2col .table__matrix > thead {
	border-left: none;
}

/* セル内リスト */
.table__2col .table__matrix > tbody [data-col-pc]:not([data-col-pc="1"]) {
	display: flex;
	flex-flow: column;
}
.table__2col .table__matrix > tbody [data-col-pc]:not([data-col-pc="auto"]) > * {
    margin-left: 0;
  }
.table__2col .table__matrix > tbody [data-col-pc="2"] > * {
    width: 100%;
  }

/* セル内矢印 */
.table__2col .table__matrix > tbody td.arrow {
	text-align: center;
}
.table__2col .table__matrix > tbody td.arrow img {
	width: 40%;
}

/* ------------------------------------------------------
 * 19. テーブル事業別アイコン
------------------------------------------------------ */
.table__matrix > caption > .table__caption--left {
	text-align: left;
	font-weight: 700;
}

/* テーブル内カテゴリ */
.table__matrix > tbody [class*="__cell"] > ul.category-list li {
	list-style-type: none;
	display: flex;
	flex-flow: wrap;
	column-gap: 8px;
	row-gap: 8px;
}
.table__matrix > tbody [class*="__cell"] > ul.category-list {
	margin: 0;
	padding: 0;
}
.table__matrix > tbody [class*="__cell"] > ul.category-list li span {
	display: flex;
	flex-flow: wrap;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 50%;
}


/* 注釈カテゴリ */
.table_category-list .category_inner {
	display: flex;
	flex-flow: wrap;
	column-gap: 40px;
}
.table_category-list .category_inner > dl {
	display: flex;
	flex-flow: wrap;
	column-gap: 10px;
}
.table_category-list .category_inner > dl dt {
	width: 30px;
	height: 30px;
	background-color: #ccc;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.table_category-list .category_inner > dl dd {
	flex: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
}

/* 色設定 */
.table_category-list .category_inner > dl.car dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.car {
	background-color: #f7cadf;
}
.table_category-list .category_inner > dl.mine dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.mine {
	background-color: #f7d77e;
}
.table_category-list .category_inner > dl.logistics dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.logistics {
	background-color: #a2daf5;
}
.table_category-list .category_inner > dl.dealer dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.dealer {
	background-color: #84acd5;
}
.table_category-list .category_inner > dl.wind_power dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.wind_power {
	background-color: #b9d8a2;
}
.table_category-list .category_inner > dl.cereal dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.cereal {
	background-color: #b09571;
}
.table_category-list .category_inner > dl.hydrogen dt, .table__matrix > tbody [class*="__cell"] > ul.category-list li span.hydrogen {
	background-color: #c2c2c2;
}

/* ------------------------------------------------------
 * 20. ヘッダーメガメニュー
------------------------------------------------------ */
.header-megamenu__card-wrap.col-5 > * {
	margin-left: 0;
}
.header-megamenu__card-wrap.col-5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.header-megamenu__card-wrap.col-5 [data-size-pc="5col"] {
	width: calc(((100% - (36px * (5 - 1))) / 5) - .1px);
}

/* ------------------------------------------------------
 * 21. テーブル横幅調整
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
	.table.w50 {
		width: 50%;
	}
	.table.w60 {
		width: 60%;
	}
	.table.w70 {
		width: 70%;
	}
	.table.w80 {
		width: 80%;
	}
	.table .table__matrix > caption:has(.table__caption--right) {
		margin: 0 0 .175em;
	}
	.table .table__matrix > caption:has(.environment_recycling_table__caption--right) {
		margin: 0 0 .175em;
	}
	.environment_recycling_table .environment_recycling_table__matrix > caption:has(.environment_recycling_table__caption--right) {
		margin: 0 0 .175em;
	}
}
.table .table__matrix > caption {
	position: relative;
}
.table .table__matrix > caption span.title {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	font-size: 14px;
}

/* ------------------------------------------------------
 * 22. テーブル見出し+単位横並び
------------------------------------------------------ */
.Main .table__head > .table__title.unit {
	position: relative;
	padding-right: 100px;
	display: flex;
	align-items: flex-end;
}
.Main .table__head > .table__title.unit > span {
	position: absolute;
	right: 0;
	font-weight: normal;
	font-size: 1.4rem;
}
.Main .table__head > .image__title.unit {
	position: relative;
	padding-right: 100px;
	display: flex;
	align-items: flex-end;
}
.Main .table__head > .image__title.unit > span {
	position: absolute;
	right: 0;
	font-weight: normal;
	font-size: 1.4rem;
}

.Main .environment_recycling_table__head > .environment_recycling_table__title.unit {
	position: relative;
	padding-right: 100px;
	display: flex;
	align-items: flex-end;
}
.Main .environment_recycling_table__head > .environment_recycling_table__title.unit > span {
	position: absolute;
	right: 0;
	font-weight: normal;
	font-size: 1.4rem;
}

@media only screen and (max-width: 767.98px) {
	.Main .table__head > .table__title.unit > span {
		font-size: 1.2rem;
	}
	.Main .table__head > .image__title.unit > span {
		font-size: 1.2rem;
	}
	.Main .environment_recycling_table__head > .environment_recycling_table__title.unit > span {
		font-size: 1.2rem;
	}
}

/* テーブルタイトル中小2つの場合 */
.Main .table__title > .table__title_inner .title_sub {
	font-size: 16px;
	margin-top: 0.35em;
}

/* total行 */
.Main .table th.table__cell--lv2--left-middle.total {
	background-color: #f0f3f5!important;
	border-bottom: solid 4px #ddd;
}
.Main .table td.table__cell--right-middle.total {
	background-color: #fff!important;
	border-bottom: solid 4px #ddd;
}

/* テーブルheader 小 */
.table thead th.table__cell--lv2--center-middle.sub {
	font-size: 14px;
}
.table thead th.table__cell--lv1--center-middle.sub {
	font-size: 14px;
}

/* テーブル下注釈 */
.table .table__foot .table__note + .list-wrap {
	margin-top: 0.5em;
}
.table .table__foot .table__note + .list-wrap + .table__note {
	margin-top: 0.5em;
}
.table .table__foot .table__note + .list-wrap .note-list li {
	font-size: 14px;
}

/* ------------------------------------------------------
 * 23. ポップアップ
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
	[class*="modal--"].modaal-wrapper .modaal-container {
		padding: 10px!important;
	}
	.modal--image.modaal-wrapper .modaal-container {
		width: 1000px!important;
	}
}

/* ------------------------------------------------------
 * 24. テーブル上注釈
------------------------------------------------------ */
.text.table-note {
	margin-top: 2em;
}
.text.table-note + .table {
	margin-top: 0.3em;
}

/* ------------------------------------------------------
 * 25. テーブルをセンターに配置
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
	.Main .table.center {
		margin: 2em auto 0;
	}
}

/* ------------------------------------------------------
 * 26. テーブル注釈
------------------------------------------------------ */
.Main .table .table__foot + .cmn-relation__list {
	margin-top: 2rem;
}

/* 集計範囲： */
.Main .table .table__foot .table__note.note-v2 {
	display: flex;
	flex-flow: wrap;
}
.Main .table .table__foot .table__note.note-v2 > span:first-of-type {
	white-space: pre;
	width: auto;
}
.Main .table .table__foot .table__note.note-v2 > span:last-of-type {
	flex: 1;
}

/* ------------------------------------------------------
 * 27. ESGアコーディオン
------------------------------------------------------ */
.esg-accordion .accordion__head {
	padding: 0.75em 1.5em;
	box-shadow: none;
	cursor: pointer;
	background-color: #ddd;
	font-weight: bold;
	transition: all 0.15s cubic-bezier(0.2, 0, 0.2, 0.4) 0s;
}
.esg-accordion .accordion__head:hover {
	background-color: #eee;
}
.accordion.js-accordion.esg-accordion {
	width: 70%;
}
@media only screen and (max-width: 767.98px) {
	.accordion.js-accordion.esg-accordion {
		width: 100%;
	}
}

/* ------------------------------------------------------
 * 28. タブ切り替え
------------------------------------------------------ */
@media only screen and (max-width: 767.98px) {
	.Main .tab-v2__list[data-col-sp="2"] > * {
		width: calc(100% / 3);
	}
}

/* ------------------------------------------------------
 * 29. ESGテーブルライン点線
------------------------------------------------------ */
/* tbody */
.table__matrix.base-year__scope3 > tbody [class*="__cell"].line-v2 {
	border-left: none;
	background-image: linear-gradient(to top, #ccc, #ccc 2px, transparent 2px, transparent 8px);
	background-size: 3px 8px;
	background-position: left top;
	background-repeat: repeat-y;
}
.table__matrix.base-year__scope3 > tbody tr td:first-of-type {
	border-right: none;
}

/* thead */
.table__matrix.base-year__scope3 > thead [class*="__cell"].line-v2 {
	border-left: none;
	background-image: linear-gradient(to right, #ddd 1px, transparent 1px);
	background-position: 1px top;
	background-repeat: repeat-y;
}
.table__matrix.base-year__scope3 > thead tr th.base {
	border-right: none;
}

/* scope1 */
/* tbody */
.table__matrix.base-year__scope1 > tbody [class*="__cell"].line-v2 {
	border-left: none;
	background-image: linear-gradient(to top, #ccc, #ccc 2px, transparent 2px, transparent 8px);
	background-size: 3px 8px;
	background-position: left top;
	background-repeat: repeat-y;
}
.table__matrix.base-year__scope1 > tbody tr td:first-of-type {
	border-right: none;
}

/* thead */
.table__matrix.base-year__scope1 > thead [class*="__cell"].line-v2 {
	border-left: none;
	background-image: linear-gradient(to right, #ddd 1px, transparent 1px);
	background-position: 1px top;
	background-repeat: repeat-y;
}
.table__matrix.base-year__scope1 > thead tr th.base {
	border-right: none;
}



/* ------------------------------------------------------
 * 30. 注釈マークなし
------------------------------------------------------ */
.note-list.no-mark > li {
	margin-left: 0;
	padding-left: 0;
}

/* ------------------------------------------------------
 * 31. スマホメニュー
------------------------------------------------------ */
@media only screen and (max-width: 767.98px) {
	#header .header-megamenu__card-wrap.col-5 [data-size-pc="5col"] {
		width: 100%;
	}
}

/* ------------------------------------------------------
 * 32. 囲み
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
	.media .text + .heading6 {
		margin: 0.8em 0 0;
	}
	.media .text + .box {
		margin-top: 1.4em;
	}
	.Main .media .heading6 + .box {
		margin-top: 0.4em;
	}
}

/* ------------------------------------------------------
 * 33. GRIテーブル
------------------------------------------------------ */
.table__cell.page > p > span:nth-of-type(2) {
	display: block;
}
.table__cell.page > p > span:nth-of-type(2) > a {
	padding-left: 1.2em;
	display: inline-block;
	position: relative;
}
.table__cell.page > p > span:nth-of-type(2) > a:before {
	position: absolute;
	top: .45em;
	left: -3px;
	transform: rotate(45deg);
	-webkit-backface-visibility: hidden;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #005ca2;
	border-right: 1px solid #005ca2;
	vertical-align: middle;
	content: "";
}
.table__cell.page > p > span:nth-of-type(2) > a:after {
	top: -2px;
	margin-left: 10px;
	width: 12px;
	height: 14px;
	background: url("/app-files/img/sprite/icon.svg#pdf-usage") no-repeat 0 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: 100%;
	vertical-align: middle;
	white-space: nowrap;
	content: "";
}

/* ------------------------------------------------------
 * 34. テキスト上下スペース調整
------------------------------------------------------ */
/* 上にテーブル */
.table + .text {
	margin-top: 2em;
}
/* 上に図 */
.image-wrap--center + .text {
	margin-top: 2em;
}

/* ------------------------------------------------------
 * 35. 図下注釈（左そろえ）
------------------------------------------------------ */
.image__frame + .list-wrap.fig-note-left {
	text-align: left;
}

/* ------------------------------------------------------
 * 36. リスト（タイトル: 〇〇〇〇〇）
------------------------------------------------------ */
/* ----- note_title_v1 ----- */
.climate-change-note-order-list-v2__item.note_title_v1 .climate-change-note-order-list-v2__title {
  width: 3.5em;
}

.climate-change-note-order-list-v2__item.note_title_v1 .climate-change-note-order-list-v2__text {
  width: calc(100% - 3.5em);
}
/* ----- note_title_v2 ----- */
.climate-change-note-order-list-v2__item.note_title_v2 .climate-change-note-order-list-v2__title {
  width: 5.0em;
}

.climate-change-note-order-list-v2__item.note_title_v2 .climate-change-note-order-list-v2__text {
  width: calc(100% - 5.0em);
}

/* ------------------------------------------------------
 * 37. ESGデータ
------------------------------------------------------ */
/* ----- テーブル間スペース ----- */
.table__body + .table__body {
	margin-top: 10px;
}

/* ----- 目標 ----- */
.table table[class*="esg_target"] [class*="__cell--lv1"] {
	background-color: #e8f5d6;
}
.table table[class*="table__matrix esg_target"] > tbody [class*="__cell--lv1"] {
	border-left: 4px solid #75a542;
	color: #5a9120;
}
.table table[class*="esg_target"] .sustainability-environment-climate-change-unorder-list > li:before {
	background-color: #75a542;
}
.table table[class*="esg_target_energy"] [class*="__cell"] > [class^="list-wrap"] > *:first-child {
	margin-bottom: 0!important;
}

/* ----- セル余白 ----- */
.table .table__matrix.table_v2 [class*="__cell"] {
	padding: .5625em .175em;
}
.table .table__matrix.table_v2 tbody th[class*="__cell"] {
	padding: .5625em .875em;
}

/* ------------------------------------------------------
 * 38. 冒頭レイアウト
------------------------------------------------------ */
.heading6.introduction_title {
	margin: 4.5em 0 0;
}
.Main .heading5 + .introduction_wrap {
	margin-top: 0.3em;
}
.introduction_wrap .heading6__title {
	font-size: 1.4rem;
}
.introduction_wrap .heading6 {
	margin: 0.6em 0 0;
}
.introduction_wrap .text {
	margin: 0;
	font-size: 1.4rem;
}
.introduction_wrap .text + .text {
	margin-top: 1.5em;
}
.introduction_wrap dt, .introduction_wrap dd {
	font-size: 1.3rem;
}
.introduction_wrap dt {
	border: solid 1px #ccc;
	padding: 0.5em 0.5em 0.5em 1.0em;
	font-weight: bold;
}
.introduction_wrap dd {
	margin-left: 2em;
}
.Main .introduction_wrap .heading6 + * {
    margin-top: 0.3em;
}
.Main .introduction_wrap .heading6 + dl {
    margin-top: 0.6em;
}
.Main .introduction_wrap .lead-v2 {
    margin: 0.6em 0 0.3em;
}
.Main .introduction_wrap .list-wrap {
  margin: 0.3em 0 0 0.6em;
}
.Main .introduction_wrap .unorder-list > li:before {
	top: 0.5em;
	width: 6px;
	height: 6px;
}
.introduction_wrap .unorder-list > li.no_icon:before {
  content: none;
}
.introduction_wrap .unorder-list[data-col-pc] > li + li {
	margin-top: 0.3em;
}

/* ------------------------------------------------------
 * 39. マテリアリティ（定量面）
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
	.ttc-business-detail-column__item-v2__body__inner__label.small_label {
		font-size: 2.5rem;
	}
}
@media only screen and (max-width: 767.98px) {
	.ttc-business-detail-column__item-v2__body__inner__label.small_label {
		font-size: 1.6rem;
	}
}

/* ------------------------------------------------------
 * 40. テーブル内リスト
------------------------------------------------------ */
.list-wrap.table_list {
	padding: 1em 0 1em;
}

/* ------------------------------------------------------
 * 41. テーブル内リスト（丸）
------------------------------------------------------ */
.unorder-list.round-list > li:before {
	border-radius: 50%;
}

/* ------------------------------------------------------
 * 42. マテリアリティ（見出しにスコープ追加）
------------------------------------------------------ */
h3.ttc-business-detail-heading3__title span.scope {
	font-weight: 400;
	font-size: 1.6rem;
	padding-left: 1rem;
}