@charset "utf-8";


/*------------------------------------------------------------
[COMMON] #cate_dta データ一覧　英語版
------------------------------------------------------------ */
.sbf_contents .sustaina_body section .inside section.landing h4 {
	margin-top: 0;
}

.sbf_contents .sustaina_body section .inside section.landing>*:last-child {
	position: relative;
	z-index: 1;
}

/*------------------------------------------------------------
[COMMON] 表
------------------------------------------------------------ */
/*数値td右寄せ*/
.sbf_contents #cate_dta .m_table.recent td:nth-last-child(-n + 3),
.sbf_contents #tb_waste_flow td:nth-last-child(-n + 5),
.sbf_contents #tb_waste_achive td:nth-last-child(-n + 5),
.sbf_contents #tb_water_drainage td:nth-last-child(-n + 5),
.sbf_contents #tb_water_intake td:nth-last-child(-n + 6),
.sbf_contents #tb_water_collective td:nth-last-child(-n + 4),
.sbf_contents #tb_water_pollutants td:nth-last-child(-n + 3),
.sbf_contents #tb_ghg_scope12 td:nth-last-child(-n + 4),
.sbf_contents #tb_ghg_scope3 td:nth-child(2),
.sbf_contents #tb_waste_recycle td:nth-last-child(-n + 10) {
	text-align: right;
}

.sbf_contents .m_table td .num {
	display: block;
	float: left;
	margin-right: 0.2em;
	line-height: 1.5;
}

.sbf_contents .m_table td .remain {
	display: block;
	overflow: hidden;
}
/*経営 #data02-----------------------------------------------------*/
.sbf_contents #data02 td {
	text-align: right;
}

.sbf_contents #cate_dta #data02 th.label {
	text-align: left;
	padding-left: 3em;
	position: relative;
}

.sbf_contents #data02 th.label::before {
	content: "";
	display: block;
	position: absolute;
	width: 1em;
	height: 1em;
	left: 1em;
	top: 0.9em;
}
.sbf_contents #data02 th.label.none::before {
	content: none;
}

.sbf_contents #data02 th.label.japan::before {
	background: #1E7CAE;
}

.sbf_contents #data02 th.label.apac::before {
	background: #88714E;
}

.sbf_contents #data02 th.label.europa::before {
	background: #78A10A;
}

.sbf_contents #data02 th.label.america::before {
	background: #CF4455;
}


@media screen and (max-width:767px) {

	/*------------------------------------------------------------
[SP] #cate_dta データ一覧 COMMON
------------------------------------------------------------ */
	.sbf_contents #cate_dta .m_table th {
		padding: 2.133333333vw 0.8vw;
		font-size: 3.2vw;
	}

	.sbf_contents #cate_dta .m_table td {
		padding: 2.133333333vw 1.066666667vw;
		font-size: 3.2vw;
	}
	.sbf_contents #cate_dta .m_table td .txt_sm{
		font-size: 2.666666667vw;
	}
	.sbf_contents #cate_dta .m_table .txt_sm {
		font-size: 2.4vw;
	}

	/*------------------------------------------------------------
[SP] 主要経営データ #data02
------------------------------------------------------------ */
	.sbf_contents #data02 .graphset {
		margin-top: 0;
		padding-top: 12vw;
	}

	.sbf_contents #data02 .m_centerImg {
		margin-top: 6.4vw;
	}

	.sbf_contents #data02 h3.graph_title {
		font-size: 4.8vw;
		text-align: center;
	}
		.sbf_contents #data03 .table_wrap .m_table {
		width: 120vw;
	}
	.sbf_contents #data02 #tb_revenue,
	.sbf_contents #data02 #tb_income {
		width: 104vw;
	}
	.sbf_contents #data02 .graphset #tb_revenue .wa{
width: 16%;
	}
	.sbf_contents #data02 .graphset #tb_income .wa{
width: 20%;
	}

	.sbf_contents #data02 .segment img {
		display: block;
		width: 80vw;
		margin: 0 auto;
	}

	.sbf_contents #data02 .segment .box {
		width: 100%;
		margin: 6.4vw 0 0;
	}

	.sbf_contents #data02 .graphset.segment .table_caption_upper {
		margin-top: 0;
	}
	/*------------------------------------------------------------
[SP] 表：環境データ #data03
------------------------------------------------------------ */
	.sbf_contents #data03 .table_wrap .m_table {
		width: 120vw;
	}

	.sbf_contents #tb_water_collective .wa {
		width: 28%;
	}

	.sbf_contents #tb_water_collective .wb {
		width: 16%;
	}

	.sbf_contents #tb_water_collective .wc {
		width: calc(56%/3);
	}

	.sbf_contents #tb_water_intake .wa {
		width: 17%;
	}

	.sbf_contents #tb_water_intake .wb,
	.sbf_contents #tb_water_intake .wc {
		width: calc(83%/6);
	}

	.sbf_contents #tb_water_drainage .wa {
		width: 28%;
	}

	.sbf_contents #tb_water_drainage .wb {
		width: calc(72%/5);
	}

	.sbf_contents #tb_ghg_scope12 .wa {
		width: 15%;
	}

	.sbf_contents #tb_ghg_scope12 .wb {
		width: 17%;
	}

	.sbf_contents #tb_ghg_scope12 .wc {
		width: calc(68% / 4);
	}

	.sbf_contents #tb_ghg_energy .wa {
		width: 37%;
	}

	.sbf_contents #tb_ghg_energy .wb {
		width: calc(63%/3);
	}
	
	.sbf_contents #data03 #tb_ghg_scope3 {
		width: 128vw;
	}

	.sbf_contents #tb_ghg_scope3 .wa {
		width: 22%;
	}

	.sbf_contents #tb_ghg_scope3 .wb {
		width: 15%;
	}

	.sbf_contents #tb_ghg_scope3 .wc {
		width: 63%;
	}

	.sbf_contents #tb_waste_achive .wa {
		width: 21%;
	}

	.sbf_contents #tb_waste_achive .wb {
		width: calc(79% / 5);
	}

	.sbf_contents #tb_waste_flow .wa {
		width: 22%;
	}

	.sbf_contents #tb_waste_flow .wb {
		width: calc(78% / 5);
	}

.sbf_contents #data03 #tb_waste_recycle {
		width: 200vw;
	}

	.sbf_contents #tb_waste_recycle .wa {
		width: 12%;
	}

	.sbf_contents #tb_waste_recycle .wb {
		width: 14%;
	}

	.sbf_contents #tb_waste_recycle .wc {
		width: calc(40%/5);
	}

	.sbf_contents #tb_waste_recycle .wd {
		width: calc(34%/5);
	}

	.sbf_contents #tb_waste_recycle .txt_s th {
		font-size: 2.666666667vw;
		font-weight: normal;
		letter-spacing: -0.02em;
		padding: 2.4vw 0.533333333vw;
	}

	.sbf_contents #tb_waste_recycle td:first-child {
		font-size: 2.933333333vw;
	}

	.sbf_contents #tb_waste_recycle ul.hyphen li {
		padding-left: 0.5em;
		font-size: 2.933333333vw;
		position: relative;
		line-height: 1.2;
		margin-left: 0;
	}

	.sbf_contents #tb_waste_recycle ul.hyphen li::before {
		content: "";
		display: block;
		position: absolute;
		width: 1.066666667vw;
		height: 0.4vw;
		top: 1.6vw;
		left: 0;
		background: #000;
	}

	.sbf_contents #data03 .col_chart .box.right li dl {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		width: 40vw;
		margin: 2.4vw 0 0 0;
	}

	.sbf_contents #data03 .col_chart .box.right li dt {
		width: 20vw;
		margin: 0;
	}

	/*------------------------------------------------------------
[SP] 表：社会データ #data04
------------------------------------------------------------ */
	.sbf_contents #tb_social_all .wa {
		width: 10%;
	}

	.sbf_contents #tb_social_all .wb {
		width: 15%;
	}

	.sbf_contents #tb_social_all .wc {
		width: calc(75%/3);
	}

	.sbf_contents #tb_employee .wa {
		width: 30%;
	}

	.sbf_contents #tb_employee .wb {
		width: calc(70%/3);
	}

	.sbf_contents #tb_fluidity .wa {
		width: 28%;
	}

	.sbf_contents #tb_fluidity .wb {
		width: 24%;
	}

	.sbf_contents #tb_fluidity .wc {
		width: calc(48%/3);
	}

	.sbf_contents #tb_female .wa {
		width: 17%;
	}

	.sbf_contents #tb_female .wb {
		width: 21%;
	}

	.sbf_contents #tb_female .wc {
		width: calc(62%/3);
	}

	.sbf_contents #tb_disabilities .wa {
		width: 30%;
	}

	.sbf_contents #tb_disabilities .wb {
		width: calc(70%/3);
	}

	.sbf_contents #tb_working .wa {
		width: 40%;
	}

	.sbf_contents #tb_working .wb {
		width: calc(60%/3);
	}

	.sbf_contents #tb_nursing {
		width: 120vw;
	}
	.sbf_contents #tb_nursing .wa {
		width: 22%;
	}

	.sbf_contents #tb_nursing .wb {
		width: 11%;
	}

	.sbf_contents #tb_nursing .wc {
		width: calc(47%/3);
	}

	.sbf_contents #tb_nursing .wd {
		width: 20%;
	}

	.sbf_contents #tb_learning {
		width: 160vw;
	}

	.sbf_contents #tb_learning .wa {
		width: 24%;
	}

	.sbf_contents #tb_learning .wb {
		width: 24%;
	}

	.sbf_contents #tb_learning .wc {
		width: calc(37%/3);
	}

	.sbf_contents #tb_learning .wd {
		width: 15%;
	}

}

@media print,
screen and (min-width:768px) {

	/*------------------------------------------------------------
[PC] #cate_dta データ一覧　表 table
------------------------------------------------------------ */
	.sbf_contents #cate_dta .m_table {
		width: 960px;
	}

	.sbf_contents #cate_dta .m_table th {
		padding: 8px 8px;
		font-size: 14px;
	}

	.sbf_contents #cate_dta .m_table td {
		padding: 8px 12px;
		font-size: 14px;
	}
	.sbf_contents #cate_dta .m_table td .txt_sm{
		font-size: 12px;
	}

	.sbf_contents #cate_dta .s_note {
		width: 960px;
	}

	/*------------------------------------------------------------
[PC] 主要経営データ #data02
------------------------------------------------------------ */
	.sbf_contents .sustaina_body #data02 .graphset {
		margin-top: 0;
		padding-top: 50px;
	}

	.sbf_contents #data02 .m_centerImg {
		margin-top: 20px;
	}

	.sbf_contents #data02 .revenue img,
	.sbf_contents #data02 .income img {
		width: 680px;
	}

	.sbf_contents #data02 .segment img {
		width: 900px;
	}

	.sbf_contents #data02 h3.graph_title {
		width: 100%;
		font-size: 24px;
		text-align: center;
	}

	.sbf_contents .sustaina_body #data02 .segment {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 20px 80px;
	}

	.sbf_contents #data02 .segment .box {
		width: 460px;
	}

	.sbf_contents #data02 .segment img {
		display: block;
		width: 420px;
		margin: 0 auto;
	}

	.sbf_contents #data02 .graphset.segment .tb_segment {
		width: 100%;
		margin: 0;
	}

	.sbf_contents #data02 .graphset.segment .table_caption_upper {
		width: 100%;
	}

	/*------------------------------------------------------------
[PC] 表：環境データ #data03
------------------------------------------------------------ */
	.sbf_contents #tb_water_collective .wa {
		width: 30%;
	}

	.sbf_contents #tb_water_collective .wb {
		width: 14%;
	}

	.sbf_contents #tb_water_collective .wc {
		width: calc(56%/3);
	}

	.sbf_contents #tb_water_drainage .wa {
		width: 28%;
	}

	.sbf_contents #tb_water_drainage .wb {
		width: calc(72%/5);
	}

	.sbf_contents #tb_ghg_energy .wa {
		width: 30%;
	}

	.sbf_contents #tb_ghg_energy .wb {
		width: calc(70%/3);
	}

	.sbf_contents #tb_ghg_scope3 .wa {
		width: 25%;
	}

	.sbf_contents #tb_ghg_scope3 .wb {
		width: 11%;
	}

	.sbf_contents #tb_ghg_scope3 .wc {
		width: 64%;
	}

	.sbf_contents #tb_waste_flow .wa {
		width: 28%;
	}

	.sbf_contents #tb_waste_flow .wb {
		width: calc(72% / 5);
	}
.sbf_contents #cate_dta .s_note.w100,
.sbf_contents #cate_dta #tb_waste_recycle {
	width: 100%;
	}

	.sbf_contents #tb_waste_recycle .wa {
		width: 12%;
	}

	.sbf_contents #tb_waste_recycle .wb {
		width: 13%;
	}

	.sbf_contents #tb_waste_recycle .wc {
		width: calc(41%/5);
	}

	.sbf_contents #tb_waste_recycle .wd {
		width: calc(34%/5);
	}

.sbf_contents #cate_dta #tb_waste_recycle td {
		padding: 8px 5px;
	}
.sbf_contents #cate_dta #tb_waste_recycle th {
		padding: 8px 2px;
	}

	.sbf_contents #tb_waste_recycle .txt_s th {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: -0.02em;
	}

	.sbf_contents #tb_waste_recycle ul.hyphen li {
		padding-left: 0.5em;
		font-size: inherit;
		position: relative;
		line-height: 1.2;
	}

	.sbf_contents #tb_waste_recycle ul.hyphen li::before {
		content: "";
		display: block;
		position: absolute;
		width: 4px;
		height: 2px;
		top: 6px;
		left: 0;
		background: #333;
	}

	.sbf_contents #data03 .col_chart .box.right li dl {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		width: 150px;
		margin: 5px 0 0 0;
	}

	.sbf_contents #data03 .col_chart .box.right li dt {
		width: 100px;
		margin: 0;
	}

	/*------------------------------------------------------------
[PC] 表：社会データ #data04
------------------------------------------------------------ */
	.sbf_contents #tb_social_all .wa {
		width: 10%;
	}

	.sbf_contents #tb_social_all .wb {
		width: 20%;
	}

	.sbf_contents #tb_social_all .wc {
		width: calc(70%/3);
	}

	.sbf_contents #tb_employee .wa {
		width: 30%;
	}

	.sbf_contents #tb_employee .wb {
		width: calc(70%/3);
	}

	.sbf_contents #tb_fluidity .wa {
		width: 26%;
	}

	.sbf_contents #tb_fluidity .wb {
		width: 22%;
	}

	.sbf_contents #tb_fluidity .wc {
		width: calc(52%/3);
	}

	.sbf_contents #tb_female .wa {
		width: 18%;
	}

	.sbf_contents #tb_female .wb {
		width: 18%;
	}

	.sbf_contents #tb_female .wc {
		width: calc(64%/3);
	}

	.sbf_contents #tb_disabilities .wa {
		width: 40%;
	}

	.sbf_contents #tb_disabilities .wb {
		width: calc(60%/3);
	}


	.sbf_contents #tb_working .wa {
		width: 36%;
	}

	.sbf_contents #tb_working .wb {
		width: calc(64%/3);
	}

	.sbf_contents #tb_nursing .wa {
		width: 20%;
	}

	.sbf_contents #tb_nursing .wb {
		width: 10%;
	}

	.sbf_contents #tb_nursing .wc {
		width: calc(50%/3);
	}

	.sbf_contents #tb_nursing .wd {
		width: 20%;
	}

	.sbf_contents #tb_learning .wa {
		width: 26%;
	}

	.sbf_contents #tb_learning .wb {
		width: 23%;
	}

	.sbf_contents #tb_learning .wc {
		width: calc(35%/3);
	}

	.sbf_contents #tb_learning .wd {
		width: 16%;
	}
}