@charset "UTF-8";

.box-main-img.csr{
	background: url("../img/csr_bg_main.jpg") center top no-repeat;
	background-size: auto 250px;
}
.box-main-img.main-our_csr{
	background: url("../img/csr_our_csr_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-defining_materiality{
	background: url("../img/csr_defining_materiality_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-feature{
	background: url("../img/csr_feature_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-management{
	background: url("../img/csr_management_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-customers{
	background: url("../img/csr_customers_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-shareholders_investors{
	background: url("../img/csr_shareholders_investors_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-suppliers{
	background: url("../img/csr_suppliers_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-employees{
	background: url("../img/csr_employees_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-environmental{
	background: url("../img/csr_environmental_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-report{
	background: url("../img/csr_report_index_img_03.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-local_international{
	background: url("../img/csr_local_international_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-group{
	background: url("../img/csr_group_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-diversity{
	background: url("../img/csr_diversity_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-transparency{
	background: url("../img/csr_transparency_index_img_01.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-report{
	background: url("../img/csr_report_index_img_03.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-third-party{
	background: url("../img/csr_third-party_index_img_02.jpg") center top no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.box-main-img.main-external_evaluation{
	background: url("../img/csr_external_evaluation_index_img_02.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;
	}
}