
.editing_policy .tableType01 table .lv01,
.itochu .tableType01 table .lv01,
.social.tableType01 table .lv01,
.society.tableType01 table .lv01,
.governance .tableType01 table .lv01,
.sdgsbond .tableType01 table .lv01,
.other .tableType01 table .lv01 {
	background-color: #17448a;
}

.index .tabNav span, .evalution .tabNav span, .sdgsbond .tabNav span {
	font-size: 2.4em!important;
	font-weight: normal!important;
}

.index .tabNav span sup {
	top:-1em;
	font-size: 1.4rem;
}

.index .tabDetail, .evalution .tabDetail, .sdgsbond .tabDetail {
	padding: 0;
}

@media print, screen and (min-width: 769px) {
	.commitment #main .paragraph01 {
		font-size: 16px;
	}
}

@media print, screen and (max-width: 768px) {
	.commitment #main .paragraph01 {
		font-size: 13px;
	}
}

@media print, screen and (min-width: 769px) {
	.evalution .col1Quarter {
		width: 21.74%;
	}
}

.evalution .col1Quarter div {
	margin-left: auto;
	margin-right: auto;
}

.environment .tableType01 table .lv01,
.esgData #tab01-1 .lv01 {
	background-color: #007140;
}

.esgData #tab01-1 .lv01,
.esgData #tab01-2 .lv01 {
	text-align: center;
}

.environment .tableType01 table .lv02,
.esgData #tab01-1 .lv02 {
	background-color: #ebf4f0;
}

.society .tableType01 table .lv01,
.esgData #tab01-2 .lv01 {
	background-color: #ac2c80;
}

.society .tableType01 table .lv02,
.esgData #tab01-2 .lv02 {
	background-color: #f8eef5;
}

.environment .analysis_business {
	width: 100%;
}

@media print, screen and (min-width: 769px) {
	.environment .analysis_business figure {
		position: relative;
		float: left;
		width: 56.5%;
		z-index: 0;
	}

	.environment .analysis_business dl {
		float: right;
		position: relative;
		width: 43.5%;
		z-index: 10;
	}
	
	.environment .analysis_business dd:before {
		top: 40%;
		left: -70px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 50px solid #3fb084;
	}

	.environment .analysis_business dd:after {
		top: 40%;
		left: -55px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 50px solid #ffffff;
	}
	
	.environment .analysis_business .forPc {
		display: block;
	}
	
	.environment .analysis_business .forSp {
		display: none;
	}
}

.environment .analysis_business dl {
	border: 5px solid #3fb084;
	border-radius: 3px;
}

.environment .analysis_business dt {
	padding: 8px 6px 10px 6px;
	background-color: #3fb084;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
}

.environment .analysis_business dd {
	padding: 8px 2.4%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.environment .analysis_business dd:before {
	content: "";
	position: absolute;
}

.environment .analysis_business dd:after {
	content: "";
	position: absolute;
}

.environment .analysis_business dd ul li {
	text-align: left;
}

.environment .analysis_business dd ul li > a {
	display: block;
	position: relative;
	padding: 3px 3px 2px 18px;
	margin-bottom: 1px;
	text-decoration: none;
	line-height: 1.4em;
}

.environment .analysis_business dd ul li > a:hover {
	background-color: #f1f1f1;
}

.environment .analysis_business dd ul li > a:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 8px;
	height: 12px;
	background: url(../image/com_arrow_ic03.png) no-repeat 0 0;
}

.environment .analysis_business dd ul:first-child {
	flex-basis: 45%;
}

.environment .analysis_business dd ul:nth-child(2) {
	flex-basis: 55%;
}


@media print, screen and (min-width: 1140px) {
	.environment .analysis_business {
		margin-left: auto;
		margin-right: auto;
	}
}

@media print, screen and (min-width: 900px) and (max-width: 1139.999px) {
	.environment .analysis_business dd ul li {
		font-size: 1.15vw;
	}
	
	.environment .analysis_business dd:before {
		top: 35%;
		left: -55px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 35px solid #3fb084;
	}

	.environment .analysis_business dd:after {
		top: 35%;
		left: -44px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 35px solid #ffffff;
	}
}


@media print, screen and (min-width: 769px) and (max-width: 899.999px) {
	.environment .analysis_business dd ul li {
		font-size: 1vw;
	}
	
	.environment .analysis_business dd ul:first-child, 
	.environment .analysis_business dd ul:nth-child(2) {
		flex-basis: 50%;
	}
	
	.environment .analysis_business dd:before {
		top: 24%;
		left: -55px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 35px solid #3fb084;
	}

	.environment .analysis_business dd:after {
		top: 24%;
		left: -44px;
		margin-top: -20px;
		border: 18px solid transparent;
		border-right: 35px solid #ffffff;
	}
}

@media print, screen and (min-width: 769px) and (max-width: 1139.999px) {
	.environment .analysis_business dt {
		font-size: 1.8vw;
	}
	
	.environment .analysis_business {
		width: 100%;
	}

	.environment .analysis_business figure {
		width: 58%;
	}

	.environment .analysis_business dl {
		width: 42%;
	}
	
	.environment .analysis_business dd ul li > a:before {
		top: 0.4vw;
	}
}

@media print, screen and (max-width: 768px) {
	.environment .analysis_business {
		width: 100%;
	}
	
	.environment .analysis_business figure {
		width: 90%!important;
	}
	
		
	.environment .analysis_business dl {
		width: 94%;
		margin: 0 auto 15px;
	}
	
	.environment .analysis_business dd:before {
		bottom: -60px;
		right: 18%;
		border-color: #3fb084 transparent transparent transparent;
		border-width: 60px 24px 0 24px;
		border-style: solid;
	}

	.environment .analysis_business dd:after {
		bottom: -46px;
		right: 18%;
		border-color: #ffffff transparent transparent transparent;
		border-width: 60px 24px 0 24px;
		border-style: solid;
	}
	
	.environment .analysis_business dd ul li > a {
		padding-top: 4px;
		padding-bottom: 4px;
		margin-bottom: 3px;
		line-height: 1.5em;
	}
	
	.environment .analysis_business .forPc {
		display: none;
	}
	
	.environment .analysis_business .forSp {
		display: block;
	}
	
	.environment .analysis_business dd ul {
		flex-basis: 50%;
	}
}

.conservation .colWrap > .col a:link, .conservation .colWrap > .col a:visited {
	color: #0a5fbe;
	text-decoration: underline;
}

.conservation .colWrap > .col a:link:hover, .conservation .colWrap > .col a:visited:hover {
	text-decoration: none;
}

.actionplan .narrowDown {
	margin-bottom: 20px;
}

.actionplan .narrowDown strong {
	font-weight: bold;
}

.actionplan .narrowDown label {
	margin-right: 15px;
}

.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;
}

#main h5.headline06 {
	font-size: 1.8rem;
}

#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,
#main .materiality h3 .icon img {
	width: 50px;
	height: 50px;
}

p.pNoteType01 {
margin-top: 1em;
padding-left: 1.5em;
text-indent: -1.5em;
color: #555555;
}

table.paddingSmall th, table.paddingSmall td {
padding-right: 1em;
padding-left: 1em;
}

table.paddingSmall02 th, table.paddingSmall02 td {
padding-top: 0.8em;
padding-right: 0.2em;
padding-bottom: 0.8em;
padding-left: 0.4em;
}

table.paddingSmall02 td li {
padding-left: 8px!important;
}

table .border_top_double {
border-top: 4px double #dddddd;
}

.riskMaping .impactLarge {
	background-color: #748fb9;
}

.riskMaping .impactMedium {
	background-color: #b9c7dc;
}

.riskMaping .impactSmall {
	background-color: #ffffff;
}

.riskMaping span.impactLarge,
.riskMaping span.impactMedium,
.riskMaping span.impactSmall {
	display: inline-block;
	width: 2.2em;
	height: 1.2em;
	position: relative;
	top: 0.3em;
	margin-right: 0.3em;
	border: 1px solid #e2e2e2;
}

.boxType02 > .textSmall {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.6;
}

.indent1 {
padding-left: 1em;
text-indent: -1em;
}

.indent13 {
padding-left: 1.3em;
text-indent: -1.3em;
}

.indent2 {
padding-left: 2em;
text-indent: -2em;
}

.mt3 {
margin-top: 3px!important;
}

.mt1em {
margin-top: 1em!important;
}

.mt15em {
margin-top: 1.5em!important;
}

.mt2em {
margin-top: 2em!important;
}

.mt3 {
margin-top: 3px!important;
}

.mb3 {
margin-bottom: 3px!important;
}

.mb5 {
margin-bottom: 5px!important;
}

.pl1 {
padding-left: 1px!important;
}

.pl2 {
padding-left: 2px!important;
}

.pl3 {
padding-left: 3px!important;
}

.pl4 {
padding-left: 4px!important;
}

.pl5 {
padding-left: 5px!important;
}

.pl8 {
padding-left: 8px!important;
}

.pl10 {
padding-left: 10px!important;
}

.plOneAndHalfEm {
padding-left: 1.5em!important;
}

.pr3 {
padding-right: 3px!important;
}

.pr1 {
padding-right: 1px!important;
}

.pr2 {
padding-right: 2px!important;
}

.pr5 {
padding-right: 5px!important;
}

.pr8 {
padding-right: 8px!important;
}

.pr9 {
padding-right: 9px!important;
}

.pr10 {
padding-right: 10px!important;
}

@media print, screen and (max-width: 1020px) {
	.spMl20 {
		margin-left: 20px!important;
	}
}

ol.noteType01Csr li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.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;
}
.tableSmall ul.listType01 li ul.subList li ul.subList li:before {
top: 0.5em;
width: 3px;
height: 3px;
}

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;
}

.hybridCap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
}

.hybridCap .tableCaption {
	font-size: 1.8rem;
	font-weight: bold;
}

.hybridCap .paragraph01 {
	line-height: 1.2;
	margin: 0;
}

@media only screen and (max-width: 768px) {
	.hybridCap .tableCaption {
		font-size: 1.4rem;
	}
}

#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.7;
}

#scope table sup {
	top: -0.3em;
}


@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;
}
}

/* range */
.range8Col, .range9Col, .range10Col {
	position: relative;
}
.range8Col > *, .range9Col > *, .range10Col > * {
	float: left;
	margin-top: 2em;
}
.range8Col > * > *:first-child, .range9Col > * > *:first-child, .range10Col > * > *:first-child {
	margin-top: 0 !important;
}
.range8Col > *:nth-child(-n+8), .range8Col > *:nth-child(-n+9), .range8Col > *:nth-child(-n+10) {
	margin-top: 0 !important;
}
.range8Col > *:nth-child(8n+1), .range9Col > *:nth-child(9n+1), .range10Col > *:nth-child(10n+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(../image/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, 
#main .listForSp {
display: none;
}

#main .imgForPc,
#main .listForPc {
display: block;
}

ol.listType02 > li > ul > li:before {
	top: 0.6em;
}

#main .tabBusiness .tabDetail {
	padding: 0;
}

@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;
}
	
#main .brForPc02 {
display: none!important;
}
}

@media print, screen and (min-width: 769px) {
.tabWrap01 .tabNav.range8Col > li,
.tabWrap01 .tabNav.range9Col > li,
.tabWrap01 .tabNav.range10Col > li,
.tabWrap02 .tabNav.range8Col > li,
.tabWrap02 .tabNav.range9Col > li,
.tabWrap02 .tabNav.range10Col > li{
	margin-left: 0;
}

.tabWrap01 .tabNav.range8Col > li,
.tabWrap02 .tabNav.range8Col > li {
	width: 12.5%;
}
.tabWrap01 .tabNav.range9Col > li,
.tabWrap02 .tabNav.range9Col > li {
	width: 11.1%;
}
	
.tabWrap01 .tabNav.range10Col > li,
.tabWrap02 .tabNav.range10Col > li {
	width: 10%;
}
.tabWrap01 .tabNav.range8Col > li:nth-child(2n-1),
.tabWrap02 .tabNav.range8Col > li:nth-child(2n-1) {
	width: 12.5%;
}
.tabWrap01 .tabNav.range9Col > li:nth-child(2n-1),
.tabWrap02 .tabNav.range9Col > li:nth-child(2n-1) {
	width: 11.1%;
}
	
.tabWrap01 .tabNav.range10Col > li:nth-child(2n-1),
.tabWrap02 .tabNav.range10Col > li:nth-child(2n-1) {
	width: 10%;
}

#main .ml02perPc {
margin-left: 2%!important;
}

#main .ml04perPc {
margin-left: 4%!important;
}
	
#main .ml04perPc02 {
margin-left: 4.4%!important;
}

#main .ml08perPc {
margin-left: 8%!important;
}

#main .ml010perPc {
margin-left: 10%!important;
}

#main .ml015perPc {
margin-left: 15%!important;
}

#main .ml016perPc {
margin-left: 16%!important;
}


#main .ml017perPc {
margin-left: 17%!important;
}


#main .ml018perPc {
margin-left: 18%!important;
}

#main .ml019perPc {
margin-left: 19%!important;
}

#main .ml020perPc {
margin-left: 20%!important;
}
	
#main .ml021perPc {
margin-left: 21%!important;
}

#main .ml022perPc {
margin-left: 22%!important;
}

#main .ml023perPc {
margin-left: 23%!important;
}

#main .ml024perPc {
margin-left: 24%!important;
}


#main .ml025perPc {
margin-left: 25%!important;
}

#main .w013perPc {
width: 13%!important;
}

#main .w014perPc {
width: 14%!important;
}

#main .w015perPc {
width: 15%!important;
}

#main .w015perPc02 {
width: 15.87%!important;
}

#main .w018perPc {
width: 18%!important;
}

#main .w020perPc {
width: 20%!important;
}
	
#main .w021perPc {
width: 21%!important;
}

#main .w022perPc {
width: 22%!important;
}

#main .w023perPc {
width: 23%!important;
}

#main .w023perPc02 {
width: 23.045%!important;
}

#main .w024perPc {
width: 24%!important;
}

#main .w025perPc {
width: 25%!important;
}
	
#main .w026perPc {
width: 26%!important;
}
	
#main .w026perPc02 {
width: 26.088%!important;
}

#main .w030perPc {
width: 30%!important;
}

#main .w030perPc02 {
width: 30.327%!important;
}

#main .w032perPc {
width: 32.61%!important;
}

#main .w035perPc {
width: 35%!important;
}

#main .w040perPc {
width: 40%!important;
}

#main .w043perPc {
width: 43%!important;
}
	
#main .w043perPc02 {
width: 43.5%!important;
}
	
#main .w043perPc03 {
width: 43.479%!important;
}

#main .w044perPc {
width: 44%!important;
}

#main .w045perPc {
width: 45%!important;
}

#main .w047perPc {
width: 47%!important;
}

#main .w047perPc02 {
width: 47.8265%!important;
}

#main .w048perPc {
width: 48%!important;
}

#main .w050perPc {
width: 50%!important;
}

#main .w060perPc {
width: 60%!important;
}
	
#main .w065perPc02 {
	width: 65.218%!important;
}


#main .w085perPc {
width: 85%!important;
}

#main .w90Pc {
width: 90px!important;
}

#main .w100Pc {
width: 100px!important;
}

#main .w110Pc {
width: 110px!important;
}

#main .w116Pc {
width: 116px!important;
}

#main .w130Pc {
width: 130px!important;
}

#main .w120Pc {
width: 120px!important;
}

#main .w136Pc {
width: 136px!important;
}

#main .w140Pc {
width: 140px!important;
}

#main .w143Pc {
width: 143px!important;
}

#main .w150Pc {
width: 150px!important;
}

#main .w160Pc {
width: 160px!important;
}

#main .w170Pc {
width: 170px!important;
}

#main .w190Pc {
width: 190px!important;
}

#main .w180Pc {
width: 180px!important;
}

#main .w200Pc {
width: 200px!important;
}

#main .w240Pc {
width: 240px!important;
}

#main .w250Pc {
width: 250px!important;
}

#main .w260Pc {
width: 260px!important;
}

#main .w270Pc {
width: 270px!important;
}

#main .w280Pc {
width: 280px!important;
}

#main .w300Pc {
width: 300px!important;
}

#main .w320Pc {
width: 320px!important;
}
	
#main .w350Pc {
width: 350px!important;
}

#main .w380Pc {
width: 380px!important;
}

#main .pt10Pc {
padding-top: 10px;
}

#guideline_list.range2Col > :nth-child(2n-1) {
width: 38.8%;
}

#guideline_list.range2Col > :nth-child(2n) {
width: 56.8%;
}

.left42p.range2Col > :nth-child(2n-1) {
width: 42%;
}

.left42p.range2Col > :nth-child(2n) {
width: 53.6%;
}

.spH2Block {
	display: block;
	clear: both;
	overflow: hidden;
}
	
#main .brForPcAndSp {
display: block!important;
}
	
#main.materiality h2,
#main .materiality h3 {
	clear: both;
	overflow: hidden;
}
	
#main .materiality h3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
	
#main.materiality h2 .spH2Block,
#main .materiality h3 .spH2Block {
	display: table;
	float: left;
	margin-top: 0.6em;
} 
	
#main.materiality h2 a,
#main .materiality h3 a {
	bottom: 0;
}
	
@media only screen and (min-width: 1100px) {
	#main.materiality h2 {
		padding-bottom: 10px;
	}
}
	
@media only screen and (max-width: 1100px) {
	#main.materiality h2 .spH2Block,
	#main .materiality h3 .spH2Block {
		float: none;
	}
}
	
#main.materiality h2 .icon,
	#main .materiality h3 .icon {
	display: table-cell!important;
	width: 60px;
	padding-right: 10px;
}
	
#main.materiality h2 .text,
	#main .materiality h3 .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;
}

#main .range3ColSpecial .col {
	width: 21.7%;
}

#main .range3ColSpecial .col:first-child {
	margin-left: 9.05%!important;
}

#main .range3ColSpecial .col:nth-child(2), #main .range3ColSpecial .col:nth-child(3) {
	margin-left: 8.4%!important;
}
}


@media print, screen and (min-width: 1200px) {
#main .w280PcOnly {
	width: 280px!important;
	}
}


@media print, screen and (max-width: 768px) {
	
	.materialityRefine {
		border-width: 0!important;
	}

	.wrapchilddiv {
		border: 1px solid #dddddd!important;
	}

	#main h5.headline06 {
		font-size: 1.4rem;
	}

	#main .brForPc {
		display: none!important;
	}

	#main .imgForSp,
	#main .listForSp {
		display: block!important;
	}

	#main .imgForPc,
	#main .listForPc {
		display: none!important;
	}

	#main .w100peSp {
		width: 100%!important;
	}
}

.tabSwitcher.isNoChange .tabNav.range8Col > li {
	width: 12.5%;
}
.tabSwitcher.isNoChange .tabNav.range9Col > li {
	width: 11.1%;
}
.tabSwitcher.isNoChange .tabNav.range10Col > li {
	width: 10%;
}
.tabSwitcher.isNoChange .tabNav.range8Col > li:nth-child(2n-1) {
	width: 12.5%;
}
.tabSwitcher.isNoChange .tabNav.range9Col > li:nth-child(2n-1) {
	width: 11.1%;
}
.tabSwitcher.isNoChange .tabNav.range10Col > li:nth-child(2n-1) {
	width: 10%;
}

.union ol.listType01 > li > ul > li {
padding-left: 2em;
}

.union ol.listType01 > li > ul > li::before {
border-radius: 50%;
}


/* sustainability top */

.csrContentsWrap .firstBlock {
	margin-bottom: 4em;
}

.csrContentsWrap .border,
.socialCategory .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.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: 1em;
}

.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 .noLink {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
	padding-left: 10px;
}

.widthSdgs a.w60 {
	width: 68px;
}

.widthSdgs span.w60 {
	width: 70px;
}

.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;
}

.risk_opportunity li {
margin-bottom: 6px;
}

.risk_opportunity li:last-child {
margin-bottom: 0;
}

.risk_opportunity .risk {
background-color: #DC0000;
padding: 2px 6px;
color: #ffffff;
}
.risk_opportunity .opportunity {
background-color: #003da5;
padding: 2px 6px;
color: #ffffff;
}



@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.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;
}
	
#main .spMt8 {
	margin-top: 8px!important;
}

#main .w380Pc {
width: 80%!important;
}
	
.spH2Block {
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
}
	
#main.materiality h2 .spH2Block,
#main .materiality h3 .spH2Block {
	display: table;
} 
	
#main.materiality h2 .icon,
#main .materiality h3 .icon {
	display: table-cell;
	width: 60px;
	padding-right: 10px;
}
	
#main.materiality h2 .text,
#main .materiality h3 .text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
}

/*アクションプラン*/

.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 .tabWrap02 .tabDetail {
		padding-left: 0;
		padding-right: 0;
	}
	
	.actionplan .tabNav li {
		width: 49%!important;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	
	.actionplan .tabNav li:nth-child(2n+1) {
		width: 50%!important;
	}
	
	.actionplan .tabNav li:nth-child(2n) {
		width: 42%!important;
		margin-left: 8%;
	}
	
	.actionplan .tabNav li:not(:last-child) a {
		display: flex;
		text-align: left!important;
		align-items: center;
	}
	
	.actionplan .tabNav li:last-child {
		display: table;
		text-align: left!important;
		vertical-align: middle;
	}
	
	.actionplan .tabNav li:last-child a {
		display: table-cell;
		vertical-align: middle;
	}
	
	.actionplan .tabNav li a span {
		padding-bottom: 0!important;
		text-align: left!important;
	}
	
	.actionplan .tabNav li a figure {
		width: 50px;
		margin-right: 12px;
	}
	
	.actionplan .tabNav li a span {
		flex-basis: 100%;
	}
	
	.actionplan .tabNav .active a:after,
	.actionplan .tabNav.upper .active a > span:before {
		display: none;
	}

	.actionplan .tabNav .active a:before {
		display: block!important;
		background-image: url("../image/com_arrow_ic08_active.png");
	}
	
	.actionplan .tabNav a:before {
		bottom: calc((100% - 8px) / 2)!important;
		left: inherit;
		right: -20px;
	}
	
	.actionplan .tabNav li:first-child a:before {
		bottom: calc((100% - 8px) / 2)!important;
	}
}

@media only screen and (max-width: 768px) {
	.actionplan .spAcodNav li a {
		display: flex!important;
		align-items: center;
	}
	
	.actionplan .spAcodNav li a figure {
		width: 40px;
		margin-right: 12px;
	}
}


/*扉に設置するESGデータへのボタン*/

@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;
}

.sustainability .withBtn h1 {
	flex-basis: calc(68.38% + 2px);
	letter-spacing: -1.5px;
}

.sustainability .withBtn .btnType04 {
	margin-top: 0!important;
	margin-left: 1%;
}
	
.floatLeftPc {
	float: left;
}
}

.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;
}

.withBtn .btnTypeCsr a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	width: 12px;
	height: 20px;
	margin-top: -10px;
	background: url(../image/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;
	}
}



/*バリューチェーンにおけるサステナビリティ*/

@media print, screen and (min-width: 769px) {
.w050perPc {
	width: 50%;
}

#main .ceoH2 {
	padding: 0;
	line-height: 1.5em;
	border-bottom: none;
}
	
.tableSize50 table {
	width: 50%!important;
}
	
.tableSize60 table {
	width: 60%!important;
}
	
/* tabWrap */
.tabWrap02 .tabNav.range10Col > li {
	margin-left: 0;
}

#valueChainTab .tabNav.range10Col > li:nth-child(1) {
	width: 31%;
}

#valueChainTab .tabNav.range10Col > li:nth-child(2), #valueChainTab .tabNav.range10Col > li:nth-child(5), #valueChainTab .tabNav.range10Col > li:nth-child(9) {
	width: 8.65%;
}

#valueChainTab .tabNav.range10Col > li:nth-child(3), #valueChainTab .tabNav.range10Col > li:nth-child(4), #valueChainTab .tabNav.range10Col > li:nth-child(6), #valueChainTab .tabNav.range10Col > li:nth-child(7), #valueChainTab .tabNav.range10Col > li:nth-child(10) {
	width: 7.5%;
}

#valueChainTab .tabNav.range10Col > li:nth-child(8) {
	width: 5.5%;
}
	
	
.tabWrap02 .tabNav.range12Col > li {
	margin-left: 0;
}

#valueChainTab .tabNav.range12Col > li:nth-child(1) {
	width: 31.2%;
}

#valueChainTab .tabNav.range12Col > li:nth-child(2), #valueChainTab .tabNav.range12Col > li:nth-child(5), #valueChainTab .tabNav.range12Col > li:nth-child(11) {
	width: 7.65%;
}

#valueChainTab .tabNav.range12Col > li:nth-child(3), #valueChainTab .tabNav.range12Col > li:nth-child(4), #valueChainTab .tabNav.range12Col > li:nth-child(7), #valueChainTab .tabNav.range12Col > li:nth-child(8), #valueChainTab .tabNav.range12Col > li:nth-child(12) {
	width: 6.5%;
}

#valueChainTab .tabNav.range12Col > li:nth-child(6), #valueChainTab .tabNav.range12Col > li:nth-child(10) {
	width: 9.15%;
}

#valueChainTab .tabNav.range12Col > li:nth-child(9) {
	width: 5%;
}	
	
.tabWrap02 .tabNav.range13Col > li {
	margin-left: 0;
}

#valueChainTab .tabNav.range13Col > li:nth-child(1) {
	width: 12.5%;
}

#valueChainTab .tabNav.range13Col > li:nth-child(2), #valueChainTab .tabNav.range13Col > li:nth-child(6), #valueChainTab .tabNav.range13Col > li:nth-child(12) {
	width: 7.65%;
}

#valueChainTab .tabNav.range13Col > li:nth-child(3), #valueChainTab .tabNav.range13Col > li:nth-child(4), #valueChainTab .tabNav.range13Col > li:nth-child(8), #valueChainTab .tabNav.range13Col > li:nth-child(9), #valueChainTab .tabNav.range13Col > li:nth-child(13) {
	width: 6.5%;
}

#valueChainTab .tabNav.range13Col > li:nth-child(5), #valueChainTab .tabNav.range13Col > li:nth-child(7), #valueChainTab .tabNav.range13Col > li:nth-child(11) {
	width: 9.15%;
}

#valueChainTab .tabNav.range13Col > li:nth-child(10) {
	width: 4.5%;
}
		
.fontSizeAdjust li a span {
	font-size: 1.4rem!important;;
}

}

@media print {
.csrContentsWrap {
	min-width: auto!important;
}

.pageBreak {
	page-break-before: always; 
}

}

@media print, screen and (min-width: 1200px) {
	.widePcMl60 {
		margin-left: 60px;
	}
	
	.widePcMl240 {
		margin-left: 240px;
	}
	
}

#main .boxType02 {
	background-color: #eeeeee;
}


/*社会貢献活動のリニューアル*/

.socialTop .widthLink {
	display: flex;
}

.socialTop .widthLink .txt {
	flex-basis: 76%;
}

.socialTop .widthLink .link {
	flex-basis: 24%;
	text-align: right;
}

.socialTop .widthLink .link a {
	padding-left: 21px;
	display: inline-block;
	position: relative;
	font-size: 15px;
	font-size: 1.5rem;
}

.socialTop .widthLink .link a:before {
	content: "";
	position: absolute;
	top: 0.25em;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(../image/com_arrow_ic03.png) no-repeat 0 0;
}

.socialTop .widthLink .link a:link,
.socialTop .widthLink .link a:visited {
	color: #444444;
}

.socialTop .widthLink .link a:hover,
.socialTop .widthLink .link a:active {
	color: #0a5fbe;
}

.socialTop .releaseWrap01 {
	border-top: none;
	margin-top: 0;
}

.socialTop .banner a {
	display: flex;
	align-items: center;
}

.socialTop .mt2emPc {
	margin-top: 2em;
}

.socialCategory #main .aboutPanel a .credit {
	position: absolute;
	top: -16px;
	left: -10px;
	font-size: 10px;
}

.socialCategory #main .movieLink a {
	text-decoration: underline!important;
}

.socialCategory #main .movieLink a:hover {
	text-decoration: none!important;
}

.socialCategory .csrContentsWrap .fourthBlock {
	margin-bottom: 3.5em;
}

.socialCategory .btnType06 a > .icon {
	width: 21%;
}

.socialCategory .btnType06 a > .icon + span {
	padding-right: 6px;
}

.socialCategory .socialIconAdjust01 img {
	width: 34px;
	height: 34px;
}

.socialCategory .socialIconAdjust02 img {
	width: 34px;
	height: 32px;
}

.socialCategory .socialIconAdjust03 img {
	width: 34px;
	height: 44px;
}

.socialCategory .colWrap > .boxLink03 .noLink {
	display: block;
	position: relative;
}

.socialCategory .colWrap > .boxLink03 .noLink .img img {
	width: 100%;
}

.socialCategory .colWrap > .boxLink03 .noLink .title {
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.75);
	color: #ffffff;
}

.socialCategory .colWrap > .boxLink03 .noLink .title span {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	padding: 0 4% 0 6.69%;
}

.socialCategory .colWrap > .boxLink03 .noLink.swan .title span {
	text-indent: -3.5%;
}

.socialCategory .worldMapWrap .areaLinks .ap {
	top: 62%;
	left: 40%;
}

.socialCategory .worldMapWrap .areaLinks li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 22px;
	margin-top: -12px;
	background: url(../image/com_other_ic57.png) no-repeat 0 0;
}

.socialCategory .worldMapWrap .areaLinks li > p {
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.socialCategory .worldMapWrap .areaLinks li > p:hover {
	color: #0c479d;
	text-decoration: underline;
	cursor: pointer;
}

.socialCategory .worldMapWrap .areaLinks li > p:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 22px;
	margin-top: -12px;
	background: url(../image/com_other_ic57.png) no-repeat 0 0;
}



@media print, screen and (min-width: 1200px) {
	.socialCategory .colWrap > .boxLink03 a .title span,
	.socialCategory .colWrap > .boxLink03 .noLink .title span {
		font-size: 1.65rem;
		height: 64px;
		line-height: 1.25;
	}
	
	.socialTop.socialCategory .colWrap > .boxLink03 a .title span {
		height: 56px;
	}
	
	.socialCategory .colWrap > .boxLink03 a .title:before {
		right: 5.4%;
	}
}

@media print, screen and (max-width: 1200px) {
	.socialCategory .colWrap > .boxLink03 a .title span .displayNone,
	.socialCategory .colWrap > .boxLink03 .noLink .title span .displayNone {
		display: none;
	}
}

@media print, screen and (min-width: 769px) and (max-width: 1200px) {
	.socialTop .thirdBlock .col span {
		font-size: 1.4vw;
	}
	
	.socialCategory .btnType06 a > .icon {
		width: 46px;
	}
	
	.socialCategory .btnType06 a > span {
		height: 5vw;
	}
	
	.socialCategory .colWrap > .boxLink03 a .title span,
	.socialCategory .colWrap > .boxLink03 .noLink .title span {
		font-size: 1.5vw;
		padding-right: 11%;
	}
	
	.socialCategory .colWrap > .boxLink03 a .title:before,
	.socialCategory .colWrap > .boxLink03 .noLink .title:before {
		right: 4.5%;
	}
	
	.socialCategory .txt.tbDisplayBlock {
		display: block!important;
	}
	.socialCategory .tbDisplayBlock {
		display: block!important;
		padding: 0;
		margin-top: 8px;
	}
	
	.socialCategory .worldMapWrap .areaLinks li > p {
		font-size: 1.3vw;
	}
}

@media print, screen and (max-width: 768px) {
	.socialTop .widthLink .link a {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	.socialTop .widthLink .link a {
		padding-left: 16px
	}
	
	.socialTop .widthLink .link a:before {
		top: 0.1em;
	}
	
	.socialCategory .colWrap > .boxLink03 a .title span,
	.socialCategory .colWrap > .boxLink03 .noLink .title span {
		height: 56px;
		font-size: 1.3rem;
		padding-left: 5.5%;
		padding-right: 8.5%;
	}
	
	.socialCategory .colWrap > .boxLink03 a .title:before,
	.socialCategory .colWrap > .boxLink03 .noLink .title:before {
		width: 10px;
		height: 18px;
		-webkit-background-size: 10px auto;
		background-size: 10px auto;
		right: 4%;
	}
	
	.socialCategory .colWrap.range2Col > .col .img .caption img {
		width: 14px;
	}
	
	.socialCategory .tabSwitcher.noWrapBorder {
		border: none;
	}
	
	.socialCategory .tabSwitcher.noWrapBorder .spAcodNav {
		border-top: 1px solid #dddddd;
	}
	
	.socialCategory .tabSwitcher.noWrapBorder .spAcodNav li,
	.socialCategory .tabSwitcher.noWrapBorder .tabDetail {
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
	}
	
	.socialCategory .tabSwitcher.noWrapBorder .tabDetail {
		margin-top: 0;
	}
	
	.socialCategory .worldMapWrap {
		margin-top: 0;
	}

	.socialCategory .worldMapWrap .areaLinks {
		overflow: hidden;
		margin-bottom: 30px;
	}

	.socialCategory .worldMapWrap .areaLinks li {
		position: static;
		float: left;
		width: 47.8%;
		margin: 1em 0 0 4.4%;
		line-height: 1.67;
	}

	.socialCategory .worldMapWrap .areaLinks li:nth-child(-n+2) {
		margin-top: 0;
	}

	.socialCategory .worldMapWrap .areaLinks li:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

	.socialCategory .worldMapWrap .areaLinks li > p {
		display: table-cell;
		width: 1%;
		height: 40px;
		padding: 0;
		vertical-align: middle;
		background-color: #003391;
		color: #ffffff !important;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.25;
		text-align: center;
	}
	
	.socialCategory .worldMapWrap .areaLinks li > p:link,
	.socialCategory .worldMapWrap .areaLinks li > p:visited {
		text-decoration: none;
	}
	
	.socialCategory .worldMapWrap .areaLinks li > p:hover,
	.socialCategory .worldMapWrap .areaLinks li > p:active {
		color: #0c479d;
		text-decoration: underline;
	}
	
	.socialTop .banner .img {
		width: 100%;
	}
	
	.socialTop .banner img {
		max-height: 74px!important;
		object-fit: cover;
	}
	
	.socialTop .spMt1em {
		margin-top: 1em!important;
	}

}

.sdgsbond .tableLinksBtn {
	color: #0a5fbe;
	text-decoration: underline;
	
}

.sdgsbond .tableLinksBtn:hover {
	color: #0a5fbe;
	text-decoration: none;
	cursor: pointer;
}
	
/*=================================

	clearfix

=================================*/
[class*=noteType]:after,
.range8Col:after{
	content: "";
	display: block;
	clear: both;
}
[class*=noteType],
.range8Col {
	zoom: 1;
}


