@charset "UTF-8";
/* CSS Document */

 #stage #contents .unit_image_center span {
	display:block;
}
 #stage #contents .unit_images {
	margin-top:20px;
}
 #stage #contents .unit_images img {
	float:left;
	margin-right:20px;
}
 #stage #contents .unit_image_text {
	margin-top:20px;
}
 #stage #contents .unit_image_text span {
	display:block;
}
 #stage #contents .unit_image_text img {
	margin-bottom:5px;
}
 #stage #contents .section_text_image img {
	margin-top:10px;
}
 #stage #contents .section_text_image h5 {
	margin-top:0;
	padding:0;
	background: none!important;
}
 #stage #contents .section_text_image .unit_text {
	float:left;
	width:550px;
}
 #stage #contents .section_text_image .unit_text p {
	margin-bottom:20px;
	margin-right:0;
}
 #stage #contents .section_text_image .unit_photo {
	float:right;
	width:150px;
	margin-left:20px;
	display:inline;
	color:#666;
	line-height:1.5em;
}
 #stage #contents .section_text_image .unit_photo h6 {
	font-weight: bold;
	margin:10px 0;
}
 #stage #contents div .unit {
	margin-top:15px;
	width:270px;
	float:left;
}
 #stage #contents div .unit span {
	display:block;
	color:#666;
	line-height:1.5em;
}

#sign{ text-align:right;}
#sign img{ margin-top:20px;}
#nameArea{ text-align:right;}
#nameArea p { max-width: 100%;}
#nameArea img{ margin-right:0;}


@media screen and (max-width: 599px) {
.floatImgBox { display: flex;  flex-direction: column;-webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;}
}
#sign{ text-align:right;}
#sign img{ margin-top:20px;}
#nameArea{ text-align:right;}
#nameArea p { max-width: 100%;}
#nameArea img{ margin-right:0;}
#stage #contents section .chart {overflow:auto;}
#stage #contents section .chart ul li { margin: 0 auto; width: 100%; }
#stage #contents .section_blue{background-color:#f2f6fb; margin: 20px 0; padding:20px;}



/** 2020/06/29　追加
**********************************************************/


/** /social/supplier_responsibility/sus30000.htm
****/
#contents h3.title_process{ text-align: center; margin: 40px 0 20px 0 !important;}
.process{display: flex; justify-content: space-between; background: url("/sustainability/social/supplier_responsibility/img/process_dialog.png") no-repeat 0 170px; background-size: contain; position: relative; overflow: hidden; }
.process:after{content: "ダイアログ"; position: absolute;  left: 0; top: 177px; text-align: center; color: #fff; width: 100%; font-size: 1.8rem;}
.process div:not(div[data-entity-embed-display="media_image"]) {width: 23%; }
.process figure{width: 100%; margin-top: 0;}
.process figure.img_process{width: 100%; height: 180px; position: relative;}
.process figure.img_process:after{ content: url("/sustainability/social/supplier_responsibility/img/process_arrow.jpg"); position: absolute; top: 20%; right: -40px; z-index: 9999;}
.process div:last-child figure.img_process:after{ content: none;}
.process figure figcaption{ font-size: 1.8rem; color: #083190; text-align: center; margin-top: 10px; }
.process div.img_process img{ max-width: 100%; width:initial; }
.process div ul { border-left: solid 1px #083190; height: 100%; }
.process div:first-child ul{ border-left: solid 1px #fff; height: 100%; }
.process div ul li{ list-style: disc; margin-left: 30px; margin-bottom: 10px; font-size: 1.6rem;}
#contents h3.title_table{ margin-top: 40px !important; text-align: center; }
.fs_header li{font-size: 1.8rem; margin-bottom: 10px;}
#contents h3.b50{margin-bottom: 50px !important}
#anchor_05 .list_02 li{line-height: 2;}
#anchor_05 .list_02 li .related_link,
#anchor_05 .list_02 li .related_link li{ margin-bottom: 0; }
#anchor_03 table{margin: 50px 0;}
table tr td.line{ position: relative; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogI2NjY2NjYztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+") 0 0 no-repeat; background-size: cover;}
table tr td.line div{ position: absolute; font-size:1.2rem;}
table tr td.line div:first-child{ right: 5px; top: 5px; }
table tr td.line div:last-child{ left: 5px; bottom: 5px; }
#anchor_03 table tr td,
#anchor_03 table tr th{ text-align: center; }
#anchor_03 table tr th:first-child,
#anchor_03 table tr td:first-child{text-align: left;}
#anchor_03 table tr th{width: 20%;}
#anchor_03 table tr th:first-child{ width: 40%; }
#anchor_03 table tr td:nth-child(3){ width: 10%; }

/** /social/supplier_responsibility/sus40000.htm
****/

.table.evaluation_audit table tr th:first-child{ width: 20%; }
.table.evaluation_audit table tr th:nth-child(2){ width: 10%; }
.table.evaluation_audit table tr th:nth-child(3){ width: 20%; }
.table.evaluation_audit table tr th:last-child{ width: 50%; }
td ul.disc{margin: 0;}

.unit_text_image{ display: flex; justify-content: space-between; }
.unit_text_image .unit_text{ width: 48.46% }
.unit_text_image .unit_image{ width: 48.46%; margin-left: 30px;}
.unit_text_image .unit_image figure{ width: 100%; margin: 0; }
.unit_text_image .unit_image figure img{width: 100%;}
.unit_text_image .unit_image figure figcaption{ text-align: left; }

/** SP
**********************************************************/


/** /social/supplier_responsibility/sus30000.htm
****/
@media screen and (max-width: 599px) {

.process{display: block; padding-top: 60px;flex-wrap: wrap;  background-image: none;  overflow: hidden; position: relative; }
.process:after{content: "ダイアログ"; position: absolute;  left: 0; top:0; padding-top: 7px; text-align: center;background: #083190 ; color: #fff; width: 100%; font-size: 1.4rem; height: 40px;}
.process div{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 70px; border: none; }
.process div ul{width: 65%; border: none;}
.process div ul li{font-size: 1.3rem; margin-bottom: 0; line-height: 1.2; margin-bottom: 5px;}
.process figure.img_process:after{bottom: 0; right: -17px; top: auto; bottom: -45px; transform: rotate(90deg); }
.process figure.img_process{width: 35%; margin: 0; height: 180px;border-right: solid 1px #083190; display: flex; align-items: center; flex-wrap: wrap;}
.process figure.img_process{ height: 100px; }
.process figure.img_process img{width: 70%; max-width: 70%;}
.process div figure figcaption{ margin: 0 auto; font-size: 1.2rem; height: auto; line-height: 1.4; width: 100%;}
.process div figure:after{ border-width: 30px 0 30px 20px;}
table{margin: 20px 0;}


/** /social/supplier_responsibility/sus40000.htm
****/

.unit_text_image{ display: block; padding-top: 20px !important;}
.unit_text_image .unit_text{ width: 100% }
.unit_text_image .unit_image{ width: 100%; margin-left: 0;}
}