@charset "UTF-8";

.csr-sdgs-list{
	letter-spacing: -0.4em;
}
.csr-sdgs-list img{
	display: inline-block;
	letter-spacing: normal;
	margin-right: 5px;
	width: 20px;
	height: auto;
}
@media only screen and (min-width: 768px), print{
	.csr-sdgs-list img{
		margin-right: 10px;
		width: 40px;
	}
}

.box-main-img.csr{
	background: url(/resource/img/sustainability/index_bg_main.jpg) center top no-repeat;
	background-size: auto 250px;
}
.box-main-img.main-our_csr{
	background: url(/resource/img/sustainability/csr_sustainability_policy_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-defining_materiality{
	background: url(/resource/img/sustainability/priority_issues_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-feature{
	background: url(/resource/img/sustainability/feature_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-management{
	background: url(/resource/img/sustainability/management_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-customers{
	background: url(/resource/img/sustainability/customers_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-shareholders_investors{
	background: url(/resource/img/sustainability/shareholders_investors_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-suppliers{
	background: url(/resource/img/sustainability/suppliers_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-employees{
	background: url(/resource/img/sustainability/employees_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-report,
.box-main-img.main-report{
	background: url(/resource/img/sustainability/report_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-local_international{
	background: url(/resource/img/sustainability/local_international_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-group{
	background: url(/resource/img/sustainability/group_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-diversity{
	background: url(/resource/img/sustainability/diversity_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-transparency{
	background: url(/resource/img/sustainability/transparency_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-third-party{
	background: url(/resource/img/sustainability/third-party_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-external_evaluation{
	background: url(/resource/img/sustainability/external_evaluation_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-environmental{
	background: url(/resource/img/sustainability/environmental_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-society{
	background: url(/resource/img/sustainability/society_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-governance{
	background: url(/resource/img/sustainability/governance_bg_main.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
@media only screen and (min-width: 768px), print{
	.box-main-img.csr{
		background-size: cover;
	}
}
.br-human_resource-01{
	display: none;
}
@media only screen and (min-width: 1184px){
	.br-human_resource-01{
		display: inline;
	}
}

/* .lst-csr--note-ja, lst-csr--note-en */
ol.lst-csr--note li {
	position: relative;
	padding-left: 2.5em;
	list-style-type: none;
	list-style-position: outside;
	counter-increment: cnt;
}
[lang=en] ol.lst-csr--note-en li {
	padding-left: 2em;
}
ol.lst-csr--note li:before {
	position: absolute;
	left: 0;
	top: 0;
	display: marker;
	content: "※" counter(cnt) ".";
}
ul.lst-csr--note li {
	position: relative;
	padding-left: 2.5em;
	list-style-type: none;
	list-style-position: outside;
}
ul.lst-csr--note li:before {
	position: absolute;
	left: 0;
	top: 0;
	display: marker;
	content: "※";
}

[lang=en] ul.lst-csr--note.lst-csr--note-narrow li {
	padding-left: 0.9em;
}

[lang=en] ul.lst-csr--note.lst-csr--note-en li:before {
	content: "*";
}

[lang=en] ol.lst-csr--note li:before {
	content: "*" counter(cnt);
}

/* .tbl-csr--scroll */
.tbl-csr--scroll {
	overflow-x: scroll;
	width: 100%;
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px), print{
	.tbl-csr--scroll {
		overflow: auto;
	}
}

/* 汎用 */
tr.tbl-csr--tr-dashed{
	border-bottom-style: dashed; 
}
td.tbl-csr--nowrap{
	 white-space: nowrap;
}

/* 個別テーブル */
/* .tbl-csr--01 */
.tbl-base.tbl-csr--01 {
	width: 450px;
	min-width: 450px;
	margin-bottom: 0;
}
@media only screen and (min-width: 768px), print{
	.tbl-base.tbl-csr--01 {
	}
	.tbl-base.tbl-csr--01 td,
	.tbl-base.tbl-csr--01 th{
		padding: 6px;
		vertical-align: middle;
	}
}

/* PCのみ２列のtable */
@media only screen and (min-width: 768px), print{
	.tbl-base.tbl-base--wide.half {
		width: 48%!important;
		float: left;
	}
	.tbl-base.tbl-base--wide.half:first-of-type {
		margin-right:4%;
	}
	.tbl-base.tbl-base--wide.half th, .tbl-base.tbl-base--wide.half td {
		padding: 10px;
	}
}
@media only screen and (max-width: 767px), print{
	.tbl-base.tbl-base--wide.half + .tbl-base {
		border-top:0!important;
	}
	.tbl-base.tbl-base--wide.half:first-of-type {
		margin-bottom: 0;
	}
}


.txt-president-03 {
	margin: 20px 0 0;
	text-align: right;
}
.txt-president-03 p {
	display: inline-block;
}
@media only screen and (min-width: 768px),
print {
	.txt-president-02 p {
			margin: 30px 0 0;
	}
	.txt-president-03 {
			margin: 20px 0 0;
			text-align: right;
	}
	.txt-president-03 img {
			width: 200px;
			height: auto;
	}
}