
.editing_policy .tableType01 table .lv01,
.itochu .tableType01 table .lv01,
.social.tableType01 table .lv01,
.society.tableType01 table .lv01,
.governance .tableType01 table .lv01,
.other .tableType01 table .lv01 {
	background-color: #17448a;
}

.index .tabNav span {
	font-size: 2.4em!important;
	font-weight: normal!important;
}

.index .tabDetail {
	padding: 0;
}

.environment .tableType01 table .lv01,
.esgData #tab01-1 th.lv01 {
	background-color: #007140;
}

.environment .tableType01 table .lv02,
.esgData #tab01-1 .lv02 {
	background-color: #ebf4f0;
}

.society .tableType01 table .lv01,
.esgData #tab01-2 th.lv01 {
	background-color: #ac2c80;
}

.society .tableType01 table .lv02,
.esgData #tab01-2 .lv02 {
	background-color: #f8eef5;
}

.esgData .tabNav span {
	font-size: 2.4em!important;
	font-weight: normal!important;
}

.textSmall li span {
	font-size: 13px!important;
	font-size: 1.3rem!important;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.linkTextSmall {
	font-size: 15px!important;
	font-size: 1.5rem!important;
	line-height: 1.5em!important;
}

.mtm15em {
	margin-top: -1.5em!important;
}

#activities .headline06 + [class^="paragraph"] {
margin-top: 1.5em !important;
}

#activity_machinery .notice .numOrder li {
	padding-left: 2em;
	position: relative;
	color: #555555;
}

#activity_machinery .notice .marker {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0!important;
}

#scope table th, #scope table td {
	line-height: 1.5;
}

#scope table sup {
	top: -0.3em;
}

#eavluation09 .headline02 sup {
	font-size: 2rem;
}

h4.headline04 {
	line-height: 1.3!important;
}

@media only screen and (max-width: 768px) {
/* notice */
#activity_machinery .notice .textSmall li, #activity_machinery .notice .textSmall li span {
	font-size: 1rem!important;
}

#capitalism .colWrap .title {
	font-size: 1.6rem;
}
	
	.esgData .tabDetail {
		padding: 15px 10px!important;
	}
	
}

#main .sdgsList a {
bottom: 2.4em;
}

#main #activity_chemical_01 .sdgsList a, #main #activity_machinery .sdgsList a {
bottom: 1.2em;
}

	
#main.materiality h2 .icon img {
	width: 50px;
	height: 50px;
}

@media only screen and (min-width: 1000px) and (max-width:1200px) {
#main h2.sdgsList {
	font-size: 2.1vw;
}
#main .sdgsList a {
	bottom: 2.8em;
}
}

p.pNoteType01 {
margin-top: 1em;
padding-left: 1.2em;
text-indent: -1.2em;
}

table.paddingSmall th, table.paddingSmall td {
padding-right: 0.8em;
padding-left: 0.8em;
}

table.paddingSmall02 th{
padding-top: 0.8em;
padding-right: 0.3em;
padding-bottom: 0.8em;
padding-left: 0.4em;
}

table.paddingSmall02 tbody th, table.paddingSmall02 tbody td {
padding-top: 0.8em;
padding-right: 0.4em;
padding-bottom: 0.8em;
padding-left: 1em;
}

table.paddingSmall02 td li {
padding-left: 8px!important;
}

.twoRowCaption table {
margin-top: -3em!important;
}

.twoRowCaption .unit {
margin-top: 2em!important;
}

.indent1 {
padding-left: 1em;
text-indent: -1em;
}

.indent12 {
padding-left: 1.2em;
text-indent: -1.2em;
}

.indent2 {
padding-left: 2em;
text-indent: -2em;
}


.mt15em {
margin-top: 1.5em!important;
}

.mt3 {
margin-top: 3px!important;
}

.mb3 {
margin-bottom: 3px!important;
}

.mb5 {
margin-bottom: 5px!important;
}

.pr3 {
padding-right: 3px!important;
} 

.pr5 {
padding-right: 5px!important;
} 

.pr8 {
padding-right: 8px!important;
} 

.pr10 {
padding-right: 10px!important;
} 

.pl3 {
padding-left: 3px!important;
} 

.pl5 {
padding-left: 5px!important;
} 

.pl8 {
padding-left: 8px!important;
} 

.tableSmall ul.listType01 li ul.subList li {
padding-left: 9px;
}

.tableSmall ul.listType01 li ul.subList li:before {
top: 0.4em;
width: 4px;
height: 4px;
}

ul.listTypeNew li {
padding-left: 2em;
text-indent: -2em;
}

.tableSmall ul.subList02 li {
padding-left: 2em!important;
text-indent: -2em!important;
}

.tableSmall ul.subList02 li:before {
content: none!important;
}


/* range */
.range8Col, .range9Col {
	position: relative;
}
.range8Col > *, .range9Col > * {
	float: left;
	margin-top: 2em;
}
.range8Col > * > *:first-child, .range9Col > * > *:first-child {
	margin-top: 0 !important;
}
.range8Col > *:nth-child(-n+8), .range8Col > *:nth-child(-n+9) {
	margin-top: 0 !important;
}
.range8Col > *:nth-child(8n+1), .range8Col > *:nth-child(9n+1) {
	clear: left;
	margin-left: 0 !important;
}

.sdgsIcon:after {
background-image: none!important;
width: 0;
height: 0;
}
.tableType01 td .img {
margin-top: 0.5em;
}

.sdgsDetail {
padding: 0 3.15% 3.15%;
}

.aboutSdgs li {
clear: both;
overflow: hidden;
margin-bottom: 0.5em;
line-height: 1.4em;
display: table;
}

.aboutSdgs li span {
display: table-cell;
vertical-align: middle;
}

.aboutSdgs li a {
float: left;
margin-right: 0.8em;
width: 60px;
}

.aboutSdgs li a img {
width: 60px;
}

.anchorType01 li.linkType01 a:before {
	top: 0.25em;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(/ja/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.pageLink li {
font-size: 98%!important;
}

main .contentsWrap section a.moveDecoration, main .contentsWrap section a.captionMovie {
text-decoration: underline!important;
color: #0a5fbe!important;
}

main .contentsWrap section a.moveDecoration:hover, main .contentsWrap section a.captionMovie:hover {
text-decoration: none!important;
}

main .contentsWrap section a.captionMovie .linkIcon {
top: 0.2em;
}

#main .brForPc, #main .brForPc02 {
display: block!important;
}

#main .imgForSp {
display: none;
}

#main .imgForPc {
display: block;
}

.guidelineOvScroll {
overflow-x: scroll!important;
}

.guidelineOvScroll table.w120per {
width: 120%;
}

.guidelineOvScroll table.w130per {
width: 130%;
}

.guidelineOvScroll table.w140per {
width: 140%;
}

.guidelineOvScroll table.w150per {
width: 150%;
}

.guidelineOvScroll table.w160per {
width: 160%;
}

.guidelineOvScroll table.w180per {
width: 180%;
}

.guidelineOvScroll table.w200per {
width: 200%;
}

@media print, screen and (min-width: 769px) {

#main .ceoH2 {
	padding: 0;
	line-height: 1.5em;
	border-bottom: none;
}

.tabWrap01 .tabNav.range8Col > li,
.tabWrap01 .tabNav.range9Col > li,
.tabWrap02 .tabNav.range8Col > li,
.tabWrap02 .tabNav.range9Col > li {
	margin-left: 0;
}

.tabWrap01 .tabNav.range8Col > li,
.tabWrap02 .tabNav.range8Col > li {
	width: 12.5%;
}
	
.tabWrap01 .tabNav.range9Col > li {
	width: 11.1%;
}

.tabWrap02 .tabNav.range9Col > li {
	width: 10%;
}
.tabWrap01 .tabNav.range8Col > li:nth-child(2n-1),
.tabWrap02 .tabNav.range8Col > li:nth-child(2n-1) {
	width: 12.5%;
}

.tabWrap02 .tabNav.range8Col li:nth-child(1) {
	width: 10%!important;
}
.tabWrap02 .tabNav.range8Col li:nth-child(3) {
	width: 16.5%!important;
}

.tabWrap02 .tabNav.range8Col li:nth-child(5) {
	width: 10.5%!important;
}

.tabWrap01 .tabNav.range9Col > li:nth-child(2n-1) {
	width: 11.1%;
}

.tabWrap02 .tabNav.range9Col > li:nth-child(2n-1) {
	width: 11%;
}
	
.tabWrap02 .tabNav.range9Col li:first-child {
	width: 4.8%!important;
}
	
.tabWrap02 .tabNav.range9Col li:nth-child(2) {
	width: 10%!important;
}
	
.tabWrap02 .tabNav.range9Col li:nth-child(9) {
	width: 8.7%!important;
}

	
.tabWrap02 .tabNav.range9Col li:nth-child(10) {
	width: 13.5%!important;
}

#main .w040perPc {
width: 40%!important;
}
	
#main .w050perPc {
width: 50%!important;
}
	
#main .w060perPc {
width: 60%!important;
}
	
#main .w070perPc {
width: 70%!important;
}

#main .w085perPc {
width: 85%!important;
}

#main .w300Pc {
width: 300px!important;
}

#main .w320Pc {
width: 320px!important;
}
	
#main .w350Pc {
width: 350px!important;
}
	
#main .w380Pc {
width: 380px!important;
}

#gri #main .gri ul.tabNav li:nth-child(3) {
width: 30%;
}

#gri #main .gri ul.tabNav li:nth-child(4) {
width: 20%;
}

#gri #main .tabWrap02 .tabDetail {
padding: 1.5%;
}

#gri #main .tableType01 table th,
#gri #main .tableType01 table td {
vertical-align: middle;
padding: 0.9em 0.9em 0.8em;
}

#gri #main .gri .tableType01 table th,
#gri #main .gri .tableType01 table td {
font-size: 1.3rem;
}

#gri #main .gri .tableType01 table td .paragraph01 {
line-height: 1.55;
}
	
.spH2Block {
	display: block;
	clear: both;
	overflow: hidden;
}
	
#main.materiality h2 {
	clear: both;
	overflow: hidden;
}
	
#main.materiality h2 .spH2Block {
	display: table;
	float: left;
	margin-bottom: 8px;
} 
	
#main.materiality h2 .spH2Block.oneRow {
	margin-top: 0.6em;
}
	
#main.materiality h2 a {
	bottom: 0;
}
	
#main.materiality h2 .icon {
	display: table-cell!important;
	width: 60px;
	padding-right: 10px;
	vertical-align: middle;
}
	
#main.materiality h2 .text {
	display: table-cell!important;
	text-align: left;
	vertical-align: middle;
}

.sdgsList .sdgsIcon {
	margin-left: 0;
}

#main .range2ColSpecial .col {
	width: 21.7%;
}

#main .range2ColSpecial .col:first-child {
	margin-left: 22.1%!important;
}

#main .range2ColSpecial .col:nth-child(2) {
	margin-left: 8.4%!important;
}
}

@media only screen and (min-width: 1100px) {
	#main.materiality h2 {
		padding-bottom: 10px;
	}
}
	
@media only screen and (max-width: 1100px) {
	#main.materiality h2 .spH2Block {
		float: none;
	}
}


@media print, screen and (max-width: 1100px) {
#main .brForPc02 {
display: none!important;
}
}

@media print, screen and (min-width: 769px) {
#main .contentForSp {
display: none;
}
}

@media print, screen and (max-width: 768px) {
.materialityRefine {
border-width: 0!important;
}

.wrapchilddiv {
border: 1px solid #dddddd!important;
}

#main .brForPc {
display: none!important;
}

#main .imgForSp {
display: block!important;
}

#main .imgForPc {
display: none!important;
}

#main .w100peSp {
width: 100%!important;
}

#eavluation09 .headline02 sup {
	font-size: 1.6rem;
}

#main .w380Pc {
width: 80%!important;
}
	
.guidelineOvScroll table.w120per {
width: 240%;
}

.guidelineOvScroll table.w130per {
width: 260%;
}

.guidelineOvScroll table.w140per {
width: 280%;
}

.guidelineOvScroll table.w150per {
width: 300%;
}

.guidelineOvScroll table.w160per {
width: 320%;
}

.guidelineOvScroll table.w180per {
width: 360%;
}

.guidelineOvScroll table.w200per {
width: 400%;
}

}


.tabSwitcher.isNoChange .tabNav.range8Col > li {
	width: 12.5%;
}
.tabSwitcher.isNoChange .tabNav.range9Col > li {
	width: 11.1%;
}
.tabSwitcher.isNoChange .tabNav.range8Col > li:nth-child(2n-1) {
	width: 12.5%;
}
.tabSwitcher.isNoChange .tabNav.range9Col > li:nth-child(2n-1) {
	width: 11.1%;
}

.union ol.listType01 > li > ul > li {
padding-left: 2em;
}

.union ol.listType01 > li > ul > li::before {
border-radius: 50%;
}

@media only screen and (max-width: 1200px) {
.sdgsList a.multiIcon {
float: none;
display: block;
margin-bottom: 6px;
bottom: 0;
top: 0.5em;
}
.sdgsList a.multiIcon span.sdgsIcon {
margin-left: 0;
}
}


/* sustainability top */

.csrContentsWrap .firstBlock {
	margin-bottom: 4em;
}

.csrContentsWrap .border {
	border: #cccccc 1px solid;
}

.csrContentsWrap .firstBlock .imgCommit {
	overflow: hidden;
	clear: both;
}

.csrContentsWrap .firstBlock .img {
	border: #cccccc 1px solid;
}

.csrContentsWrap .firstBlock .imgCommit a {
	display: inline;
	width: 31.4% !important;
	float: left;
}

.csrContentsWrap .firstBlock .imgCommit a:nth-child(1),
.csrContentsWrap .firstBlock .imgCommit a:nth-child(2) {
	margin-right: 2.7%;
}

.csrContentsWrap .firstBlock .cao .title {
	letter-spacing: -0.5px;
}

@media only screen and (min-width: 768px) and (max-width: 1240px) {
	#main .csrContentsWrap .firstBlock .imgCommit .ceo .title,
	#main .csrContentsWrap .firstBlock .imgCommit .coo .title {
		font-size: 1.7vw;
	}
}
		
@media only screen and (min-width: 920px) and (max-width: 1240px) {
	#main .csrContentsWrap .firstBlock .imgCommit .cao .title {
		font-size: 1.68vw;
	}
}
		
@media only screen and (min-width: 768px) and (max-width: 919.99px) {
	#main .csrContentsWrap .firstBlock .imgCommit .cao .title {
		font-size: 1.6vw;
	}
}


.csrContentsWrap .firstBlock.imgCommit a figure {
	width: 100% !important;
}

.csrContentsWrap .secondBlock {
	background-color: #e1f3f7;
	padding: 2.5% 4% 3%;
	margin-bottom: 4em;
}

.csrContentsWrap .secondBlock h2 {
	color: #0c479d;
	font-size: 3rem;
	text-align: center;
}

.csrContentsWrap .secondBlock .colWrap {
	margin-top: 1.2em;
}

.csrContentsWrap .secondBlock .col {
	width: 29.94%;
	margin-left: 5.09%;
}

.csrContentsWrap .firstBlock .img img, .csrContentsWrap .secondBlock .img img, .csrContentsWrap .thirdBlock .img img {
	display: block;
}

.csrContentsWrap .secondBlock .img {
	border: #ffffff 1px solid;
}

.csrContentsWrap .thirdBlock .iconAdjust01 img {
	width: 34px;
	height: 34px;
}

.csrContentsWrap .thirdBlock .iconAdjust02 img {
	width: 44px;
	height: 26px;
}

.csrContentsWrap .thirdBlock .iconAdjust03 img {
	width: 26px;
	height: 36px;
}

.csrContentsWrap .thirdBlock .iconAdjust04 img {
	width: 37px;
	height: 37px;
}

.csrContentsWrap .thirdBlock .iconAdjust05 img {
	width: 26px;
	height: 36px;
}

.csrContentsWrap .thirdBlock .iconAdjust06 img {
	width: 44px;
	height: 36px;
}

.csrContentsWrap .fourthBlock {
	margin-bottom: 4em;
}

.csrContentsWrap .thirdBlock .iconAdjust07 img,
.csrContentsWrap .fourthBlock .iconAdjust07 img {
	width: 28px;
	height: 37px;
}

.csrContentsWrap .thirdBlock .iconAdjust08 img,
.csrContentsWrap .fourthBlock .iconAdjust08 img {
	width: 34px;
	height: 20px;
}

/*@media screen and (max-width: 769px) {
	.csrContentsWrap .fourthBlock .btnType06 a > .icon {
		width: 36%;
	}
}*/


/* sustainability other pages */

.widthSdgs {
	overflow: hidden;
	clear: both;
	display: table;
	width: 100%;
}

.widthSdgs .txt {
	display: table-cell;
	vertical-align: bottom;
}

.widthSdgs a {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
	padding-left: 10px;
}

.widthSdgs a.w60 {
	width: 68px;
}

.widthSdgs a.w120 {
	width: 120px;
}

.widthSdgs a.w180 {
	width: 180px;
}

.widthSdgs a.w240 {
	width: 240px;
}

.widthSdgs a.w300 {
	width: 300px;
}

.widthSdgs a.w360 {
	width: 360px;
}

.widthSdgs a.w420 {
	width: 420px;
}

.widthSdgsBlock a.w60 img {
	max-width: 60px;
}

.widthSdgsBlock a.w120 img {
	max-width: 120px;
}

.widthSdgsBlock a.w180 img {
	max-width: 180px;
}

.widthSdgsBlock a.w240 img {
	max-width: 240px;
}

.widthSdgsBlock a.w300 img {
	max-width: 300px;
}

.widthSdgsBlock a.w360 img {
	max-width: 360px;
}

.widthSdgsBlock a.w420 img {
	max-width: 420px;
}

.w250 {
	width: 250px;
	display: block;
}

.widthSdgsBlock {
	overflow: hidden;
	clear: both;
	display: table;
	width: 100%;
}

.widthSdgsBlock h3 {
	display: table-cell;
	vertical-align: bottom;
}

.widthSdgsBlock a {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-left: 10px;
}

.noteType01 a .linkIcon {
	position: relative;
	top: 0.4em;
	margin: 0 0 0 0.4em;
}

.noteType01 a.withTxt {
margin-right: 0.3em;
}

.listTypeCsr li {
	text-indent: -2em;
	padding-left: 2em;
}

#valueChainTab .tabNav.range4Col.row1 > li:nth-child(1) {
	width: 63%;
}

#valueChainTab .tabNav.range4Col.row1 > li:nth-child(2) {
	width: 15%;
}

#valueChainTab .tabNav.range4Col.row1 > li:nth-child(3) {
	width: 12%;
}

#valueChainTab .tabNav.range4Col.row1 > li:nth-child(4) {
	width: 10%;
}

#valueChainTab .tabNav.range6Col.row2 > li:nth-child(1) {
	width: 12%;
}

#valueChainTab .tabNav.range6Col.row2 > li:nth-child(2) {
	width: 19%;
}

#valueChainTab .tabNav.range6Col.row2 > li:nth-child(3) {
	width: 17%;
}
#valueChainTab .tabNav.range6Col.row2 > li:nth-child(4) {
	width: 10%;
}
#valueChainTab .tabNav.range6Col.row2 > li:nth-child(5) {
	width: 23%;
}
#valueChainTab .tabNav.range6Col.row2 > li:nth-child(6) {
	width: 19%;
}

.sdgsBondSubcontents #sdgsBond > a, .sdgsBondSubcontents #sdgsBond > a:hover, .sdgsBondSubcontents #sdgsBond > span, .sdgsBondSubcontents #sdgsBond > span:hover {
background-color: #919eae;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.sdgsBondSubcontents #sdgsBond a::before {
display: none;
}

.risk_opportunity li {
margin-bottom: 6px;
}

.risk_opportunity li:last-child {
margin-bottom: 0;
}

.risk_opportunity .risk {
background-color: #DC0000;
padding: 2px 6px 3px;
color: #ffffff;
}
.risk_opportunity .opportunity {
background-color: #003da5;
padding: 2px 6px 3px;
color: #ffffff;
}

.slideWrap01.special .bx-wrapper {
	width: 100%!important;
	padding: 0 5%;
}

.slideWrap01.special .boxLink01 {
	width: 6.16%!important;
}

.slideWrap01.special .bx-controls-direction a{
	display: none;
}

@media screen and (max-width: 769px) {
	
.slideWrap01.special {
	padding-left: 2%;
	padding-right: 2%;
}
	
.slideWrap01.special .bx-wrapper {
	padding: 0 2%!important;
}
	
.slideWrap01.special .boxLink01 {
	width: 6.1%!important;
	margin-right: 0.5%!important;
}
}




@media screen and (max-width: 769px) {

/* sustainability top */

.csrContentsWrap .firstBlock .col, .csrContentsWrap .thirdBlock .col {
float: none !important;
width: 100% !important;
height: auto !important;
margin: 2.5em 0 0 0 !important;
}

.csrContentsWrap .secondBlock h2 {
	font-size: 2rem;
}

.csrContentsWrap .secondBlock .col:first-child {
float: none !important;
width: 100% !important;
height: auto !important;
margin: 1em 0 0 0 !important;
}

.csrContentsWrap .secondBlock .col:nth-child(2), .csrContentsWrap .secondBlock .col:nth-child(3){
float: none !important;
width: 100% !important;
height: auto !important;
margin: 2.5em 0 0 0 !important;
}

.csrContentsWrap .secondBlock {
	padding: 4%;
}

}

@media print, screen and (max-width: 769px) {

.widthSdgs a.w60 {
	width: 60px;
}

.widthSdgs a.w120 {
	width: 96px;
}

.widthSdgs a.w180 {
	width: 144px;
}

.widthSdgs a.w240 {
	width: 192px;
}

.widthSdgs a.w300 {
	width: 240px;
}

.widthSdgs a.w360 {
	width: 288px;
}

.widthSdgs a.w420 {
	width: 336px;
}

.widthSdgsBlock a.w60 img {
	max-width: 50px;
}

.widthSdgsBlock a.w120 img {
	max-width: 96px;
}

.widthSdgsBlock a.w180 img {
	max-width: 144px;
}

.widthSdgsBlock a.w240 img {
	max-width: 192px;
}

.widthSdgsBlock a.w300 img {
	max-width: 240px;
}

.widthSdgsBlock a.w360 img {
	max-width: 288px;
}

.widthSdgsBlock a.w420 img {
	max-width: 336px;
}

.spDisplayBlock {
	display: block!important;
}

.spDisplayBlock.w180, .spDisplayBlock.w240, .spDisplayBlock.w300, .spDisplayBlock.w360, .spDisplayBlock.w420 {
	padding: 0;
	margin-top: 8px;
}

.colWrap.range3Col > .col .img img.linkIcon {
	width: 14px;
}

h1.widthSdgs .txt, h1.widthSdgs a {
vertical-align: middle;
}

.materiality .sdgsList .sdgsIcon {
margin-left: 0px;
}

.materiality .sdgsList a {
display: block;
}
	
.spH2Block {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
}
	
#main.materiality h2 .spH2Block {
	display: table;
} 
	
#main.materiality h2 .icon {
	display: table-cell;
	width: 60px;
	padding-right: 10px;
}
	
#main.materiality h2 .text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

}


/*扉に設置するESGデータへのボタン*/



@media print, screen and (min-width: 769px) and (max-width: 980px) {
	.withBtn h1 {
		font-size: 3.2vw;
	}
}

@media print, screen and (min-width: 769px) {
.withBtn {
	display: flex;
}

.withBtn h1 {
	flex-basis: calc(64.94% + 2px);
}

.withBtn .btnTypeCsr {
	margin-top: 0!important;
	flex-basis: calc(30.36% - 2px);
	margin-left: 4.46%;
	font-size: 1.9rem;
}
	
.environment .withBtn h1 {
	flex-basis: calc(30.12% + 2px);
}

.environment .withBtn .btnTypeCsr {
	margin-top: 0!important;
	flex-basis: 30.36%;
	margin-left: 4.46%;
	font-size: 1.9rem;
}

.withBtn .btnType04 {
	margin-top: 0!important;
	flex-basis: 30.36%;
	margin-left: 4.46%;
	font-size: 1.9rem;
}
}

.withBtn .btnType04 a {
	width: 100%;
}

.withBtn .btnType04 a:hover {
	color: #0a5fbe !important;
}

.withBtn .btnType04 a:link, .withBtn .btnType04 a:visited {
	color: #444444;
}

.withBtn .btnTypeCsr a {
	width: 100%;
	background-color: #17448A;
	padding: 14px 1.4em 14px 15px;
	text-align: left;
	position: relative;
	letter-spacing: -0.4px;
}

.withBtn .btnTypeCsr a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	width: 12px;
	height: 20px;
	margin-top: -10px;
	background: url(/ja/common/img/com_arrow_ic25.png) no-repeat 0 0;
}

.withBtn .btnTypeCsr a:hover {
	opacity: 0.8;
}

.withBtn .btnTypeCsr a span {
	font-weight: normal!important;
}

.withBtn .btnTypeCsr a:link,
.withBtn .btnTypeCsr a:visited {
	color: #ffffff;
}

@media only screen and (max-width: 768px) {
	.withBtn {
		display: block;
	}

	.withBtn .btnType04 {
		margin: 2.5em 0 0 0;
	}

	.withBtn .btnTypeCsr {
		margin: 2em 0 0 0;
		font-size: 1.6rem;
	}

	.withBtn .btnTypeCsr a {
		padding: 14px 24px 12px 22px;
	}
}


/*アクションプラン*/

.actionplan .tableSmall ul.listType01 li:before {
	top: 0.25em;
}

.actionplan .tableSmall li > a .linkIcon {
	top: 0.1em;
}

@media print, screen and (min-width: 769px) {
	.actionplan #actionplan_sort .tabWrap02 .tabDetail {
		padding-left: 0;
		padding-right: 0;
	}
	
	.actionplan #actionplan_sort .tabNav li {
		width: 49%!important;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	
	.actionplan #actionplan_sort .tabNav li:nth-child(2n+1) {
		width: 50%!important;
	}
	
	.actionplan #actionplan_sort .tabNav li:nth-child(2n) {
		width: 46%!important;
		margin-left: 4%;
	}
	
	.actionplan #actionplan_sort .tabNav li:not(:last-child) a {
		display: flex;
		text-align: left!important;
		align-items: center;
	}
	
	.actionplan #actionplan_sort .tabNav li:last-child {
		display: table;
		text-align: left!important;
		vertical-align: middle;
	}
	
	.actionplan #actionplan_sort .tabNav li:last-child a {
		display: table-cell;
		vertical-align: middle;
	}
	
	.actionplan #actionplan_sort .tabNav li a span {
		padding-bottom: 0!important;
		text-align: left!important;
		width: calc(100% - 50px);
		font-size: 1.7rem;
		flex-basis: 100%;
	}
	
	.actionplan #actionplan_sort .tabNav li a figure {
		width: 50px;
		margin-right: 12px;
	}
	
	.actionplan #actionplan_sort .tabNav .active a:after,
	.actionplan #actionplan_sort .tabNav.upper .active a > span:before {
		display: none;
	}

	.actionplan #actionplan_sort .tabNav .active a:before {
		display: block!important;
		background-image: url("../img/com_arrow_ic08_active.png");
	}
	
	.actionplan #actionplan_sort .tabNav a:before {
		bottom: calc((100% - 8px) / 2)!important;
		left: inherit;
		right: -20px;
	}
	
	.actionplan #actionplan_sort .tabNav li:first-child a:before {
		bottom: calc((100% - 8px) / 2)!important;
	}
}

@media only screen and (max-width: 768px) {
	.actionplan #actionplan_sort .spAcodNav li a {
		display: flex!important;
		align-items: center;
	}
	
	.actionplan #actionplan_sort .spAcodNav li a figure {
		width: 40px;
		margin-right: 12px;
	}
}


/* 横スクロールのカスタマイズ */

.tableSupportCsr {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1em!important;
}

.tableSupportCsr img {
	margin-right: 10px;
	width: 60px;
	height: 31px;
}

.tableSupportCsr + .tableSupport01 + .tableType01 {
	margin-top: 0.8em!important;
}

#contentsContainer .tableSupportCsr + .tableSupport01 {
	display: none!important;
}

.tableSupport01 {

}

.tableSupport01 span {

}

.tableSupport01:after {
	content: "Please scroll sideways.";
	display: block;
	width: 12.5em;
	position: relative;
	padding-left: 70px;
	padding-top: 5px;

}


/*バリューチェーンにおけるサステナビリティ*/

@media print, screen and (min-width: 769px) {


.fontSizeAdjust li a span {
	font-size: 1.4rem!important;;
}

.tableSize50 table {
	width: 50%!important;
}
.tableSize60 table {
	width: 60%!important;
}
}


@media print {
.csrContentsWrap {
	min-width: auto!important;
}

.pageBreak {
	page-break-before: always; 
}

}

@media print, screen and (min-width: 1200px) {
	.widePcMl30 {
		margin-left: 30px;
	}
	.widePcMl60 {
		margin-left: 60px;
	}
	.widePcMl240 {
		margin-left: 240px;
	}
}

/*=================================

	clearfix

=================================*/
[class*=noteType]:after,
.range8Col:after{
	content: "";
	display: block;
	clear: both;
}
[class*=noteType],
.range8Col {
	zoom: 1;
}


