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


/*ul li*/

.ulStyle06{
	float: left;
	margin: 0px 25px 0 0;
}


.ulStyle06 li{
	list-style: none;
	float: none !important;
	text-align: left;
	margin: 0 15px 0px 5px;
	margin-right: 0 !important;
	text-indent: -0.8em;
	padding-left: 1em;
}
	.ulStyle06 li::before {
		content: '';
		width: 10px;
		height: 10px;
		display: inline-block;
		border-radius: 100%;
		background: #0f2188;
		position: relative;
		left: -5px;
		top: 0px;
	}
	
	.ulStyle06 .listnone::before {
		content: none;
	}
	
.ulStyle06 li:last-child{
	display:list-item !important;
}

.ulStyle06 li.listnone:before{
	content: inherit;
}

.tablegroup .ulStyle06 li{
	width:250px;
}

.ulStyle07{
	margin: 20px 0;
	font-size: 90%;
}

.ulStyle07 li{
	float: none !important;
	text-align: left;
	font-size: 100%;
	line-height: 1.5;
	display: block !important;
	margin-bottom: 5px;
	margin-right: 0 !important;
	text-indent: -1.9em;
	padding-left: 1.9em;
}

.ulStyle10{
	margin: 20px 0;
	font-size: 90%;
}

.ulStyle10 li{
	float: none !important;
	text-align: left;
	font-size: 100%;
	line-height: 1.5;
	display: block !important;
	margin-bottom: 5px;
	margin-right: 0 !important;
	text-indent: -1.34em;
	padding-left: 1.34em;
}

.ulStyle09{
	margin: 20px 0;
}

.ulStyle09 li{
	float: none !important;
	text-align: left;
	display: block !important;
	margin-bottom: 5px;
	line-height: 1.5;
	margin-right: 0 !important;
	text-indent: -1.9em;
	padding-left: 1.9em;
}

.ulStyle11{
	margin: 20px 0;
}

.ulStyle11 li{
	float: none !important;
	text-align: left;
	display: block !important;
	margin-bottom: 5px;
	line-height: 1.5;
	margin-right: 0 !important;
	text-indent: -1em;
	padding-left: 1em;
}


.tablegroup .ulStyle06{
	min-width: 268px;
	margin: 3px 25px 0 0;
}

.tablegroup{
	overflow: hidden;
	margin-bottom: 20px;
}

.tablegroup span{
	font-weight: normal;
}

.report06Box .th_left{
	width: 140px;
}

.report06Box .flt_r table{
	table-layout: fixed;
}

.report06Box .flt_r table tr td ul{
    overflow: visible;
}

.report06Box .flt_r table tr td ul li{
    width: 90%;
}

.pic_right{
	float: right;
	padding: 0 0 10px 10px;
}

@media screen and (max-width: 956px) {
	.report06Box .flt_r table tr td .pcStyle{
		display: block;
	}

	.report06Box .flt_r table tr td ul li{
		width: 100%;
		margin: 0 10px 3px;
	}

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

	.report06Box .th_left{
		width: 120px;
	}
	
	.report06Box .flt_r table tr td .pcStyle{
		display: none;
	}

}

#awareness_survey .wid100per section{
	display: flex;
}

#awareness_survey .wid100per section figure:first-child{
	margin-right: 20px;
}

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

	#awareness_survey .wid100per section{
		display: block;
	}
	
	#awareness_survey .wid100per section figure:first-child{
		margin: 0 0 20px 0;
	}
	
}

.wid100per{
	max-width: 100% !important;
}

.wid17{
	width: 17%;
}

.wid50p{
	width: 50%;
}

.flex_center{
	display: flex;
	justify-content: center;
}
	.flex_center figure{
		margin-right: 20px;
	}
	
	.flex_center figure:last-of-type{
		margin-right: 0px;
	}

.hd_other{
	font-size: 108% !important;
	font-weight: bold;
	text-indent: inherit !important;
	margin-bottom: 10px;
}

.report3_link01{
	color:#00C !important;
}

.energybox{
	margin-bottom: 20px;
}

body p{
	line-height: 1.8;
}

.mainBox p{
	font-size: 116%;
	/*font-size: 1.5rem;*/
	text-align: left;
	text-indent: 1em;
}

.txt_areaBox{
	overflow: hidden;
	margin-top: 20px;
}

	.txt_area{
		float: left;
		width: 632px;
		text-align: left;
		line-height: 1.7;
	}
	
	.img_area{
		float: left;
		margin-left: 44px;
		width: 230px;
	}
		.img_area p{
			text-align: left;
			margin-bottom: 10px;
		}

.savingBox{
	border: 1px solid #0f2188;
	margin: 40px 0 0px;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.saving_area01{
	width: 630px;
	float: left;
}

.saving_area01 p{
	line-height: 1.8;
}

.saving_area02{
	position: absolute;
	bottom: 0;
	right: 10px;
}
	
	.savingBox span.jirei{
		color: #fff;
		padding: 8px 10px 0 0px;
		display: block;
		font-size: 16px;
		font-weight: bold;
	}
	
	.saving_l{
		float: left;
		margin-top: 25px;
		
	}
		.saving_l p{
			font-size: 124%;
			font-weight: bold;
			margin-bottom: 10px;
			text-indent: 0 !important;
		}
		
	.saving_r{
		float: right;
		margin-top: 15px;
	}

span.fnt_s{
	font-size: 85%;
}

.energybox li span{
	background: none !important;
	color: #333 !important;
	font-weight: normal !important;
	font-size: 116% !important;
	padding: 5px 0 !important;
	text-align: left;
}

.energy_grapharea{
	margin: 30px 0 0px;
}

.energy_grapharea .flt_r .ulStyle04 {
	max-width: 465px;
	width: 100%;
	margin: 0;
}
.energy_grapharea .flt_r .ulStyle09 {
	max-width: 465px;
	width: 100%;
	margin: 0;
}

.energy_grapharea .flt_r .ulStyle09 {
	max-width: 465px;
	width: 100%;
	margin: 0;
}


.savingBox_bd{
	border-bottom: 1px solid #999999;
	/*margin-bottom: 15px;*/
}

.savingBox_bd p{
	padding: 10px 0 20px;
	margin-bottom: 0px;
}
.savingBox_bd .saving_l p{
	padding: 10px 0 0px;
}

.saving_area03{
	width: 500px !important;
	float: left;
}
	.saving_area03 .saving_r{
		margin-top: 18px;
	}


.saving_area04{
	width: 610px;
	float: left;
}
	.saving_area04 .saving_l{
		margin-top: 25px;
	}
	
	.saving_area04 .saving_l p{
		padding-bottom: 0;
	}

.saving_area05{
	width: 544px !important;
	float: left;
}
	.saving_area05 p{
		padding: 10px 0 0px;
		margin-bottom: 0px;
	}
	
	.saving_area05 .ulStyle04{
		margin: 10px 0 0;
	}

.saving_area06{
	max-width: 425px !important;
	width: 100%;
	float: left;
}

#sub_environmental06 .saving_area06{
	max-width: 730px !important;
	width: 100%;
	float: left;
}

.saving_area07{
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.saving_area08{
	width: 580px;
	float: left;
}


.savingBox_l,
.savingBox_r{
	display: flex;
	justify-content: space-between;
}
	.savingBox_l div,
	.savingBox_r div{
		max-width:604px;
		width: 100%;
	}

	.savingBox_l .led_l,
	.savingBox_r .led_l{
		padding-top: 0;
	}

.savingBox_l{
	border-bottom: 1px solid  #999999;
	padding: 30px 0;
}

.savingBox_r{
	padding: 30px 0 0;
}

.colum2Box.tableBox .flt_l {
	max-width: 412px;
	width: 100%;
}

.colum2Box.tableBox .flt_r {
	max-width: 494px;
	width: 100%;
}

/*燃料電池バス用大型ルーフの樹脂化*/
.report3Box div{
	max-width:650px;
	width: 100%;
}

/*輸送ロスの低減によるCO2 排出量の低減*/
.colum2Box{
	overflow: hidden;
	margin-top: 20px;
}

.colum2Box .flt_l{
	max-width: 448px;
	width: 100%;
	float: left;
}

	.colum2Box .flt_l .hd01{
		margin: 10px 0 0;
	}

.colum2Box .flt_r{
	max-width: 460px;
	width: 100%;
	float: right;
}

	.colum2Box.report6 .flt_r{
		max-width: 580px;
	}


.colum2Box .flt_r p{
	text-align: left;
	text-indent: 0 !important;
}

.colum2Box .flt_r .hd06 span{
	color: #333;
	font-weight:normal;
}

/*環境に優しいLED メーカーとしての貢献*/
.picBox{
	width: 950px;
	overflow: hidden;
	margin: 20px auto;
}

.picBox li{
	float: left !important;
	margin-right: 10px !important;
}
.picBox li:last-child{
	float: left !important;
	margin-right: 0px !important;
}

.picBox li span{
	background: none !important;
	color: #333 !important;
	font-size: 100% !important;
	text-align: left !important;
	font-weight: normal !important;
	padding: 8px 0 !important;
}


.led_l{
	font-weight: bold;
	font-size: 124%;
	padding-top: 20px;
}

.led_l p{
	padding: 10px 0;
	font-size: 100%;
	text-indent: 0 !important;
}


.ledBox_bd {
    border-bottom: 1px solid #999999;
    margin-bottom: 15px;
}

.ledBox_bd .flt_l{
	width: 604px;
}

.ledBox_bd .flt_r{
	margin: 25px 0 30px;
}

.ledBox_bd .led_img01{
	text-align: left;
	margin: 20px 0 30px;
}

.led_box02{
	overflow: hidden;
	margin-bottom: 30px;
}

	.led_box02 .flt_l{
		width:583px;
	}
	
/*環境部メッセージ*/
.clr_box{
	border-top:3px solid #003399!important;
	border: 1px solid #003399;
    margin: 40px 0 20px;
    padding: 21px 30px 20px;
    position: relative;
    overflow: hidden;
}

.clr_bg{
	background: url(../../img/clr_img_01.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 192px;
	height: 34px;
}
.clr_bg span.jirei {
    color: #fff;
    padding: 8px 10px 0 0px;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.clr_area01{
	width: 683px;
	float: left;
}
.clr_area01 p{
	line-height:24px;
}
.clr_area02{
	position: absolute;
	bottom: 0;
	right: 30px;
	top:50px;
}

/*小文字*/
.small_tx{
	font-size:13px!important;
	text-indent:inherit!important;
	
}

/*環境基本方針BOX*/
.kankyou_box{
	padding:25px 0;
}


/*report05*/
.colum2Box.forestBox{
	overflow: hidden;
	margin-top: 20px;
}

.colum2Box.forestBox .flt_l{
	width: 446px;
	float: left;
}

	.colum2Box.forestBox .flt_l .hd01{
		margin: 10px 0;
	}

.colum2Box.forestBox .flt_r{
	width: 460px;
	float: right;
}

.colum2Box.forestBox .flt_r p{
	text-align: left;
	text-indent: 0 !important;
}

.colum2Box.forestBox .flt_r .hd06 span{
	color: #333;
	font-weight:normal;
}

.colum2Box dl{
	font-size: 116%;
	text-align: left;
	clear: both;
	margin-left: 13px;
}
	.colum2Box dl dt{
		float: left;
	}


.mainBox .forest_situation{
	overflow: hidden;
}

.mainBox .forest_situation li{
	float: left;
	margin-right: 0px;
}

.mainBox .forest_situation li span{
	background: none;
	font-size: 100%;
	line-height: 1.5;
	color: #333 !important;
	text-align: left;
	padding: 10px 0;
	font-weight: normal;
}

.mainBox .forest_situation_b{
	overflow: hidden;
	display: flex;
	margin: 0 auto;
}

.mainBox .forest_situation_b li{
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.mainBox .forest_situation_b li span{
	display: inline-block;
	background: none;
	font-size: 100%;
	line-height: 1.5;
	color: #333 !important;
	padding: 10px 0;
	text-align: left;
	font-weight: normal;
}

.mainBox .forest_situation_b.twobox{
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
}

.mainBox .forest_situation_b.twobox li{
	width:32%;
}

.mainBox .satoyama {
    overflow: hidden;
    display: flex;
    margin: 0 auto;
}

.mainBox .satoyama.twobox {
    justify-content: center;
}

.mainBox .satoyama li span {
    display: inline-block;
    background: none;
    font-size: 100%;
    line-height: 1.5;
    color: #333 !important;
    padding: 10px 0;
    text-align: left;
    font-weight: normal;
}


.mainBox .biotop{
	overflow: hidden;
	display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	margin-top: 20px;
}

.mainBox .biotop li{
  float: none;
}

.mainBox .biotop li span{
	background: none;
	font-size: 100%;
	line-height: 1.5;
	color: #333 !important;
	padding: 10px 0;
	text-align: left;
	font-weight: normal;
}

.colum2Box.forestBox a:hover{
	opacity: 0.8;
}

/*report4*/
#sub_environmental04 h6{
	margin-top: 0;
	margin-bottom: 0;
}


/*report6*/
#sub_environmental06 .energy_grapharea{
	margin:10px 0 0;
}


#sub_environmental06 .energy_grapharea .scroll table tr td{
	vertical-align: top;
}

.colum2Box.report6,.colum2Box.report6_2{
	overflow: hidden;
	margin-top: 20px;
}

.enlightenment_ttl .colum2Box.report6,.colum2Box.report6_2{
	display: flex;
	justify-content: space-between;
}

.colum2Box.report6 .flt_l{
	width: 465px;
	float: left;
}

	.colum2Box.report6 .flt_l .hd01{
		margin: 10px 0;
	}

.colum2Box.report6 .flt_r{
	width: 470px;
	float: right;
}

.colum2Box.report6 .flt_r p, .colum2Box.report6_2 .flt_r p{
	text-align: left;
	text-indent: 0 !important;
}


.colum2Box.report6_2 .flt_l{
	max-width: 460px;
	width: 100%;
	float: left;
}

	.colum2Box.report6_2 .flt_l .hd01{
		margin: 10px 0;
	}

.colum2Box.report6_2 .flt_r{
	width: 460px;
	float: right;
}


.mainBox .enlightenment_ttl .forest_situation,
.mainBox .report6 .forest_situation{
	display: flex;
	justify-content: space-between;
}

.colum2Box.report6_2 .flt_r .forest_situation li{
	margin-right: 10px;
}

.colum2Box.report6_2 .flt_r .forest_situation li:last-child{
	margin-right: 0;
}

/*2colum*/
.colum2Box_tk{
	overflow: hidden;
	margin-top: 20px;
}

.colum2Box_tk .flt_l{
	float: left;
}

	.colum2Box_tk .flt_l .hd01,
	.colum2Box_tk .flt_r .hd01{
		margin: 10px 0;
	}

colum2Box_tk .flt_r{
	float: right;
}

colum2Box_tk .flt_r p{
	text-align: left;
	text-indent: 0 !important;
}

colum2Box_tk .flt_r .hd06 span{
	color: #333;
	font-weight:normal;
}

.enlightenment{
	overflow: hidden;
	height: 230px;
	position: relative;
	margin-left: 10px;
}

.enlightenment_ttl{
	margin-top: 40px;
}

.forest_situation.pic{
	position: absolute;
	right: 10px;
	top: 70px;
}

.pic3Box{
	margin-top: 20px;
	overflow: hidden;
}
	.pic3Box figure{
		float:left;
		margin-right: 10px;
	}

	.pic3Box figure:last-child{
		float:left;
		margin-right: 0px;
	}

	.pic3Box figure span{
		display: block;
		text-align: left;
		font-size: 100%;
		padding: 10px 0 0;
	}

/*tテーブル	*/

.tableStyle03 a{
	color: #0f2188;
	text-decoration: underline !important;
}

.tableStyle03 a:hover{
	text-decoration: none !important;
}


.scroll{
	margin				: 0 auto 50px;
}

.tableStyle03{
	border-collapse		: separate;
	*border-collapse	: collapse; /* for IE6,7 */
	border-spacing		: 0;
	empty-cells			: show;
	border-top			: none;
	border-right		: none;
	border-bottom		: none;
	border-left			: 1px solid #5185c5;
	border-color		: #5185c5;
	max-width			: 950px;
	width				: 100%;
}
.tableStyle01 tr:first-child td{
	border-top			: 1px solid #5185c5;
}

	.tableStyle03 th,
	.tableStyle03 td {
		/*width			: 10%;*/
		word-break		: break-word;
		border-top		: none;
		border-right	: 1px solid #5185c5;
		border-bottom	: 1px solid #5185c5;
		border-left		: none;		
		font-weight		: normal;
	}
	
	.wid8{
		width: 10%;	
	}
	.wid30{
		width: 30%;	
	}
	
	.tableStyle03 th{
	margin		: 0;
	padding		: 10px;
	background-color: #f0f3fa;
	}

	.tableStyle03 td{
		padding		: 10px;
		text-align	: left;
		line-height	: 1.6;
	}
	
	.tableStyle03 td.table_bg03{
		background: #e6e6e6;
	}
	
	.tableStyle03 td .ulStyle01{
		margin: 0 15px 0 10px;
	}
	.tableStyle03 td .ulStyle01 li:last-child{
		display: list-item;
	}
.tableStyle04{
	display: table-cell;
	*border-collapse	: collapse; /* for IE6,7 */
	border-spacing		: 0;
	empty-cells			: show;
	border-top			: 1px solid #bbbbbb;
	border-right		: none;
	border-bottom		: none;
	border-left			: none;
	margin				: 0 auto 10px;
	width				: 100%;
}

	.tableStyle04 th,
	.tableStyle04 td {
		border-top		: none;
		border-right	: 0.5px solid #bbbbbb;
		border-bottom	: 0.5px solid #bbbbbb;
		border-left		: none;		
		font-weight		: normal;
	}
	.tableStyle04 td:last-child{
		border-right	: none;
	}

	.tableStyle04 thead th{
	margin		: 0;
	padding		: 10px;
	background-color: #EAF6FD;
	}

	.tableStyle04 thead td{
		padding		: 10px;
		text-align	: left;
		line-height	: 1.6;
		background-color:#C9CACA;
	}
	.tableStyle04 tbody th{
	margin		: 0;
	padding		: 0 30px 0;
	background-color: #EAEFF9;
	}

	.tableStyle04 tbody td{
		padding		: 10px 15px;
		text-align	: left;
		line-height	: 1.6;
		background-color:#FFF;
	}
	.tableStyle04 tbody td span{
		font-size:15px;
	}
	
	.tableStyle04 td.table_bg04{
		background: #e6e6e6;
	}
	
	.tableStyle04 td .ulStyle01{
		margin: 0 15px 0 0;
		list-style-type: disc;		}
	.tableStyle03 td .ulStyle01 li:last-child{
		display: list-item;
	}


.tableStyle05{
	border-collapse		: separate;
	*border-collapse	: collapse; /* for IE6,7 */
	border-spacing		: 0;
	empty-cells			: show;
	border-top			: 1px solid #5185c5;
	border-right		: none;
	border-bottom		: none;
	border-left			: 1px solid #5185c5;
	margin				: 0 auto 10px;
	width				: 100%;
}

	.tableStyle05 th,
	.tableStyle05 td {
		border-top		: none;
		border-right	: 1px solid #5185c5;
		border-bottom	: 1px solid #5185c5;
		border-left		: none;		
		font-weight		: normal;
	}

	.tableStyle05 th{
	margin		: 0;
		padding		: 10px;
		background-color: #5185c5;
		color: #fff;
		border-right: 1px solid #fff;
	}
	
	.tableStyle05 th:last-child{
		border-right: none;
	}

	.tableStyle05 td{
		padding		: 10px;
		text-align	: center;
		line-height	: 1.6;
	}
	
	.tableStyle05 td.table_bg03{
		background: #e6e6e6;
		text-align: left;
	}
	
	.tableStyle05 td.table_bg04{
		background: #d1f3ff;
	}
	
	.tableStyle05 td .ulStyle01{
		margin: 0 15px 0 10px;
	}
	.tableStyle05 td .ulStyle01 li:last-child{
		display: list-item;
	}

.clr{
	clear:both !important;
}

.vertical {
/*  writing-mode: tb-lr;
 writing-mode: vertical-lr;
*/  -webkit-writing-mode: vertical-lr;
  letter-spacing: 0.2em;
  margin-left:10px;
  font-size:15px;
  }
.vertical a{
	color:#00C;
}
.blue{
	color:#004098;
	font-size:14px!important;
	line-height: 1.4 !important;}
.mini_ta{
	border-spacing		: 0;
	empty-cells			: show;
	border-top			: 1px solid #bbbbbb;
	border-right		: none;
	border-bottom		: none;
	border-left			: none;
	margin				: 0 auto ;
	width				: 100%;
}

	.mini_ta td th,
	.mini_ta td {
		border-top		: none;
		border-right	: 1px solid #bbbbbb;
		border-bottom	: 1px solid #bbbbbb;
		border-left		: none;		
		font-weight		: normal;
	text-align:center;
	}
	.mini_ta td:last-child {
		border-right	: none;
	text-align:center;
	}
	.mini_ta thead th{
	background:#EFEFEF;
	text-align:center;
	padding:5px 0;
	}
.mini_ta thead td{
	background:#EAEFF9;
	padding:0;
	text-align:center;

}
.mini_ta tbody th{
	background:#EFEFEF;
	padding:0;
	padding:0px 0;
	}
.mini_ta tbody td{
	background:#FFF;
	padding:0;
	text-align:center;
	padding:5px 0;
	}
/*テキスト中の文字*/	
.text_box{
	position:relative;
}
.text_ph{
	position:absolute;
	right:0px;
}


.envi_title{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-align-items: flex-end; /* Safari */
	align-items:         flex-end;
	margin-bottom: 60px;
}

.envi_title h3{
	margin-bottom: 0;
}

.icon{
	display: flex;
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction:         row-reverse;
}
.icon p{
    text-indent: 0.2em;
}

.hd04{
    font-size: 154%;
    color: #444444;
    border-bottom: none;
    text-align: left;
    padding-bottom: 30px;
    margin-top: 30px;
}

.txti_n{
	text-indent: 0 !important;
}

.fonts_p li{
	font-size: 116% !important;
	line-height: 1.8 !important;
}

.bo0{
	position: absolute;
	bottom: 0;
	right: 0;
}

.pb30{
	padding-bottom: 30px !important;
}

.width_a{
	width: auto !important;
}

.listnone{
	list-style: none !important;
}

.w130{
	max-width: 130px !important;
	width: 100%;
}
.w310{
	max-width: 310px !important;
	width: 100%;
}
.w350{
	max-width: 350px !important;
	width: 100%;
}
.w410{
	max-width: 410px !important;
	width: 100%;
}
.w440{
	max-width: 440px !important;
	width: 100%;
}
.w565{
	max-width: 565px !important;
	width: 100%;
}
.w580{
	max-width: 580px !important;
	width: 100%;
}
.w680{
	max-width: 680px !important;
	width: 100%;
}
.w750{
	max-width: 750px !important;
	width: 100%;
}

.w_half{
	width: 47%;
}

.year2020 figure{
	width: 70%;
	margin: 0 auto;
}

.year2020 figure img{
	width: 100%;
}

.year2020 .colum2Box .ov .flt_l{
	max-width:700px;
}

.year2020 .colum2Box .ov .flt_r{
	max-width:230px;
}

.indent_left{
	margin-left: 1em !important;
}

.f116{
	font-size: 116% !important;
}

.fl_r{
	float: right;
}

.txt_j{
	text-align: justify !important;
}

.flex_txt{
	margin-left	: 10px;
}


.float-box{
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	vertical-align: baseline;
}

.float-box2{
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	vertical-align: baseline;
}

.float-clear{
	overflow: hidden;
	max-width: 100% !important;
}

.savingBox_l .width_a{
	max-width: 100% !important;
}


#sub_environmental07 .text_box .text_box_in{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#sub_environmental07 .text_box .text_box_in h5{
	width:100%;
}

#sub_environmental07 .pic_right{
	margin-top: -30px;
	padding: 0;
}

#sub_environmental07 .pic_right li{
	float: none !important;
	margin: 0;
}

#sub_environmental07 .pic_right li span{
	display: block;
	background: none;
	color:#444;
	padding: 10px 0;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}


@media screen and (max-width: 956px) {
	.tablegroup_last{
		padding-left: 0;
	}

	
	.mainBox ul.ulStyle07 li{
		margin-bottom: 5px;
	}
	
	.colum2Box.tableBox .flt_l,
	.colum2Box.tableBox .flt_r{
		max-width: 100%;
		width: 100% !important;
	}
	
	.colum2Box.tableBox .flt_r{
		margin-top: 10px;
	}
	
	#sub_environmental02 .flex.flex_end,
	#sub_environmental03 .flex.flex_end,
	#sub_environmental04 .flex.flex_end,
	#sub_environmental05 .flex.flex_end,
	#sub_environmental06 .flex.flex_end{
		flex-direction: column;
		align-items: flex-start;
	}
		#sub_environmental02 .flex.flex_end h3,
		#sub_environmental03 .flex.flex_end h3,
		#sub_environmental04 .flex.flex_end h3,
		#sub_environmental05 .flex.flex_end h3,
		#sub_environmental06 .flex.flex_end h3{
			margin-bottom: 10px !important;
		}
	
	.hd04{
		padding-bottom: 10px;
	}
	
	.energy_grapharea .flt_l,
	.energy_grapharea .flt_r{
		float: none !important;
		position: inherit;
	}
	
	.energy_grapharea .flt_l{
		margin-bottom: 20px;
	}
	
	.colum2Box .flt_l{
		max-width: 100%;
	}
	
	.colum2Box .flt_r{
		float: none !important;
		max-width: 100%;
	}
	
	.savingBox_l,
	.savingBox_r{
		flex-direction: column;
	}
	
	.ledBox_bd{
		padding-top: 30px;
	}
	
	
	#sub_environmental03 .seihin_box2 .flex{
		flex-direction: column;
	}
	
	#sub_environmental03 .seihin_box2 .flex .w_half{
		width: 100%;
		border-bottom: 1px solid #999999;
		border-right: none !important;
		padding: 0 20px 20px !important;
		margin-bottom: 0 !important;
	}
	
	#sub_environmental03 .seihin_box2 .flex .w_half:nth-child(2){
		margin-bottom: 20px !important;
		border: none;
	}
	
	#sub_environmental03 .seihin_box2 .flex img{
		margin-top: 0 !important;
	}
	
	.saving_area06{
		max-width: 100% !important;
	}
	
	.flex_txt{
		width: 100% !important;
		margin-right: 0 !important;
	}
	
	#sub_environmental05 .mainBox .forest_situation li{
		width: 47%;
		margin-right: 10px !important;
	}
	
	#sub_environmental05 .mainBox .forest_situation li:last-child{
		margin-right: 0 !important;
	}
	
	#sub_environmental06 .colum2Box_tk .flt_r{
		float: left !important;
	}
	
	#sub_environmental06 .colum2Box .flt_r{
		float: right !important;
	}
	
	#sub_environmental06 .saving_area06{
		max-width: 100% !important;
	}
	
	.text_ph{
		position: inherit;
		margin-bottom: 10px;
	}
	
	#sub_environmental11 .savingBox_r > div{
		width: 100% !important;
	}
	
	.energy_grapharea .flt_l.tablegroup{
		border-right: none !important;
	}
	
	#sub_environmental11 .txti_n.rank_img{
		text-align: center;
		margin-top: 0 !important;
	}
	
	.scroll > table{
		width:745px;
		table-layout: auto;
		word-break: break-all;
	}
	
	.enlightenment_ttl .colum2Box.report6,.colum2Box.report6_2{
		display: block;
		justify-content: space-between;
	}
	
	.colum2Box.report6_2 .flt_l{
		max-width: 100%;
		float: none !important;
	}
	
	#sub_environmental06 .colum2Box .flt_r{
		float: left !important;
	}
	
	#sub_environmental07 .text_box .text_box_in {
		flex-direction: column;
	}
	
	#sub_environmental07 .w565 {
		max-width: 100% !important;
	}
	
	#sub_environmental07 .pic_right {
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	#sub_environmental07 .pic_right li{
		max-width: 348px;
		text-align: left;
	}
	
	#sub_environmental07 .pic_right li span{
	display: inline-block;
	}
	
	#sub_environmental07 .ulStyle07{
		margin: 10px 0 0;
	}

}

@media screen and (max-width: 956px){
	.year2020 figure{
		width: 100%;
		margin: 0 auto;
	}
	
.year2020 .colum2Box .ov .flt_l{
	max-width:100%;
	margin-bottom: 10px;
}

.year2020 .colum2Box .ov .flt_r{
	max-width:100%;
}

.year2020 .colum2Box .ov .flt_r img{
	margin: 0 auto;
}

.year2020 .colum2Box .ov .flt_r p{
	text-align: center;
	font-size: 90%;
}

.year2020 .colum2Box .ov .flt_r br{
	display: none;
}

.savingBox_l div,
.savingBox_r div{
	max-width:100% !important;
	width:100% !important;
}

/*燃料電池バス用大型ルーフの樹脂化*/
.report3Box div{
	max-width:100%;
}
.jirei_img{
	text-align: center !important;
	margin: 10px auto 0;
}



.w130,
.w350,
.w440,
.w580,
.w680,
.w750{
	max-width: 100% !important;
	width: 100% !important;
}

.mainBox .biotop.column03{
	max-width: 440px;
	width: 100%;
	margin: 15px auto;
}


.domesticgroup_r{
	display: flex;
	min-height: 230px;
	height: auto;
	margin-right: 0;
}

.domesticgroup_r ul:first-child{
	width: 50%;
}

.domesticgroup_r ul:last-child{
	margin-right: 0;
}

.pic_right{
	float: none;
	padding: 0 0 10px;
}


}

@media screen and (max-width: 478px) {
	.img01{
		width: 62%;
	}
	
	.img02{
		width: 37%;
	}
	
	.img03{
		width: 89%;
	}
	
	.img04{
		width: 88%;
	}
	
	#sub_environmental06 .mainBox .forest_situation li{
		width: 100%;
		margin: 10px auto 0;
	}

	#sub_environmental06 .mainBox .forest_situation li span{
		text-align: center !important;
	}

	.colum2Box.report6_2 .flt_r{
		width: 100%;
		float: none;
	}
	
	.savingBox_l .mt40,
	.savingBox_r .mt40
	{
		margin-top: 10px !important;
	}
	
	.savingBox_r .biotop li span
	{
		text-align: center !important;
	}

	.mainBox .forest_situation_b{
		display: block;
	}
	
	.mainBox .satoyama {
		display: block;
	}
	
	.mainBox .satoyama.twobox li {
		width: 100%;
	}

	.mainBox .biotop{
		display: block;
	}

	.mainBox .biotop li span{
		text-align: center;
	}
	
	.mainBox .forest_situation_b.twobox li{
		width:100%;
	}
	
	.mainBox .biotop.column03{
		display: flex;
		justify-content: space-between;
	}
		.mainBox .biotop.column03 li{
			width: 32%;
		}
	
	.ulStyle05:last-child{
		margin-top: 0;
	}
	
	.flex_center{
		flex-direction: column;
	}
		.flex_center figure{
			margin: 0 0 20px 0;
		}
		
		.flex_center figure:last-of-type{
			margin: 0;
		}
	
	.environmental_img{
		width: 60%;
	}
	
	.mainBox .enlightenment_ttl .forest_situation, .mainBox .report6 .forest_situation{
		display: block;
	}
	
	
}

.table_con tr td a ol li{
	text-decoration: underline;
	margin-right: 0;
}
.table_con tr td a ol li:hover{
	text-decoration: none;
}
.table_con tr td ol.list_number{
	padding-left: 1.3em;
}
@media all and (-ms-high-contrast: none) {
	.table_con tr td ol.list_number{
		padding-left: 1.6em;
	}
  }
.table_con tr td ol.list_number li {
	list-style: decimal;
}

.table_con tr td .list_alpha{
	text-indent: -1.8em;
	padding-left: 1.8em;
}
.table_con tr td .list_alpha li {
	list-style-type: lower-alpha;
	counter-increment: cnt;
	text-indent: 0;
	padding-left: 0;
}

.table_con tr td ol.list_asterisk {
	counter-reset: number;
	list-style: none;
	text-indent: -2em;
	padding-left: 2em;
  }
  .table_con tr td ol.list_asterisk li:before {
	counter-increment: number;
	content: "※"counter(number)" ";
  }

.table_num{
	width: 7.37618545837724%;
}
.table_name,
.table_report,
.table_web{
	width: calc((100% - 7.37618545837724%) / 3);
}
@media screen and (max-width: 956px) {
	.table_num{
		width: 9.395973154362416%;
	}
	.table_name,
	.table_report,
	.table_web{
		width: calc((100% - 9.395973154362416%) / 3);
	}
}