@charset "utf-8";

/* -----------------------------------------------------------------------------

	サイド
	
----------------------------------------------------------------------------- */
#side > ul > li > ul{
	display:none;
}
#side > ul > li:nth-child(2).onactive > a,
#side > ul > li:nth-child(3).onactive > a,
#side > ul > li:nth-child(4).onactive > a,
#side > ul > li:nth-child(5).onactive > a,
#side > ul > li:nth-child(6).onactive > a{
	background: url(/common/img/icon_arrow_down01.png) 15px center no-repeat #fff;
	background-size: 14px auto;
}
.our-sustainability #side > ul > li:nth-child(2) > ul,
.environment #side > ul > li:nth-child(3) > ul,
.society #side > ul > li:nth-child(4) > ul,
.governance #side > ul > li:nth-child(5) > ul,
.basic-info #side > ul > li:nth-child(6) > ul{
	display:block;
}
#side > ul > li:nth-child(2) > a.active,
#side > ul > li:nth-child(3) > a.active,
#side > ul > li:nth-child(4) > a.active,
#side > ul > li:nth-child(5) > a.active,
#side > ul > li:nth-child(6) > a.active{
	/*color: inherit;*/
	background-color: inherit;
	background: url(/common/img/icon_arrow_down01.png) 15px center no-repeat #fff;
	background-size: 14px auto;
}
.top #side > ul > li:nth-child(2) > a.active,
.top #side > ul > li:nth-child(3) > a.active,
.top #side > ul > li:nth-child(4) > a.active,
.top #side > ul > li:nth-child(5) > a.active,
.top #side > ul > li:nth-child(6) > a.active{
	background-color: #e5f5fc;
	color: #009de4;
}

/* -----------------------------------------------------------------------------

	カテゴリートップ

----------------------------------------------------------------------------- */
.categoryTop.sustainability .mv:before {
	background-image: url(../sustainability/img/bg_mv.jpg);
}

/* -----------------------------------------------------------------------------

	下層共通

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

	共通

----------------------------------------------------------------------------- */
.sustainability{
	text-align: justify;
	text-justify: inter-ideograph;
}
.sustainability p + h3{
	margin-top: 50px;
}
.sustainability p + h4{
	margin-top: 30px;
}
.sustainability div + h3{
	margin-top: 50px;
}
.sustainability div + h4{
	margin-top: 30px;
}
.sustainability div.flex + div{
	margin-top: 30px;
}
.sustainability div.flex + p.txt{
	margin-top: 30px;
}
.sustainability .flex .left + div.right{
	margin-top: 30px;
}
.sustainability .flex + p{
	margin-top: 30px;
}
.sustainability div.flex + table{
	margin-top: 30px;
}
.sustainability table + div.flex{
	margin-top: 30px;
}
.sustainability ul + h3{
	margin-top: 30px;
}
.sustainability ul + h3.ttl01{
	margin-top: 50px;
}
.sustainability p.image + p.photo_txt{
	margin-top: -15px;
	margin-bottom:0;
}
.sustainability p.txt + div.flex.strat{
	margin-top:-10px;
}
.sustainability p {
	margin-bottom: 20px;
}
.sustainability p + ul{
	margin-top: -15px;
}
.sustainability ul + p{
	margin-top: 20px;
}
.sustainability p.txt{
	font-weight:bold;
}
.sustainability p.list{
	margin-left: 4em;
	text-indent: -4em;
	margin-bottom: 0;
}
.sustainability p.list.last{
	margin-bottom: 20px;
}
.sustainability strong.subttl{
	font-weight:bold;
	font-size:140%;
	display: inline-block;
	margin-bottom:10px;
}
.sustainability .image img{
	width: 100%;
}
.sustainability main a {
	color: #009ce7;
	text-decoration: underline;
}
.sustainability main .contact a{
	color: #FFFFFF;
	text-decoration: none;
}
.sustainability.categoryTop main a{
	text-decoration: none;
}
.sustainability .flex .left{
	width:100%;
}
.sustainability .flex .right{
	width:100%;
}
.sustainability .marker02 li {
	text-indent: -1em;
	margin-left: 1em;
}
.sustainability ul.flex li{
	width: calc(100% - 1.5em);
	text-indent: -1em;
	margin-left: 1em;
	margin-right: 0.5em;
}
.sustainability ul.flex li:last-child{
	margin-right:0;
}
.sustainability table + h3{
	margin-top: 50px;
}
.sustainability table,
.sustainability table th,
.sustainability table td{
	border-collapse: collapse;
}
.sustainability table th,
.sustainability table td{
	border:solid 1px #333;
	padding:5px;
	vertical-align: middle;
	box-sizing: border-box;
}
.sustainability table th,
.sustainability table td {
	border-top:none;
}
.sustainability table tbody{
	border-top:solid 1px #333;
}
.sustainability table,
.sustainability table th,
.sustainability table td{
	border-collapse: collapse;
}
.sustainability table thead th{
	background-color:#666666;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.sustainability table thead{
	display:none;
}
.sustainability table tbody th:before,
.sustainability table tbody td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right: 20px;
}
.sustainability table tbody th:before{
	display:none;
}
.sustainability table tbody th{
	background-color:#666666;
	color:#FFF;
}
.sustainability table tbody td{
	text-align:right;
}
.sustainability table tbody + tbody{
	border-top: solid 2px;
}
.sustainability table caption{
	position: relative;
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 5px;
}
.sustainability table caption span{
	position: absolute;
	right:0;
	bottom:0;
	font-size: 90%;
	font-weight: normal;
}
.sustainability .tablebottom_txt{
	font-size: 120%;
	margin-top: 10px;
}
.sustainability table {
	box-sizing: border-box;
	border-top: none;
}
.marker01 li:before {
	content: "●";
	color:#009de4;
}
.marker02 li:before {
	content: "●";
	color:#EE821D;
}
.marker03:before {
	content: "■";
	color:#009de4;
}
.marker04:before {
	content: "■";
	color:#EE821D;
}
.marker05 li:before {
	content: "・";
	color:#333333;
}
.marker06 li:before {
	content: "◇";
	color:#333333;
}
.marker01 li,
.marker02 li,
.marker03,
.marker04,
.marker05 li,
.marker06 li{
	margin-left: 1em;
	text-indent: -1em;
	display: block;
}
.customer .flex.marker02 li:last-child{
	margin-bottom:0;
}
ol.counter01{
	counter-reset:item;
}
ol.counter01 li:before {
	counter-increment: item;
	content: counter(item)'.';
	margin-right:0.5em;
}
ol.counter01 li{
	padding-left: 1.5em;
	text-indent: -1.5em;
	box-sizing:border-box;
}
.sustainability main .banner{
	width:50%;
}
.sustainability main .banner a{
	display:block;
}
.sustainability main .banner img{
	width:100%;
}
.sustainability main .banner dt {
	text-align: center;
}
.sustainability main .banner ul li a:hover {
	opacity: 0.7;
}
.sustainability main .banner a {
	color: #009ce7;
	text-decoration: underline;
}
.sustainability .red{
	color:red;
}
.sustainability .darkorange{
	color:darkorange;
}
.sub main a.charter_link{
	color:#333;
	text-decoration: none;
}
.charter{
	background-color: #E8F2D9;
	padding:20px;
}
.charter h4{
	margin-top:0;
}
.charter h4:first-child{
	margin-top:5px;
	margin-bottom:1em;
}
.charter p:last-child{
	margin-bottom:0px;
}
.charter p + h4{
	margin-bottom:0px;
}
.charter h4{
	font-size:150%;
}
.sustainability .ttl02_2{
	font-size: 220%;
	color: rgb(51, 51, 51);
	margin-bottom: 20px;
}
.link:after{
	content:" ";
	font-weight: normal;
	color: #009ee7;
	height: 60px;
	line-height: 1.3;
	background: url(/common/img/icon_arrow04.png) right center no-repeat;
	padding-left: 18px;
}
section .topic{
	padding: 20px;
	border: solid 5px #73bc48;
	background: #E8F2D9;
}
section .topic h4{
	display: inline-block!important;
	color: #73bc48!important;
	font-weight: bold!important;
	font-size: 155%!important;
	margin-right: 0.5em!important;
}
section .topic h5{
	display: inline-block!important;
	color: #333333!important;
	font-weight: bold!important;
	font-size: 155%!important;
	margin-bottom:10px;
}
section .topic a,
section .topic p{font-size: 115%!important;}

section .topic a{
	display:inline-block;
	margin-bottom: 20px;
}
section .topic .photo_txt,
section .topic .image{
	margin:0;
	max-width:340px;
}
section .topic .photo_txt{
	margin-bottom:0.5em;
}
.sustainability ul.anchor02 li {
	float: left;
	margin: 0 10px 10px 0;
}
.sustainability ul.anchor02 li a{
	width:230px;
}
.sustainability ul.anchor02 li:nth-child(3n) {
	margin-right: 0;
}
.sustainability .anchor li a {
	border: 1px solid #ccc;
	color: #333;
	background: #fff url(/common/img/sp/icon_arrow_anchor02.png) 94% center no-repeat;
	background-size: 8px auto;
	padding-right: 15px;
}
.sustainability .anchor + section{
	margin-top:20px;
}
/* -----------------------------------------------------------------------------

	トップメッセージ

----------------------------------------------------------------------------- */
.message strong{
	font-weight:normal;
	color:#009de4;
}
.message main h3 {
	margin-bottom: 20px;
}
.message main p {
	margin-bottom: 20px;
}
.message main dl {
	text-align: center;
	margin-top: 20px;
}
.message main dl dt {
	font-size: 140%;
}
.message main dl dt img {
	width: 50%;
	margin: 0 auto;
	display: block;
}
.message main dl dd {
	width: 45%;
	margin: 0 auto;
}
.message main p.signature {
	text-align: right;
	margin-bottom: 60px;
}
.message main p.signature img {
	max-width:280px;
}
/* -----------------------------------------------------------------------------

	価値創造プロセス

----------------------------------------------------------------------------- */
.process h4.catch{
	margin-top:60px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.6;
}
.process .mv {
	position: relative;
	border: solid 1px #EEEEEE;
	overflow: hidden;
}
.process .mv h3 {
	position: absolute;
	top: 110px;
	left: 22px;
	color: #009de4;
	font-size: 190%;
	line-height: 1.4;
}
.process .mv p {
	position: absolute;
	top: 200px;
	left: 23px;
	color: #333;
	font-size: 150%;
	line-height: 1.4;
}
.process .basicMatters.flex{
	justify-content: space-between;
	margin-top:30px;
	margin-bottom:30px;
}
.process .basicMatters.flex li {
	box-sizing: border-box;
	width: 100%;
	text-indent: 0;
	margin-left: 0;
	margin-right: 30px;
	padding:0.5em;
	font-size: 160%;
	font-weight: bold;
	color: #009de4;
	text-align:center;
}
.process .basicMatters.flex li:last-child{
	margin-right: 0;
}
.process .businessField.flex{
	justify-content: space-between;
	margin-bottom:30px;
}
.process .businessField.flex li {
	box-sizing: border-box;
	width: 100%;
	text-indent: 0;
	margin-left: 0;
	margin-bottom: 10px;
	padding: 1em;
	border-radius:50px;
	font-size: 150%;
	color:#FFFFFF;
	text-align:center;
	background-color:#999999;
}
.process .businessField.flex li:last-child{
	margin-right: 0;
}
.process .businessField.flex li:nth-child(1){
	background-color:#DA628C;
}
.process .businessField.flex li:nth-child(2){
	background-color:#4166A8;
}
.process .businessField.flex li:nth-child(3){
	background-color:#93BE4B;
}
.process .strengths{
	margin-bottom:30px;
}
.process .strengths li{
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom:10px;
	font-weight:bold;
	font-size: 150%;
}
.process .strengths li:before{
	content:"・";
}
.process .strengths li span{
	font-size: 95%;
	font-weight:normal;
	word-break: keep-all;
}
.process .gstep30 storng{
	font-size:200%;
	font-weight:bold;
}
.process .valueProvided{
	position: relative;
}
.process .valueProvided span{
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.process h4.catch2{
	margin-top:60px;
	margin-bottom: 80px;
	text-align: center;
	color: #333333;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.6;
}
.process h4 + ul.vision{
	margin-top:-10px;
}
.process .vision{
	margin-bottom:30px;
}
.process .vision li{
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom:5px;
	font-weight:bold;
	font-size: 150%;
	color: #009de4;
}
.process .vision li:before{
	content:"・";
}
.process .neighborhood{
	margin-bottom: 70px;
}
.process .neighborhood h4{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 20px;
}
.process .neighborhood .flex{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0;
	text-align: left;
	justify-content: flex-start;
}
.process .neighborhood .flex .left{
	width: auto;
	margin-right: 40px;
}
.process .neighborhood .flex .right{
	width: auto;
}
.process .neighborhood p{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 0;
	text-align: left;
}
.process .neighborhood p span{
	font-size: 200%;
	margin-left:0.25em;
	margin-right: 0.25em;
}
.process div.bg_arrow{
	margin-bottom:40px;
}
.process section .bg_arrow{
	background: url(/sustainability/img/process/img_arrow.png?20221209) no-repeat center bottom 0;
	padding-bottom:65px;
}
.process section .bg_arrow:last-child{
	background: none;
	padding-bottom:0;
}
.process .banner{
	width:50%;
}
/* -----------------------------------------------------------------------------

	優先課題／サステナビリティの推進

----------------------------------------------------------------------------- */
.categoryTop main.priority .mv{
	height:auto;
	margin-bottom: 30px
}
.categoryTop main.priority .mv:before{
	content:none;
}
.categoryTop main.priority ul{
	overflow: hidden;
}
.categoryTop main.priority ul li h3 {
	font-size: 130%;
	/*height:40px;*/
}
.categoryTop main.priority ul li div p {
	font-size: 100%;
}
.process .mv {
	position: relative;
	border: solid 1px #EEEEEE;
	overflow: hidden;
}
.process .mv h3 {
	position: absolute;
	top: 110px;
	right: 22px;
	color: #009de4;
	font-size: 190%;
	line-height: 1.4;
}
.process .mv p {
	position: absolute;
	top: 200px;
	left: 23px;
	color: #333;
	font-size: 150%;
	line-height: 1.4;
}

.priority .flex strong.subttl{font-size:140%;}

/* -----------------------------------------------------------------------------

	サステナビリティ方針

----------------------------------------------------------------------------- */
.basicpolicy .basicPolicy{
	background-color: #E1ECF7;
	padding:15px;
}
.basicpolicy .basicPolicy h4{
	margin-top:15px;
}
.basicpolicy .basicPolicy h4:first-child{
	margin-top:5px;
}
.basicpolicy .basicPolicy p:last-child{
	margin-bottom:0px;
}
.basicpolicy .basicPolicy p + h4{
	margin-bottom:0px;
}
.basicpolicy .basicPolicy h4{
	font-size:150%;
}
.basicpolicy h4 + ul{
	margin-top:15px;
}
.basicpolicy div + p{
	margin-top:30px;
}
.basicpolicy .flex.marker02 li{
	width:100%;
	font-size: 116%;
	margin-bottom:1em;
}
.basicpolicy .flex.marker02 li:last-child{
	margin-bottom:0;
}
.basicpolicy .counter01 li{
	width:100%;
	margin-bottom:0.5em;
	font-size: 120%;
}
.basicpolicy .marker01{
	margin:2em auto;
	width: fit-content;
	font-size:14px;
	font-weight:bold;
}
.basicpolicy .marker02 li:before {
	content: "●";
	color: #4C99CF;
	font-weight:bold;
}
.basicpolicy .ttl01 + .basicPolicy{
	background-color: #E8F2D9;
}
.basicpolicy .ttl01 + .basicPolicy p{
	font-size: 1.38em;
	margin-top:15px;
}

/* -----------------------------------------------------------------------------

	優先課題（マテリアリティ）とKPI

----------------------------------------------------------------------------- */
.materiality-kpi table tbody th {
	background-color: #009de4;
}
.materiality-kpi .table01 .image{
	margin-bottom:0;
	min-width: 170px;
	justify-content:flex-start;
}
.materiality-kpi .table01 .image img{
	max-width:30px;
	margin-left:5px;
}
.materiality-kpi .table01 .image img:first-child{
	margin-left:0px;
}
.materiality-kpi .table01 .image img:nth-of-type(n+6){
	margin-top:5px;
}

.materiality-kpi table tbody td[data-label="KPI"]{
	background:#e5f5fc;
}

.materiality-kpi table tbody td:before {
	margin-right: 0.75em;
}
.materiality-kpi .table01 a{
	color:#333;
	text-decoration:none;
}
.materiality-kpi .table01 a:hover{
	opacity: 0.8;
}
.materiality-kpi .table01 a:after{
	content:"　";
	width:16px;
	height:16px;
	background: url(/sustainability/img/priority/materiality-kpi/icon_kpi.png) no-repeat 100% center;
	background-size:100%;
	display:inline-block;
	margin-left:-2px;
}

/* -----------------------------------------------------------------------------

	サステナビリティプラン

----------------------------------------------------------------------------- */
.splan table tbody th {
	background-color: #009de4;
}
.splan table tbody td {
	font-size:1.2em;
}
.splan table tbody tr th.thsubtitle01{
	background-color: #e5f5fc;
	color:#333333;
}
.splan table tbody tr th.thsubtitle02{
	background-color: #f6fcff;
	color:#333333;
}
.splan .table01 .image{
	margin-bottom:0;
	min-width: 170px;
	justify-content:flex-start;
}
.splan .table01 .image img{
	max-width:30px;
	margin-left:5px;
}
.splan .table01 .image img:first-child{
	margin-left:0px;
}
.splan .table01 .image img:nth-of-type(n+6){
	margin-top:5px;
}

.splan table tbody td[data-label="KPI"]{
	background:#e5f5fc;
}

.splan table tbody td:before {
	margin-right: 0.75em;
}
.splan .table01 a{
	color:#333;
	text-decoration:none;
}
.splan .table01 a:hover{
	opacity: 0.8;
}
.splan table tbody td:before {
	content: attr(data-label);
	float: left;
	font-weight: normal;
	margin-right: 20px;
}
.splan table tbody strong {
	color: red;
}
.splan table + p {
	margin-top: 20px;
}
.splan ul.marker01.flex li {
	display:block;
}
.splan .table01 a.icon01:after{
	content:"　";
	width:16px;
	height:16px;
	background: url(/sustainability/img/priority/materiality-kpi/icon_kpi.png) no-repeat 100% center;
	background-size:100%;
	display:inline-block;
	margin-left:-2px;
}
.splan .table01 a.icon02:after{
	content:"　";
	width:16px;
	height:16px;
	background: url(/sustainability/img/priority/materiality-kpi/icon_kpi.png) no-repeat 100% center;
	background-size:100%;
	display:inline-block;
	margin-left:2px;
}
@media screen and (min-width: 425px){
	.splan .flex{
		display:flex;
		justify-content:space-between;
		align-items: flex-start;
	}
	.splan .flex .left{
		width: 45%;
	}
	.splan .flex .right{
		width: 50%;
	}
	.sustainability .flex .left + div.right {
		margin-top: 0;

	}
}
@media screen and (max-width: 424px){
	.splan .flex .left + div.right {
		margin-top: 40px!important;
	}
}

.splan ul.marker01.flex{
	display:block;
}
.splan ul.marker01.flex li {
	width: calc(100% - 1.5em);
	font-size:1.2em;
}
/* -----------------------------------------------------------------------------

	サステナビリティロードマップ

----------------------------------------------------------------------------- */
.roadmap table th,
.roadmap table td{
	display:table-cell;
	font-size: 90%;
}
.roadmap table{
	display: block;
	border-collapse: collapse;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
	white-space: nowrap;
	border-top:solid 1px
}

.roadmap table thead{
	display: contents;
}
.roadmap table thead th {
	background-color: #009de4;
	white-space: nowrap;
}
.roadmap table tbody td:last-child {
	text-align:center;
}
.roadmap table tbody th{
	border-top: solid 1px;
	width: 1em;
	background-color: #e5f5fc;
	font-weight: bold;
	color:#333333;
}
.roadmap table tbody th.No{
	font-size:1.4em;
	width: 28.16px;
	max-width: 28.16px;
}
.roadmap table thead th:nth-child(1){
	width: 260px;
}
.roadmap table tbody th:nth-child(2){
	white-space:nowrap;
	width: 103.25px;
	max-width: 103.25px;
	min-width: 103.25px;
}
.roadmap table tbody tr th:last-child{
	/*font-weight:normal;*/
}
.roadmap .table01 thead,
.roadmap .table01 tbody{
	width:710px;
}
.roadmap .table01 th{
	font-size:11px;
}
.roadmap .table01 td{
	text-align: left;
	font-size:12px;
	vertical-align: top;
	position:relative;
}
.roadmap table thead th:nth-child(2),
.roadmap table thead th:nth-child(3),
.roadmap table thead th:nth-child(4),
.roadmap table thead th:nth-child(5) {
	min-width:108.5px;
}
.roadmap .dotlineTop{
	border-top:dotted 1px !important;
}
.roadmap .dotlineBottom{
	border-bottom:dotted 1px !important;
}
.roadmap .nolineTop{
	border-top: none !important;
}
.roadmap .nolineBottom{
	border-bottom: none !important;
}
.roadmap div.flex{
	display: flex;
	position: relative;
	z-index:0;
}
.roadmap div.flex + .flex{
	margin:0;
	margin-top:5px;
}
.roadmap .arrow{
	box-sizing: border-box;
	background: #DDDDDD;
	text-align: center;
	padding: 0.5em;
	position: relative;
	margin-right:15px;
	font-size:11px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.roadmap .arrow:after{
	content: " ";
	background: #DDDDDD;
	height: 100%;
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	top: 0;
	right: -15px;
	display: block;
	box-sizing: border-box;
}
.roadmap .arrow:last-child{
	margin-bottom:0;
}
.roadmap .arrow.w100{
	width:100%;
}
.roadmap .arrow.nocontent,
.roadmap .arrow.nocontent:after{
	background: rgb(255 255 255 / 0%);
}
.roadmap .arrow.orange{
	background: linear-gradient(0.25turn, #f6e2a5, #f4ce59);
}
.roadmap .arrow.orange:after{
	background:#f4ce59;
	border-left:solid 1px #f4ce59;
}
.roadmap .arrow.blue{
	background: linear-gradient(0.25turn, #d0d7f3, #96ACEA);
}
.roadmap .arrow.blue.v2{
	background: linear-gradient(0.25turn, #e9ebf2, #96ACEA);
}
.roadmap .arrow.blue:after{
	background:#96ACEA;
	border-left:solid 1px #96ACEA;
}
.roadmap .arrow.blue2{
	background: linear-gradient(0.25turn, #DBF0FF, #84D3FF);
}
.roadmap .arrow.blue2.v2{
	background: linear-gradient(0.25turn, #F7FCFF, #84D3FF);
}
.roadmap .arrow.blue2:after{
	background:#84D3FF;
	border-left:solid 1px #84D3FF;
}
.roadmap .arrow.green{
	background: linear-gradient(0.25turn, #EAFAE0, #BFF399);
}
.roadmap .arrow.green.v2{
	background: linear-gradient(0.25turn, #F7FDF2, #BFF399);
}
.roadmap .arrow.green:after{
	background:#BFF399;
	border-left:solid 1px #BFF399;
}
.roadmap .grid {
	display: flex;
	height: 100%;
	position: absolute;
	width: 100%;
	margin:-5px;
}
.roadmap .grid span {
	border-right: 1px dotted #BBBBBB;
	height: 100%;
	width: 107.5px;
}
/* -----------------------------------------------------------------------------

	推進体制（サステナビリティ委員会）

----------------------------------------------------------------------------- */
.promotion-framework h4 + p + p + p,
.promotion-framework h4 + p + p + p + p{
	margin-top: -15px;
}

/* -----------------------------------------------------------------------------

	イニシアチブへの賛同

----------------------------------------------------------------------------- */
.initiative main .flex{
	align-items: center;
}
.initiative main .flex p{
	margin-bottom:0;
}
.initiative main hr{
	margin:20px 0;
	border:none;
	border-top:1px dotted #d7d7d7;
}
.initiative .flex{
	justify-content:flex-start; 
}
.initiative .flex{
	justify-content:flex-start;
	display: flex;
	max-width: 500px;
}
.initiative .tcfd_logo{
	max-width: 210px;
}
.initiative .tcfd_logo:nth-child(1){
	margin-left:-40px;
}
.initiative .tcfd_logo:nth-child(2),
.initiative .tcfd_logo:nth-child(3){
	left: -30px;
	position: relative;
}
/* -----------------------------------------------------------------------------

	環境

----------------------------------------------------------------------------- */
.categoryTop main.environment .mv{
	height:auto;
	margin-bottom: 30px
}
.categoryTop main.environment .mv:before{
	content:none;
}
.categoryTop main.environment ul{
	overflow: hidden;
}
.categoryTop main.environment ul li h3 {
	font-size: 130%;
	height:40px;
}
.categoryTop main.environment ul li div p {
	font-size: 100%;
}
.environment .mv {
	border:solid 1px #EEE;
	overflow:hidden;
}
.environment .mv p {
	position: absolute;
	top: 120px;
	left: 32px;
	color: #24a4e6;
	font-size: 220%;
	line-height: 1.4;
	display:none;
}
.environment .mv span {
	font-size: 80%;
	display:block;
}
/* -----------------------------------------------------------------------------

	環境方針・体制

----------------------------------------------------------------------------- */
.policies .charter{
	background-color: #E8F2D9;
	padding:30px;
}
.policies .charter h4{
	margin-top:30px;
}
.policies .charter h4:first-child{
	margin-top:10px;
}
.policies .charter p:last-child{
	margin-bottom:0px;
}
.policies .charter p + h4{
	margin-bottom:0px;
}
.policies .charter h4{
	font-size:150%;
}
.policies table {
	box-sizing: border-box;
}
.policies table tbody{
	border-top:none;
	border-bottom:solid 1px #333;
}
.policies table th,
.policies table td{
	border:solid 1px #333;
	border-bottom:none;
	padding:10px;
	vertical-align: middle;
	box-sizing: border-box;
}
.policies .flex .left,
.policies .flex .right{
	width:100%;
}
.policies table tbody th{
	width: 100%;
	background-color: #E8F2D9;
	color:#333;
}
.policies table tbody td{
	text-align:left;
}
.policies table.right {
	border-top:none;
}
.policies table + table tbody > tr:first-child > th{
	border-top:none;
}
.policies .iso table {
	box-sizing: border-box;
}
.policies .iso table tbody{
	border-top:none;
	border-bottom:solid 1px #333;
}
.policies .iso table th,
.policies .iso table td{
	border:solid 1px #333;
	border-bottom:none;
	padding:10px;
	vertical-align: middle;
	box-sizing: border-box;
}
.policies .iso .flex .left,
.policies .iso .flex .right{
	width:100%;
}
.policies .iso table tbody th{
	background-color: #A2CE6F;
	color:#333;
}
.policies .iso table tbody td{
	text-align:left;
}
.policies .iso table.right {
	border-top:none;
}
.policies .iso table + table tbody > tr:first-child > th,
.policies .iso table + table tbody > tr:first-child > td{
	border-top:none;
}
.policies .iso table th{
	width: 0em;
	background-color: #A2CE6F;
	padding:2px 2px;
}
.policies .iso table th, .policies .iso table td {
	display: table-cell;
}
.policies .iso table th{
	width:0%;
}

.policies .plan table tbody th {
	background-color: #A2CE6F;
}

.policies .plan table.table02 tbody th {
	color: #FFF;
	background-color: #A2CE6F;
}
.policies .plan table.table02 tbody td {
    text-align: right;
}
/* -----------------------------------------------------------------------------

	環境配慮型素材

----------------------------------------------------------------------------- */
.material p.image{
	text-align: left;
}

/* -----------------------------------------------------------------------------

	環境への取り組みの方針・歩み

----------------------------------------------------------------------------- */
.initiatives .charter{
	background-color: #E8F2D9;
	padding:30px;
}
.initiatives .charter h4{
	margin-top:30px;
}
.initiatives .charter h4:first-child{
	margin-top:10px;
}
.initiatives .charter p:last-child{
	margin-bottom:0px;
}
.initiatives .charter p + h4{
	margin-bottom:0px;
}
.initiatives .charter h4{
	font-size:150%;
}
.initiatives table {
	box-sizing: border-box;
}
.initiatives table tbody{
	border-top:none;
	border-bottom:solid 1px #333;
}
.initiatives table th,
.initiatives table td{
	border:solid 1px #333;
	border-bottom:none;
	padding:10px;
	vertical-align: middle;
	box-sizing: border-box;
}
.initiatives .flex .left,
.initiatives .flex .right{
	width:100%;
}
.initiatives table tbody th{
	width: 100%;
	background-color: #E8F2D9;
	color:#333;
}
.initiatives table tbody td{
	text-align:left;
}
.initiatives table.right {
	border-top:none;
}
.initiatives table + table tbody > tr:first-child > th{
	border-top:none;
}
/* -----------------------------------------------------------------------------

	環境中期計画

----------------------------------------------------------------------------- */
.plan table tbody th {
	background-color: #A2CE6F;
}

/* -----------------------------------------------------------------------------

	CO2排出量削減（Scope1,2,3）

----------------------------------------------------------------------------- */
.sustainability.co2 p + .flex {
	margin-top: 30px;
}
.co2 table tbody th {
	background-color: #E8F2D9;
	color:#333333;
	font-size: 120%;
}
.co2 .table02 th {
	display: revert;
	text-align:left;
}
.co2 .table02 td {
	text-align:center;
	display: table-cell!important;
	width: 50%;
	font-size: 120%;
}
.co2 .table02 tr:nth-child(2) td {
	text-align: center;
}
.co2 .charter{
	background-color: #E8F2D9;
	padding:20px;
}
.co2 .charter h4{
	margin-top:0;
}
.co2 .charter h4:first-child{
	margin-top:0;
}
.co2 .charter p:last-child{
	margin-bottom:0px;
}
.co2 .charter p + h4{
	margin-bottom:0px;
}
.co2 .charter h4{
	font-size:150%;
}
/* -----------------------------------------------------------------------------

	TCFD

----------------------------------------------------------------------------- */
/*20230620*/
.sustainability .tcfd table th{
	background:#E8F2D9;
	color:#333;
}
.sustainability .tcfd table th[data-label="分 類：移行リスク"],
.sustainability .tcfd table th[data-label="分 類：物理的リスク"],
.sustainability .tcfd table th[data-label="分 類：機会"]{
	background:#A2CE6F;
	color:#FFFFFF;
}
.sustainability .tcfd table tbody td[data-label="要因："]{
	border-top: 2px solid #999999;
	background:#EFEFEF;
}

.sustainability .tcfd table tbody td:before {margin-right: 0px;}
.sustainability .tcfd table tbody td[data-label="要因："]:before,
.sustainability .tcfd table tbody td[data-label="事業影響："]:before,
.sustainability .tcfd table tbody td[data-label="財務影響："]:before,
.sustainability .tcfd table tbody td[data-label="主な対応："]:before,
.tcfd table tbody td[data-label="主な機会："]:before{
	content: attr(data-label);
	font-weight: bold;
	margin-right: 20px;
	display: block;
	float: none;
}
.tcfd table + table{
	margin-top:30px;
}
.tcfd table{
	font-size:100%;
}
.tcfd table thead{
	font-size:90%;
}
.tcfd table tbody td[data-label="主な対応："],
.tcfd table tbody td[data-label="主な機会："]{
	float:none!important;
}
.tcfd table tbody{
	font-size:85%;
}
.tcfd table tbody th,
.tcfd table tbody td{
	padding:5px;
	text-align: left;
}
.tcfd table thead th {
	background-color: #A2CE6F;
}
.tcfd table tbody td ul.marker01 li, .tcfd table tbody td ul.marker06 li{
	font-size:100%;
}
.tcfd .marker01 li:before {
	color: #7EB635;
}
.tcfd .marker06 li:before {
	color: #7EB635;
}
.tcfd .marker06 li.marker-none:before {
	content: "";
}
.tcfd .marker06 li .marker01 li:before {
	content: "●";
	color: #7EB635;
}
.tcfd .term{
	background-color: #E8F2D9;
	padding: 20px;
}
.tcfd .term p{
	margin-bottom:0.5em;
	line-height:1.3em;
}
.tcfd .term p:last-child{
	margin-bottom:0;
}

.tcfd strong{
	font-size: 1.4em;
	display: inline-block;
	margin-bottom: 0.5em;
}

.tcfd table + div.term{
	margin-top: 15px;
}

.sustainability .tcfd table.table02 tbody td[data-label="2℃未満シナリオ"]:before,
.sustainability .tcfd table.table02 tbody td[data-label="4℃シナリオ"]:before{
	content: attr(data-label);
	font-weight: bold;
	margin-right: 20px;
	display: block;
	float: none;
}



/* -----------------------------------------------------------------------------

	化学物質管理

----------------------------------------------------------------------------- */
.sustainability.chemical table + h4 {
	margin-top: 30px;
}
.chemical table tbody th {
	background-color: #A2CE6F;
}

/* -----------------------------------------------------------------------------

	ISO14001

----------------------------------------------------------------------------- */
.iso table {
	box-sizing: border-box;
}
.iso table tbody{
	border-top:none;
	border-bottom:solid 1px #333;
}
.iso table th,
.iso table td{
	border:solid 1px #333;
	border-bottom:none;
	padding:10px;
	vertical-align: middle;
	box-sizing: border-box;
}
.iso .flex .left,
.iso .flex .right{
	width:100%;
}
.iso table tbody th{
	width: 100%;
	background-color: #E8F2D9;
	color:#333;
}
.iso table tbody td{
	text-align:left;
}
.iso table.right {
	border-top:none;
}
.iso table + table tbody > tr:first-child > th{
	border-top:none;
}
/* -----------------------------------------------------------------------------

	社会

----------------------------------------------------------------------------- */
.categoryTop main.society .mv{
	height:auto;
	margin-bottom: 30px
}
.categoryTop main.society .mv:before{
	content:none;
}
.categoryTop main.society ul{
	overflow: hidden;
}
.categoryTop main.society ul li h3 {
	font-size: 130%;
	height:40px;
}
.categoryTop main.society ul li div p {
	font-size: 100%;
}
.society .mv {
	border:solid 1px #EEE;
	overflow:hidden;
}
.society .mv p {
	position: absolute;
	top: calc(50% - 27px);
	left: 72px;
	color: #24a4e6;
	font-size: 220%;
	line-height: 1.4;
	margin:0;
	display:none;
}
.society .mv span {
	font-size: 80%;
	display:block;
}
/* -----------------------------------------------------------------------------

	お客様との関わり

----------------------------------------------------------------------------- */
.customer .qualityPolicy{
	background-color: #FEF4E8;
	padding:15px;
}
.customer .qualityPolicy h4{
	margin-top:15px;
}
.customer .qualityPolicy h4:first-child{
	margin-top:5px;
}
.customer .qualityPolicy p:last-child{
	margin-bottom:0px;
}
.customer .qualityPolicy p + h4{
	margin-bottom:0px;
}
.customer .qualityPolicy h4{
	font-size:150%;
}
.qualityPolicy h4 + ul{
	margin-top:15px;
}
.customer .flex.marker02 li{
	font-size: 116%;
	margin-bottom:1em;
}
.customer .counter01 li{
	width:100%;
	margin-bottom:0.5em;
	font-size: 120%;
}
.customer .flex .left,
.customer .flex .right{
	width:100%;
}
/* -----------------------------------------------------------------------------

	従業員との関わり

----------------------------------------------------------------------------- */
.sustainability.employee table + h4 {
	margin-top: 30px;
}
.employee table caption {
	padding-right: 2em;
}
.employee table thead th {
	background-color: #F4A959;
}
.employee table tbody th {
	background-color: #F4A959;
}
.employee table + table{
	margin-top: 30px;
}
.employee .marker02{
	margin-left: 3.5em;
}
.employee .marker01 li:before {
	color: #EB851E;
}
.employee .policy p + ul{
	margin-top: 0;
}
/* -----------------------------------------------------------------------------

	取引先との関わり

----------------------------------------------------------------------------- */
.sustainability.employee table + h4 {
	margin-top: 30px;
}
.employee table thead th {
	background-color: #F4A959;
}
.employee table tbody th {
	background-color: #FDE8D0;
}
.employee table + table{
	margin-top: 30px;
}
.employee .marker02{
	margin-left: 3.5em;
}
.employee .policy{
	background-color: #FEF4E8;
	padding:30px;
}
.employee .policy h4{
	margin-top:30px;
	margin-bottom:20px;
}
.employee .policy h4:first-child{
	margin-top:5px;
}
.employee .policy p:last-child{
	margin-bottom:0px;
}
.employee .policy p + h4{
	margin-bottom:0px;
}
.employee .policy h4{
	font-size:150%;
}
.employee .policy h4:first-child{
	font-size:180%;
}

.employee div.policy + div.policy{
	margin-top:40px;
}

.employee a + h3{
	margin-top:50px;
}

.employee .charter {
	background-color:#FEF4E8;
	padding: 20px;
}

.suppliers .purchasing_policy{
	background-color: #FEF4E8;
	padding:30px;
}
.suppliers .purchasing_policy h4{
	margin-top:30px;
}
.suppliers .purchasing_policy h4:first-child{
	margin-top:10px;
}
.suppliers .purchasing_policy p:last-child{
	margin-bottom:0px;
}
.suppliers .purchasing_policy p + h4{
	margin-bottom:0px;
}
.suppliers .purchasing_policy h4{
	font-size:140%;
}
.suppliers .purchasing_policy h4:first-child{
	font-size:180%;
}
.suppliers .purchasing_policy p{
	margin-left:25px;
}
.suppliers main ul {
	margin-left:25px;
}
.suppliers main li {
	text-indent: -1em;
	padding-left: 1em;
}
.suppliers .pdca{
	max-width:300px;
}
.employee div + p.image{
	margin-top:40px;
}
.employee p.image + h4.ttl02{
	margin-top:40px;
}
.employee table + a{
	display:block;
	margin-top:40px;
}
.employee ul + a{
	display:block;
	margin-top:40px;
}
.suppliers .charter {
	background-color:#FEF4E8;
	padding: 20px;
}

.employee table tbody th:first-child{
	background-color: #F4A959;
}
/* -----------------------------------------------------------------------------

	人権

----------------------------------------------------------------------------- */
.sustainability.humanrights table + h4 {
	margin-top: 30px;
}
.humanrights table caption {
	padding-right: 2em;
}
.humanrights table thead th {
	background-color: #F4A959;
}
.humanrights table tbody th {
	background-color: #F4A959;
}
.humanrights table + table{
	margin-top: 30px;
}
.humanrights .marker02{
	margin-left: 3.5em;
}
.humanrights .marker01 li:before {
	color: #EB851E;
}
.humanrights .policy p + ul{
	margin-top: 0;
}
.humanrights .policy{
	background-color: #FEF4E8;
	padding:30px;
}
.humanrights .policy h4 + p{
	margin-top:10px;
	margin-bottom:20px;
}
.humanrights .policy h4 + h4{
	margin-top:20px;
}
.humanrights .policy h4:first-child{
	margin-top:5px;
}
.humanrights .policy p:last-child{
	margin-bottom:0px;
}
.humanrights .policy p + h4{
	margin-bottom:0px;
}
.humanrights .policy h4{
	font-size:150%;
}
.humanrights .policy h4:first-child{
	font-size:180%;
}
.humanrights div.policy + div.policy{
	margin-top:40px;
}
.humanrights a.pdf{
	font-size: 100%;
	color: #333;
	padding: 5px 30px 0;
	text-decoration: none;
	background: url(/common/img/icon_pdf.png) 6px 7px no-repeat;
	display:block;
}
.humanrights a.pdf span {
	background: #009ce7;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
	padding: 2px 6px 1px 7px;
	border-radius: 3px;
}
/* -----------------------------------------------------------------------------

	ダイバーシティ＆インクルージョン

----------------------------------------------------------------------------- */
.diversity-inclusion .policy + .flex{
	margin-top: 20px;
}
.diversity-inclusion .policy{
	background-color: #FEF4E8;
	padding:30px;
}
.diversity-inclusion .policy h4 + p{
	margin-top:10px;
	margin-bottom:20px;
}
.diversity-inclusion .policy h4 + h4{
	margin-top:20px;
}
.diversity-inclusion .policy h4:first-child{
	margin-top:5px;
}
.diversity-inclusion .policy p:last-child{
	margin-bottom:0px;
}
.diversity-inclusion .policy p + h4{
	margin-bottom:0px;
}
.diversity-inclusion .policy h4{
	font-size:150%;
}
.diversity-inclusion .policy h4:first-child{
	font-size:180%;
}
.diversity-inclusion div.policy + div.policy{
	margin-top:40px;
}

.sustainability.diversity-inclusion table + h4 {
	margin-top: 30px;
}
.diversity-inclusion table thead th {
	background-color: #F4A959;
}
.diversity-inclusion table tbody th {
	background-color: #FDE8D0;
}
.diversity-inclusion table.table04 tbody th{
	text-align:left;
}
.diversity-inclusion table + table{
	margin-top: 30px;
}
.diversity-inclusion .marker02{
	margin-left: 3.5em;
}

.diversity-inclusion a + h3{
	margin-top:50px;
}

.diversity-inclusion .charter {
	background-color:#FEF4E8;
	padding: 20px;
}

.suppliers .purchasing_policy{
	background-color: #FEF4E8;
	padding:30px;
}
.suppliers .purchasing_policy h4{
	margin-top:30px;
}
.suppliers .purchasing_policy h4:first-child{
	margin-top:10px;
}
.suppliers .purchasing_policy p:last-child{
	margin-bottom:0px;
}
.suppliers .purchasing_policy p + h4{
	margin-bottom:0px;
}
.suppliers .purchasing_policy h4{
	font-size:140%;
}
.suppliers .purchasing_policy h4:first-child{
	font-size:180%;
}
.suppliers .purchasing_policy p{
	margin-left:25px;
}
.suppliers main ul {
	margin-left:25px;
}
.suppliers main li {
	text-indent: -1em;
	padding-left: 1em;
}
.suppliers .pdca{
	max-width:300px;
}
.diversity-inclusion div + p.image{
	margin-top:40px;
}
.diversity-inclusion p.image + h4.ttl02{
	margin-top:40px;
}
.diversity-inclusion table + a{
	display:block;
	margin-top:40px;
}
.diversity-inclusion ul + a{
	display:block;
	margin-top:40px;
}
.diversity-inclusion .charter {
	background-color:#FEF4E8;
	padding: 20px;
}

.diversity-inclusion table tbody th:first-child{
	background-color: #F4A959;
}
.diversity-inclusion table tbody td{
	font-size: 1.2em;
}
/* -----------------------------------------------------------------------------

	人材育成と健康経営

----------------------------------------------------------------------------- */
.sustainability.training-health table + h4 {
	margin-top: 30px;
}
.training-health table caption {
	padding-right: 2em;
}
.training-health table thead th {
	background-color: #F4A959;
}
.training-health table tbody th {
	background-color: #F4A959;
}
.training-health .charter {
	background-color: #FEF4E8;
	padding: 20px;
}
.training-health .policy{
	background-color: #FEF4E8;
	padding:30px;
}
.training-health .policy h4 + p{
	margin-top:10px;
	margin-bottom:20px;
}
.training-health .policy h4 + h4{
	margin-top:20px;
}
.training-health .policy h4:first-child{
	margin-top:5px;
}
.training-health .policy p:last-child{
	margin-bottom:0px;
}
.training-health .policy p + h4{
	margin-bottom:0px;
}
.training-health .policy h4{
	font-size:150%;
}
.training-health .policy h4:first-child{
	font-size:180%;
}
.training-health table + table{
	margin-top: 30px;
}
.training-health .marker02{
	margin-left: 3.5em;
}
.training-health .marker01 li:before {
	color: #EB851E;
}
.training-health .policy p + ul{
	margin-top: 0;
}
div.policy + a.charter_link{
	margin-top:20px;
	display: block;
}
a.charter_link + .ttl02{
	margin-top:40px;
}

.training-health .table01 th{
	background-color: #FDE8D0;
}
.training-health .table01 th span{
	display:none;
}
/* -----------------------------------------------------------------------------

	デジタルトランスフォーメーション（DX）の推進

----------------------------------------------------------------------------- */
.sustainability.dx table + h4 {
	margin-top: 30px;
}
.sustainability.dx table + table {
	margin-top: 30px;
}
.sustainability.dx ul + h4 {
	margin-top: 30px;
}
.sustainability.dx main.dx .ttl02 + p {
	letter-spacing: -0.0008em;
}
.sustainability.dx table + .wrap {
	margin-top: 30px;
	position: relative;
}
.sustainability.dx section ul{
	margin-top: 0;
	margin-left:1em;
	margin-right:1em;
}
.dx table{
	font-size:0.9em;
}
.dx table thead th {
	background-color: #F4A959;

}
.dx table tbody th {
	background-color: #FDE8D0;
}
.dx table.table04 tbody th{
	text-align:center;
}
.dx table + table{
	margin-top: 30px;
}
.dx .table01 thead th:first-child{
	min-width:16em;
}
.dx  table.table01.t02 thead th:nth-child(3){
	white-space:nowrap;
	padding-left:2em;
	padding-right:2em;
}
.dx table.table01.t02 tbody tr:nth-child(1) td:nth-child(2),
.dx table.table01.t02 tbody tr:nth-child(2) td:nth-child(1),
.dx table.table01.t02 tbody tr:nth-child(3) td:nth-child(2),
.dx table.table01.t02 tbody tr:nth-child(4) td:nth-child(2)
{
	padding-left:30px;
}

.dx table.table01.t02 tbody td[data-label="対象スキル"]{
	text-align:left;
}
.dx table.table01 tbody th{
	background-color: #F4A959;
}
.dx table.table01.t02 tbody td[data-label="対象スキル"]:before{
	width:100%;
}
@media screen and (max-width: 390px){
	.dx table.table01 tbody td:before{
		width:100%;
	}
	.dx table.table01 tbody td{
		text-align:left;
	}
}
.dx .arrow {
	height: calc(100% - 50px);
	width: 10px;
	background: linear-gradient(rgb(27 155 224),rgb(27 155 224),rgb(255 255 255));
	position: absolute;
	margin-top: 45px;
	margin-left: 0px;
	z-index: 2;
	left: 10px;
}

.dx .arrow::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 15px solid #119ce2;
	border-top: 0;
	position: absolute;
	top: -2%;
	left: -47%;
}
.dx table.table01.t02 th,
.dx table.table01.t02 td{
	padding-left:30px;
}
/* -----------------------------------------------------------------------------

	安全衛生と防災

----------------------------------------------------------------------------- */
.sustainability.safety table + h4 {
	margin-top: 30px;
}
.safety table caption {
	padding-right: 2em;
}
.safety table thead th {
	background-color: #F4A959;
}
.safety table tbody th {
	background-color: #F4A959;
}
.safety table + table{
	margin-top: 30px;
}
.safety .marker02{
	margin-left: 3.5em;
}
.safety .marker01 li:before {
	color: #EB851E;
}
.safety .charter_link + .ttl01{
	margin-top:40px;
}
.safety .charter {
	background-color: #FEF4E8;
	padding: 20px;
}
/* -----------------------------------------------------------------------------

	サプライチェーンマネジメント

----------------------------------------------------------------------------- */
.supply .purchasing_policy{
	background-color: #FEF4E8;
	padding:30px;
	margin-bottom:20px;
}
.supply .purchasing_policy h4{
	margin-top:30px;
}
.supply .purchasing_policy h4:first-child{
	margin-top:10px;
}
.supply .purchasing_policy p:last-child{
	margin-bottom:0px;
}
.supply .purchasing_policy p + h4{
	margin-bottom:0px;
}
.supply .purchasing_policy h4{
	font-size:140%;
}
.supply .purchasing_policy h4:first-child{
	font-size:180%;
}
.supply .purchasing_policy p{
	margin-left:25px;
}
.supply main ul {
	margin-left:25px;
}
.supply main li {
	text-indent: -1em;
	padding-left: 1em;
}
.supply .pdca{
	max-width:300px;
}
.supply .charter {
	background-color:#FEF4E8;
	padding: 20px;
}
.supply .flex .left h4{
	font-size:135%;
}
.supply .table01{
	margin-bottom:40px;
}

.supply table thead th {
	background-color: #F4A959;
}
.supply .table01 th{
	background-color: #F4A959;
}
.supply .table01 tbody tr td:nth-child(4):before{
	width:100%;
	text-align: left;
}
.supply .table01 tbody tr td:nth-child(4){
	text-align: left;
}
.supply .table01 tbody tr:last-child td:nth-child(4),
.supply .table01 tbody tr:last-child td:nth-child(5){
	display:none;
}
.sustainability.supply table.table01 tbody th:before {
	display:block;
	margin-right: 0;
}

/* -----------------------------------------------------------------------------

	品質保証

----------------------------------------------------------------------------- */
.quality .qualityPolicy{
	background-color: #FEF4E8;
	padding:15px;
}
.quality .qualityPolicy h4{
	margin-top:15px;
}
.quality .qualityPolicy h4:first-child{
	margin-top:5px;
}
.quality .qualityPolicy p:last-child{
	margin-bottom:0px;
}
.quality .qualityPolicy p + h4{
	margin-bottom:0px;
}
.quality .qualityPolicy h4{
	font-size:150%;
}
.quality .qualityPolicy h4 + ul{
	margin-top:15px;
}
.quality .flex.marker02 li{
	font-size: 116%;
	margin-bottom:1em;
}
.quality .counter01 li{
	width:100%;
	margin-bottom:0.5em;
	font-size: 120%;
}
.quality .flex .left,
.quality .flex .right{
	width:100%;
}
.quality .qualityPolicy h4 + p{
	margin-top:0.5em;
}
/* -----------------------------------------------------------------------------

	ガバナンス

----------------------------------------------------------------------------- */
.categoryTop main.governance .mv{
	height:auto;
	margin-bottom: 30px
}
.categoryTop main.governance .mv:before{
	content:none;
}
.categoryTop main.governance ul{
	overflow: hidden;
}
.categoryTop main.governance ul li h3 {
	font-size: 130%;
	height:40px;
}
.categoryTop main.governance ul li div p {
	font-size: 100%;
}
.governance .mv {
	border:solid 1px #EEE;
	overflow:hidden;
}
.governance .mv p {
	position: absolute;
	top: 120px;
	left: 32px;
	color: #24a4e6;
	font-size: 220%;
	line-height: 1.4;
	display:none;
}
.governance .mv span {
	font-size: 80%;
	display:block;
}
/* -----------------------------------------------------------------------------

	コーポレート・ガバナンス

----------------------------------------------------------------------------- */
.corporate table + h4{
	margin-top:40px;
}
.corporate table.table01 tbody tr td{
	color:#004B9C;
}
.corporate table tbody th {
	background-color: #5581C0;
}
.sustainability table.table01 tbody td:before{
	color:#333;
}
.sustainability table.table01 tbody td[data-label="当社における地位"],
.sustainability table.table01 tbody td[data-label="属性"],
.sustainability table.table01 tbody td[data-label="性別"]{
	color:#333;
}
.corporate table tbody th:before{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right: 20px;
}
.corporate .internal_control{
	background-color: #D2D9EE;
	padding:30px;
}
.corporate .internal_control h4{
	margin-top:30px;
	font-weight:normal;
	text-indent: -1.6em;
	margin-left: 1.6em;
}
.corporate .internal_control h4:first-child{
	margin-top:10px;
	font-weight:bold;
	text-indent: 0;
	margin-left: 0;
}
.corporate .internal_control h4{
	font-size:150%;
}
.corporate .internal_control h4:first-child{
	font-size:180%;
}

.corporate table.table01 tbody th{
	background-color: #d4ddee;
	color:#333;
}
.corporate table.table01 tbody th:first-child{
	background-color: #5581C0;
	color:#FFFFFF;
}

/* -----------------------------------------------------------------------------

	コンプライアンス

----------------------------------------------------------------------------- */
main.compliance section div:nth-child(2) div:last-child .image{
	max-width:53%;
}
.compliance p + ul.marker07 {
	margin-top: 0px;
	overflow: hidden;
}
.compliance .charter + .charter{
	margin-top:30px;
}
.compliance .table01 + .table01{
	margin-top:30px;
}
.categoryTop main.compliance ul li:first-child,
.categoryTop main.compliance ul li:nth-child(3),
.categoryTop main.compliance ul li:nth-child(7){
	margin-left: 1em;
}
.categoryTop main.compliance ul.flex li:last-child{
	margin-right: 0.5em;
	text-indent: -1em;
}
.compliance .charter .flex .left {
	max-width: 50%;
}
.compliance .charter strong{
	font-size: 148%;
}
.compliance .charter strong + p{
	padding-left:1em;
	margin-bottom: 1em;
}
.compliance .charter .flex + strong{
	margin-top:40px;
	margin-bottom: 0.5em;
	display: inline-block;
}
.compliance .charter table + strong{
	margin-top:20px;
	margin-bottom: 0.5em;
	display: inline-block;
}
.compliance .charter strong + table01{
	margin-top: 0.5em;
}

.compliance .ttl01 + .flex .left{
	width:100%;
}
.compliance .ttl01 + .flex .right p{
	margin-bottom:0.5em;
}
.compliance table tbody,
.compliance table tbody th,
.compliance table tbody td{
	border: none;
	padding-left: 0;
	padding-right: 0;
}
.compliance table tbody th {
	background: none;
	color: #333333;
	font-weight: normal;
}
.compliance table tbody td {
	text-align: left;
}
.compliance table tbody th + td{
	padding-top: 0;
	padding-left: 2em;
	margin-top: -0.5em;
}
/* -----------------------------------------------------------------------------

	基本情報

----------------------------------------------------------------------------- */
.categoryTop main.basic-info .mv{
	height:auto;
	margin-bottom: 30px
}
.categoryTop main.basic-info .mv:before{
	content:none;
}
.categoryTop main.basic-info ul{
	overflow: hidden;
}
.categoryTop main.basic-info ul li h3 {
	font-size: 130%;
	height:40px;
}
.categoryTop main.basic-info ul li div p {
	font-size: 100%;
}
.basic-info .mv {
	border:solid 1px #EEE;
	overflow:hidden;
}
.basic-info .mv p {
	position: absolute;
	top: 120px;
	left: 32px;
	color: #24a4e6;
	font-size: 220%;
	line-height: 1.4;
	display:none;
}
.basic-info .mv span {
	font-size: 80%;
	display:block;
}
/* -----------------------------------------------------------------------------

	ESG関連方針（リンク集）

----------------------------------------------------------------------------- */
.esg table tbody th {
	background-color: #e5f5fc;
	color:#333333;
}
.esg table tbody td {
	text-align:left;
}

/* -----------------------------------------------------------------------------

	ESGデータ集

----------------------------------------------------------------------------- */
.esg-data table th,
.esg-data table td{
	display:table-cell;
	font-size: 90%;
}
.esg-data table{
	display: block;
	border-collapse: collapse;
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
	white-space: nowrap;
	border-top:solid 1px
}

.esg-data table thead{
	display: contents;
}
.esg-data table.t1 thead th {
	background-color: #A2CE6F;
}
.esg-data table.t2 thead th {
	background-color: #F4A959;
}
.esg-data table.t1 tbody th {
	background-color: #E8F2D9;
	color: #333;
	font-weight:normal;
}
.esg-data table.t2 tbody th {
	background-color: #FDE8D0;
	color: #333;
	font-weight:normal;
}
.esg-data table tbody td:last-child {
	text-align:center;
}
.esg-data table tbody th{
	border-top: solid 1px;
	vertical-align:top;
}
/* -----------------------------------------------------------------------------

	GRIスタンダード対照表

----------------------------------------------------------------------------- */
.gri .table01{
	font-size:0.9em;
	border-top:solid 1px;
}
.gri .table01 th,
.gri .table01 td{
	padding-top: 0.6em;
}
.gri .table01 thead,
.gri .table01 thead tr{
	display: block;
	width: 100%;
}
.gri .table01 thead th{
	background-color:#90a6b0;
	text-align:left;
}
.gri .table01 thead th:last-child{
	border-bottom:none;
}
.gri .table01 tbody th{
	background-color:#e5f5fc;
	color: #333333;
}
.gri .table01 tbody td:first-child{
	background-color:#F0F0F0;
	color: #333333;
}
.gri .table01 thead th:nth-child(1){
	/*display:none;*/
}
.gri .table01 tbody td{
	text-align:left;
	vertical-align:top;
}
.gri .table01 tbody td:first-child{
	white-space: nowrap;
	text-align:left;
}
.gri ul.marker05{
	font-size: 1em !imortant;

}
.gri ul.marker05 li{
	font-size: 1em;
	line-height: 1.6;
	margin-left: 1.2em;
	text-indent: -1em;
	margin-bottom:0.5em;
}
.gri ul.marker05 li:last-child{
	margin-bottom:0;
}
.gri ul.marker05 li:before {
	content: "\02022";
	color: #333333;
	font-weight: bold;
	margin-right: 0.25em;
}
.gri ul.marker05 li a{
	color:#333333;
	text-decoration: underline;
	-webkit-text-decoration-color: #aaa;
	text-decoration-color: #aaa;
}
/* -----------------------------------------------------------------------------

	ユニチカレポート／CSRレポート

----------------------------------------------------------------------------- */
.report dl dt {
	font-size: 180%;
	color: #009fe8;
	margin: 20px 0 10px;
}
.report dl dt span {
	font-size: 80%;
	color: #333;
	margin-left: 10px;
}
.report dl dd {
	font-size: 140%;
}
.report dl dd a {
	display: block;
	padding: 12px 0px 12px 22px;
	border-bottom: 1px dotted #ccc;
	background: url(/common/img/sp/icon_pdf.png) left 16px no-repeat;
	background-size: 13px auto;
	text-decoration: none;
	color: #333;
	text-align:left;
}

.report dl dt + dd a {
	border-top: 1px dotted #ccc;
}

.report dl + section{
	margin-top: 60px;
}
.report dl dd span {
	display: block;
}
.report dl dd span.pdf {
	display: block;
	background: #009ce7;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	border-radius: 3px;
	padding: 2px 6px 0px;
	vertical-align: top;
	margin-top: 1px;
}
.report dl dd span.pdf {
	display: inline-block;
	background: #009ce7;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	border-radius: 3px;
	padding: 2px 6px 0px;
	vertical-align: top;
	margin-top: 1px;
}
.report .report_pickup{
	display:grid;
}
.report .report_pickup .left{
	order:2;
	max-width: 220px;
}
.report .report_pickup .right{
	order:1;
}
.sustainability .report .flex .left + div.left {
	margin-top: 30px;
}
.sustainability .report .flex .left + div.right {
	margin-top: 0;
}
.report .report_pickup + section{
	margin-top:50px;
}

/* -----------------------------------------------------------------------------

	廃棄物処理施設の維持管理に関する情報

----------------------------------------------------------------------------- */
.managementInfo p.pdf {
	margin-bottom: 10px;
}
.managementInfo p.pdf a {
	display: block;
	padding: 12px 0 0 22px;
	background: url(/common/img/sp/icon_pdf.png) left 16px no-repeat;
	background-size: 13px auto;
}
.managementInfo p.pdf a span {
	display: inline-block;
	background: #009ce7;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	border-radius: 3px;
	padding: 2px 6px 0px;
	vertical-align: top;
	margin-top: 1px;
}
/* -----------------------------------------------------------------------------

	サステナビリティに関するニュース一覧

----------------------------------------------------------------------------- */
.newsContent article .icon.topics {
	background: #ff4500;
}
.newsContent article .icon.report {
	background: #71BA3D;
}
.newsContent article .icon.management {
	background: #50435C;
}
.newsContent article .icon.news {
	background: #009CE7;
}
.sustainability main .newsContent a {
	color: #333;
	text-decoration: none;
}