@charset "utf-8";

/* 人権の尊重
------------------------------------------------------------------*/
.due_diligence .stdTb02 td {
	vertical-align: top;
}

@media screen and (max-width: 767px) {
	.due_diligence .stdTb02 th,
	.due_diligence .stdTb02 td {
		min-width: 11em;
	}
}

.due_diligence .stdTb02 ul {
	margin: 0 10px 0 0;
}

.due_diligence .stdTb02 ul>li {
	margin: 1em 0;
	font-family: var(--font-koburina-w6);
}

.due_diligence .stdTb02 ol>li,
.due_diligence .stdTb02 p {
	font-family: var(--font-koburina-w3);
}

.due_diligence .stdTb02 ol li {
	text-indent: -1.7em;
	padding-left: 1.7em;
}

.human_rights_theme_wrap {
	border: 1px solid var(--color-hover);
	margin-bottom: 20px;
}

.human_rights_theme_ttl {
	color: #FFF;
	font-family: var(--font-koburina-w6);
	background-color: var(--color-hover);
	padding: .5em 0 .5em 1em;
	font-size: 2rem;
	line-height: 1.4;
}

.human_rights_theme_list {
	list-style-type: disc;
	padding-left: 2em;
	padding: 1em 1em 1em 3em;
}

.human_rights_theme_item {
	font-family: var(--font-koburina-w6);
	font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
	.social_human_risk col {
		display: none;
	}

	.social_human_risk thead tr th:first-child,
	.social_human_risk tbody th {
		width: 2em;
		max-width: 2em;
		text-align: center;
	}
}

.human_stakeholder_img {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.human_stakeholder_img {
		flex-direction: column;
	}
}

.business_mate_tbl th,
.business_mate_tbl td {
	border: 1px solid #fff;
	padding: 10px 15px;
}
.business_mate_tbl th {
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.business_mate_tbl_vision {
	background-color: #5b9bd5;
	white-space: nowrap;
}
.business_mate_tbl_part {
	background-color: #70ad47;
}
.business_mate_tbl td {
	background-color: #f3f3f3;
}
@media screen and (max-width: 767px) {
	.business_mate_tbl th,
	.business_mate_tbl td {
		font-size: 1.4rem;
		padding: 10px 5px;
	}
}

.handicapped_employ_graph {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}
.handicapped_employ_graph_item {
	border: 1px solid #ccc;
}
.handicapped_employ_graph .handicapped_employ_graph_item:first-child {
	background-color: #f9fbfc;
}
.handicapped_employ_graph img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width:767px){
	.handicapped_employ_graph {
		display: block;
		text-align: center;
	}
	.handicapped_employ_graph img {
		width: auto;
		max-width: 90%;
	}
		.handicapped_employ_graph_item:last-child {
		margin-left: auto;
		margin-top: 10px;
	}
	.handicapped_employ_graph_item {
		text-align: center;
	}
}


/* 働く環境の整備 154
------------------------------------------------------------------*/
.social_office_various {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.social_office_various figure:nth-child(1) {
	max-width: 460px;
}

.social_office_various figure:nth-child(2) {
	max-width: 263px;
}

.social_office_various figcaption {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.2;
}

.stdTb02.social_vibrant_tbl01 thead th.center {
	text-align: center;
}

@media screen and (max-width:767px) {
	.social_office_various {
		flex-direction: column;
		align-items: center;
	}
}

.worklife_border {
	border: 1px solid var(--color-hover);
	padding: 0 1em 1em;
	margin-bottom: 1em;
}

.personnel_workplace.s02 li {
	position: relative;
	padding: 0 0 8px 12px;
}


/* 地域社会
------------------------------------------------------------------*/
.community_initiatives .su-block .c-quaternaryHeading {
	margin: 5px 0 20px 0;
}

@media screen and (min-width: 768px) {
	.local_flex_img_txt>div:only-child {
		margin-left: 370px;
	}
}

/* 責任あるマーケティング
------------------------------------------------------------------*/
.res_market_training_sample {
	display: flex;
}
.res_market_training_sample dt {
	flex-shrink: 0;
}

@media screen and (max-width:767px) {
	.res_market_training_sample {
		display: block;
	}
}

/* サプライチェーン・マネジメント
------------------------------------------------------------------*/
.supply_stakeholder_img {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.supply_stakeholder_img {
		flex-direction: column;
	}
}

.supply_chain_list {
	margin-left: 1em;
}

