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

/* ------------------------------------------------------
product
------------------------------------------------------ */

/* ----------- menu ----------- */
div#menu dt.m01 a{background:url(../environment/images/menu_01.gif);}
div#menu dt.m01 a:hover{background:url(../environment/images/menu_01.gif) 0 -39px no-repeat;}

div#menu dt.m02 a{background:url(../environment/images/menu_02.gif);}
div#menu dt.m02 a:hover{background:url(../environment/images/menu_02.gif) 0 -39px no-repeat;}

div#menu dt.m03 a{background:url(../environment/images/menu_03.gif);}
div#menu dt.m03 a:hover{background:url(../environment/images/menu_03.gif) 0 -39px no-repeat;}

div#menu dt.m04 a{background:url(../environment/images/menu_04.gif);}
div#menu dt.m04 a:hover{background:url(../environment/images/menu_04.gif) 0 -39px no-repeat;}

div#menu dt.m05 a{background:url(../environment/images/menu_05.gif);}
div#menu dt.m05 a:hover{background:url(../environment/images/menu_05.gif) 0 -39px no-repeat;}

div#menu dt.m06 a{background:url(../environment/images/menu_06.gif);}
div#menu dt.m06 a:hover{background:url(../environment/images/menu_06.gif) 0 -39px no-repeat;}

div#menu dt.m07 a{background:url(../environment/images/menu_07.gif);}
div#menu dt.m07 a:hover{background:url(../environment/images/menu_07.gif) 0 -39px no-repeat;}

div#menu dt.m08 a{background:url(../environment/images/menu_08.gif);}
div#menu dt.m08 a:hover{background:url(../environment/images/menu_08.gif) 0 -39px no-repeat;}

div#menu dt.m09 a{background:url(../environment/images/menu_09.gif);}
div#menu dt.m09 a:hover{background:url(../environment/images/menu_09.gif) 0 -39px no-repeat;}

div#menu dt.m10 a{background:url(../environment/images/menu_10.gif);}
div#menu dt.m10 a:hover{background:url(../environment/images/menu_10.gif) 0 -39px no-repeat;}

div#menu dt.m11 a{background:url(../environment/images/menu_11.gif);}
div#menu dt.m11 a:hover{background:url(../environment/images/menu_11.gif) 0 -39px no-repeat;}

div#menu dt.m12 a{background:url(../environment/images/menu_12.gif);}
div#menu dt.m12 a:hover{background:url(../environment/images/menu_12.gif) 0 -39px no-repeat;}

/* ----------- menu onの場合 ----------- */
div#menu dt.on a{
	background-position: 0 -39px;
	display:block;
}

.mt10 {
	margin-top: 10px;
}
.mt40 {
	margin-top: 40px;
}
.-red {
	color: #E70000;
}
/* ----------- contents ----------- */


#contents div.tempCnWrap {
	width : 662px;
	text-align : center;
	margin:20px 0 30px 0;
	}

#contents p {
	margin-bottom : 10px;
	}

#contents div.tempCnWrap table.tempTable {
	width : 80%;
	margin : 0 auto;
	border-collapse : collapse ;
	display : block ;
	}

#contents div.tempCnWrap table.tempTable tr td {
	border : 1px solid #B3B3B3 ;
	text-align : left;
	padding : 3px 5px ;
	color : #404040 ;
	}

#contents div.tempCnWrap table.tempTable tr td.tempHeader {
	background-color : #FFE6BF ;
	width : 25%;
	}

#example {
	background-color : #FFE6BF ;
	}

#contents ol.tempNumList {
	list-style-type : decimal ;
	}

#contents ol.tempNumList li {
	margin-left : 20px ;
	}


#contents div.tempDlWrap {
	clear                  : both;
	}

#contents div.tempDlWrap:after {
	content                : "";
	display                : block;
	clear                  : both;
	height                 : 1px;
	overflow               : hidden;
	}

#contents div.tempDlWrap dl {
	float                  : left;
	width : 310px;
	}


hr.tempClear {
	display                : none;
	clear                  : both;
	}

#contents h3 span,
#contents h4 span,
#contents h5 span,
#contents h6 span {
	display : none;
	}

#contents h4[id]:has(> span) {
	height: 25px;
}

#bus_title01 { background:url(../environment/images/bus_title_01.jpg) 0 0 no-repeat; }
#bus_title02 { background:url(../environment/images/bus_title_02.jpg) 0 0 no-repeat; }

#pla_title01 { background:url(../environment/images/pla_title_01.jpg) 0 0 no-repeat; }
#pla_title02 { background:url(../environment/images/pla_title_02.jpg) 0 0 no-repeat; }
#pla_title03 { background:url(../environment/images/pla_title_03.jpg) 0 0 no-repeat; }

#rec_title01 { background:url(../environment/images/rec_title_01.jpg) 0 0 no-repeat; }
#rec_title02 { background:url(../environment/images/rec_title_02.jpg) 0 0 no-repeat; }
#rec_title03 { background:url(../environment/images/rec_title_03.jpg) 0 0 no-repeat; }
#rec_title04 { background:url(../environment/images/rec_title_04.jpg) 0 0 no-repeat; }
#rec_title05 { background:url(../environment/images/rec_title_05.jpg) 0 0 no-repeat; }

#nb_title01 { background:url(../environment/images/nb_title_01.jpg) 0 0 no-repeat; }
#nb_title02 { background:url(../environment/images/nb_title_02.jpg) 0 0 no-repeat; }
#nb_title03 { background:url(../environment/images/nb_title_03.jpg) 0 0 no-repeat; }

#eco_title01 { background:url(../environment/images/eco_title_01.jpg) 0 0 no-repeat; }
#eco_title02 { background:url(../environment/images/eco_title_02.jpg) 0 0 no-repeat; }
#eco_title03 { background:url(../environment/images/eco_title_03.jpg) 0 0 no-repeat; }

#edu_title01 { background:url(../environment/images/edu_title_01.jpg) 0 0 no-repeat; }
#edu_title02 { background:url(../environment/images/edu_title_02.jpg) 0 0 no-repeat; }
#edu_title03 { background:url(../environment/images/edu_title_03.jpg) 0 0 no-repeat; }
#edu_title04 { background:url(../environment/images/edu_title_04.jpg) 0 0 no-repeat; }
#edu_title05 { background:url(../environment/images/edu_title_05.jpg) 0 0 no-repeat; }
#edu_title06 { background:url(../environment/images/edu_title_06.jpg) 0 0 no-repeat; }
#edu_title07 { background:url(../environment/images/edu_title_07.jpg) 0 0 no-repeat; }
#edu_title08 { background:url(../environment/images/edu_title_08.jpg) 0 0 no-repeat; }
#edu_title09 { background:url(../environment/images/edu_title_09.jpg) 0 0 no-repeat; }
#edu_title10 { background:url(../environment/images/edu_title_10.jpg) 0 0 no-repeat; }
#edu_title11 { background:url(../environment/images/edu_title_11.jpg) 0 0 no-repeat; }

#contents p.temph5text {
	text-indent : 1em;
	padding : 5px 20px ;
	width : 622px;
	}

#contents p.temph6text {
	text-indent : 1em;
	padding : 5px 40px ;
	width : 582px;
	}

#contents p.temph7text {
	text-indent : -25px;
	padding : 5px 40px 0px 75px ;
	margin-bottom : 3px;
	width : 545px;
	}

#contents p.temph7text span {
	margin-right : 5px;
	}

#contents div.tempCaption {
	width : 662px;
	text-align : center;
	color : #0099cc;
	font-weight : bold;
	}

#contents div.tempCnWrap img {
	margin : 0;
	padding : 0;
	}

#contents div.tempCnWrap img.top {
	margin : 0;
	padding : 0;
	vertical-align:top !important;
	}
	
#contents div.tempCnWrap span.edu_2010,
#contents div.tempCnWrap span.edu_2011,
#contents div.tempCnWrap span.edu_2012,
#contents div.tempCnWrap span.edu_2013,
#contents div.tempCnWrap span.edu_2014,
#contents div.tempCnWrap span.edu_2015,
#contents div.tempCnWrap span.edu_2016,
#contents div.tempCnWrap span.edu_2017,
#contents div.tempCnWrap span.edu_2018,
#contents div.tempCnWrap span.edu_2019,
#contents div.tempCnWrap span.edu_2020,
#contents div.tempCnWrap span.edu_2021,
#contents div.tempCnWrap span.edu_2022,
#contents div.tempCnWrap span.edu_2023,
#contents div.tempCnWrap span.edu_2024,
#contents div.tempCnWrap span.edu_2025,
#contents div.tempCnWrap span.edu_2026,
#contents div.tempCnWrap span.edu_2027,
#contents div.tempCnWrap span.edu_2028,
#contents div.tempCnWrap span.edu_2029,
#contents div.tempCnWrap span.edu_2030{
	font-size:80%;
	display:block;
	position:absolute !important;
	}
	

#contents div.tempCnWrap span.edu_2010 {margin : 280px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2011 {margin : 250px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2012 {margin : 320px 0 0 470px ;}	
#contents div.tempCnWrap span.edu_2013 {margin : 320px 0 0 470px ;}	
#contents div.tempCnWrap span.edu_2014 {margin : 280px 0 0 400px ;}	
#contents div.tempCnWrap span.edu_2015 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2016 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2017 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2018 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2019 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2019 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2020 {margin : 240px 0 0 400px ;}
#contents div.tempCnWrap span.edu_2021 {margin : 240px 0 0 420px ;}
#contents div.tempCnWrap span.edu_2022 {margin : 240px 0 0 420px ;}

.ie7 #contents div.tempCnWrap span.edu_2010 {margin : 280px 0 0 220px ;}
.ie7 #contents div.tempCnWrap span.edu_2011 {margin : 250px 0 0 220px ;}
.ie7 #contents div.tempCnWrap span.edu_2012 {margin : 320px 0 0 325px ;}	
.ie7 #contents div.tempCnWrap span.edu_2013 {margin : 320px 0 0 325px ;}	
.ie7 #contents div.tempCnWrap span.edu_2014 {margin : 280px 0 0 220px ;}	
.ie7 #contents div.tempCnWrap span.edu_2015 {margin : 240px 0 0 220px ;}
.ie7 #contents div.tempCnWrap span.edu_2016 {margin : 240px 0 0 220px ;}	
.ie7 #contents div.tempCnWrap span.edu_2017 {margin : 240px 0 0 220px ;}	
.ie7 #contents div.tempCnWrap span.edu_2018 {margin : 240px 0 0 220px ;}	
.ie7 #contents div.tempCnWrap span.edu_2019 {margin : 240px 0 0 220px ;}	
.ie7 #contents div.tempCnWrap span.edu_2020 {margin : 240px 0 0 220px ;}
.ie7 #contents div.tempCnWrap span.edu_2021 {margin : 240px 0 0 220px ;}
.ie7 #contents div.tempCnWrap span.edu_2022 {margin : 240px 0 0 220px ;}
/* ---------------------------------------- ie hack */
*:first-child+html #contents div.tempCnWrap span.edu01 { margin : 132px 0 0 308px ; }
* html #contents div.tempCnWrap span.edu01 { margin : 132px 0 0 308px ; }
* html #contents div.tempCnWrap span.edu01 { margin : 132px 0 0 308px ; }
*:first-child+html #contents div.tempCnWrap span.edu03 { margin : 265px 0 0 238px ; }
* html #contents div.tempCnWrap span.edu03 { margin : 265px 0 0 238px ; }
*:first-child+html #contents div.tempCnWrap span.edu04 {margin : 320px 0 0 390px ; }
* html #contents div.tempCnWrap span.edu04 { margin : 320px 0 0 390px  ; }
/* ---------------------------------------- ie hack */


#contents div.tempNotice {
	width : 546px;
    background-image: url(../environment/images/notice_flame_mid.jpg);
    background-position: 0 0;
    background-repeat: repeat-y;

}


#contents div.tempNotice h5 {
		width : 546px;
    padding-top: 17px;
    background-image: url(../environment/images/notice_flame_top.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#contents div.tempNotice div.tempBody {
		width : 546px;
    padding-bottom: 17px;
    background-image: url(../environment/images/notice_flame_btt.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;

}


#contents div.tempNotice div.tempBody p {
	width : 526px;
	margin : 5px 10px;
	padding : 0;
}


#contents div.tempCnWrap table.tempNotice {
	border-collapse : collapse ;
	width : 546px;
	background-color : #FFF4D9;
	margin : 0 auto;
	padding : 0;
	background-image: url(../environment/images/notice_flame_btt.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

#contents div.tempCnWrap table.tempNotice tr td {
	font-size : 85%;
	text-align : left;
	}


#contents table.tempIndexTable {
	border-collapse : collapse ;
	margin : 0px 8px;
	}

#contents table.tempIndexTable tr td {
	margin : 0px;
	padding : 0px;
	}

#contents table.tempIndexTable tr td img {
	margin : 0px;
	padding : 0px;
	}



/* ---------------------------------------- 共通 */
.mb10 { margin-bottom : 10px !important;}
.mb20 { margin-bottom : 20px !important;}
.mb30 { margin-bottom : 30px !important;}
.mb40 { margin-bottom : 40px !important;}
.mb50 { margin-bottom : 50px !important;}
.mb60 { margin-bottom : 60px !important;}

.mt10 { margin-top : 10px !important;}
.mt20 { margin-top : 20px !important;}
.mt30 { margin-top : 30px !important;}
.mt40 { margin-top : 40px !important;}
.mt50 { margin-top : 50px !important;}
.mt60 { margin-top : 60px !important;}

.ml12{ margin-left : 12px !important;}

/* ---------------------------------------- 追記 */
#contents  p.catch{
	margin-bottom:30px;
}


h5.business_01{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_01 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_01.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_01 a:hover{
	background:url(../environment/images/btn_business_01.gif) 0 -90px no-repeat;
}

h5.business_02{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_02 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_02.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_02 a:hover{
	background:url(../environment/images/btn_business_02.gif) 0 -90px no-repeat;
}

h5.business_03{
	margin:0 10px 10px 24px;
	padding:0;
	width:90px !important;
	height:90px;
	display:block;
	line-height:100%;
	float:left;
}

h5.business_03 a{
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
	background:url(../environment/images/btn_business_03.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}

h5.business_03 a:hover{
	background:url(../environment/images/btn_business_03.gif) 0 -90px no-repeat;
}

#contents ul.tempList {
	margin:8px 0 0 0;
	padding : 0;
	display:block;
	float:left;
	width:520px;
	line-height: 150%;
}

#contents ul.tempList li {
	background : url(../environment/images/com_icon_01.jpg) 10px 5px no-repeat;
	padding-left : 25px;
	font-size : 85%;
}

#contents ul.red li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_red.gif) 0 0.2em no-repeat;
	line-height: 150%;
}

#contents ul.blue_2 li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_blue.gif) 0 0.2em no-repeat;
	line-height: 150%;
}

#contents ul.green li {
	padding :0 0 0 15px;
	font-size : 85%;
	background : url(../environment/images/icon_green.gif) 0 0.2em no-repeat;
	line-height: 150%;
}

div.bu_image02{
	margin:0 27px 0 12px;
	padding:0;
	width:193px;
	height:320px;
}

table td{
	text-align:top;
}

div.bu_text dl{
	margin:0 0 0 0;
	padding:0;
}

*html div.bu_text dl{
	font-size:80%;
}

div.bu_text dt{
	margin-bottom:5px;
	font-weight:bold;
}

div.bu_text dd{
	margin-bottom:10px;
}

#contents h4{
	margin-bottom:20px;
}

#contents h4.st{
	margin:0 0 10px 12px !important;
}

#contents h5.st{
	margin:0 0 10px 12px !important;
}

div.effort{
	width:653px;
	margin:0;
	padding:0;
	background : url(../environment/images/bg_effort.gif) 0 0.3em no-repeat;	
}

*html div.effort{
	font-size:80%;	
}

div.effort h4{
	margin:0;
	padding:40px 0 20px 118px;
	display:block;
	float:none;
}

div.effort h5{
	margin:0 0 0 40px;
	padding:0;
	float:left;
	width:110px !important;
}

#contents div.effort ul{
	margin:0 0 40px 0;
	padding:0;
	float:left;
	width:450px !important;
	display:block;
}

#contents div.effort li{
	margin:0 0 5px 0;
	padding:0;
	float:left;
	border-bottom:1px dotted #abe08d;
	display:block;
	width:400px !important;
}

span.effort_bt{
	width:653px;
	height:20px;
	margin:-5px 0 40px 0;
	padding:0;
	display:block;
	background : url(../environment/images/bg_effort_b.gif) 0 0.3em no-repeat;	
}

#contents h6{
	font-size:120%;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 12px;
	padding:8px 0 8px 0;
	color:#424242;
	width:636px;
	border-bottom:3px double #d5d5d5;
	font-size:100% !important;
}

.tempQAQ{
	display:block;
	border-bottom:1px dotted #235f9d;
	color:#235f9d;
}

.tempQAQ span{
	font-weight:bold;
	font-size:130%;
}

#contents .tempQAA{
	display:block;
	margin-bottom:20px;
}

.tempQAA span{
	font-weight:bold;
	font-size:130%;
}

div.box_sp{
	margin:0 0 20px 10px;
	padding:20px;
	background:#ecfde7;
	width:593px;
	border:2px dotted #c7edbd;
	font-size:80%;
}

*html div.box_sp{
	width:633px;
}


div.box_sp span{
	margin:0 0 15px 0;
	padding:0;
	color:#347f1f;
	display:block;
	font-weight:bold;
	font-size:120%;
}

.nf{
	float:none !important;
}

.en_index{
	margin:0 0 0 12px;
	padding:0;
	background:url(../environment/images/bg_en_index.jpg) 0 0 no-repeat;	
}

#contents div.en_index h4.st_01{
	margin:0 !important;
	padding:66px 0 0 11px;	
}

#contents div.en_index h4.st_02{
	margin:0 !important;
	padding:0 0 0px 11px;	
}

#contents div.en_index p{
	margin:0;
	padding:10px 0 30px 20px;
	width:363px;	
}

#contents div.en_index p.b{
	margin:0;
	padding:18px 0 40px 20px;
	width:596px;	
}

div.box_main{
	margin:0 0 50px 0;
	padding:0;
	width:306px !important;
	float:left;
}

div.box_main h5{
	margin:0 !important;
	padding:0;
	width:306px !important;
}

div.box_main div.box{
	margin:0 !important;
	padding:5px 0 0 14px !important;
	background:url(../environment/images/bg_box.gif) 0 0 no-repeat;
	width:304px;
	height:270px;
}

div.box_main p{
	padding:0 !important;
	padding:0 0 15px 0 !important;
	width:274px;
	display:block;
	font-size:80%;
	background:url(../environment/images/bg_line.gif) repeat 0 top;
	margin :0;
	line-height:30px;
}

div.box_main div.box_b{
	margin:-10px 0 0 0 !important;
	padding:0 !important;
	display:block;
	background:url(../environment/images/bg_box_b.gif) 0 0 no-repeat;
	width:304px;
	height:13px;
	line-height:100%;
}

.ml_10{
	margin-left:12px !important;
	padding-left:0px!important;
}

.ml_7{
	margin-left:7px !important;
}

table.eco{
	height:auto;
	width:auto;
}


div.eco_image01{
	margin:0 0px 0 40px;
	padding:0;
	width:140px;
	height:auto;
}

div.eco_image02{
	margin:0 0 0 70px;
}

div.bu_text p{
	width:440px;
	padding-bottom:20px;
}


.pic_education_02 dl{
	display:block;
	font-size:80%;
	text-align:center;
}

.pic_education_02 dt{
	display:block;
	margin-bottom:5px;
}

.pic_education_02 dl.pic_01{
	display:block;
	float:left;
	margin-bottom:30px;
	margin-left:13px;
}

.pic_education_02 dl.pic_02{
	display:block;
	float:right;
	margin-bottom:30px;
	margin-right:25px;
}

.pic_education_02 dl.pic_03{
	display:block;
	margin-left:-10px;
}

.pic_education_02 dl.pic_04{
	display:block;
	float:right;
	margin:0 0 30px 30px;
	padding:0 27px 0 0;
}

.fText{
	width:465px;
}


	div#main.-po {
		background: #ecece9 url(../images/bg_main.jpg) center 0 no-repeat;
		width: 100%;
		margin: 0;
		padding: 0 0 30px 0;
	}
	figure.mrl0 {
		margin-right: 0;
		margin-left: 0;
		position: relative;
	}
	figure a {
		display: block;
		position: absolute;
	}
	figure a.-relative {
		position: relative;
	}
	.link01 {
		    top: 32px;
    	left: 266px;
	}
	.link02 {
		bottom: 121px;
    left: 201px;
	}
	.link03 {
		bottom: 0px;
    left: 133px;
	}
	.link04 {
		left: 14px;
    top: 172px;
	}
	.po_table {
		table-layout: fixed;
		border-collapse: collapse;
		vertical-align: middle;
		width: calc(100% - 15px);
	}
	.po_table td:first-child {
		text-align: center;
	}
	.po_table td,.po_table th {
		border: 1px solid #000;
		padding: 20px;
		line-height: 1.6;
		font-size: 12px;
	}
	.po_table td.-pad0 {
		padding: 0;
	}
	.po_table th {
		background: #418411;
		color: #fff;
		text-align: center;
	}
	.-marginimg {
		display: block;
		margin: 40px 0 10px 5px;
	}
	.-marginimg + table {
		margin-top: 40px;
	}
	.po_table td p {
		width: calc(100% - 2em);
		padding-left: 1em;
		text-indent: -1em;
		font-size: 12px;
		margin-bottom: 0!important;
	}
.po_table td .space {
	display: inline-block;
	width: 13px;
}

/* ------------------------------------------------------
	2025.03.05 環境コンテンツ改定
------------------------------------------------------ */
.environment #contents p.-aR {
	text-align: right;
}
.environment #contents p.-small {
	font-size: 12px;
}
.environment_title {
	box-sizing: border-box;
	width: 900px;
	height: 80px;
	padding: 28px 30px 0;
	background: url(/environment/images/Header_Env.png) center /cover no-repeat;
	font-size: 28px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #335a9c;
	text-align: left;
}
.environment_title span {
	margin-left: 14px;
	font-size: 16px;
	color: #858585;
}
.environment_conts p {
	width: 100%;
	margin: auto;
	font-size: 16px;
}
.environment_conts figure {
	margin: auto;
}
.environment #main {
	background: #fff!important;
}
.environment #contents {
	width: 100%;
	margin: 0;
	padding: 40px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
}
.environment #contents * {
	box-sizing: border-box;
}
.environment #contents ul.breadcrumbs {
	margin-bottom: 14px;
	font-size: 12px;
}
.environment #contents ul.breadcrumbs > li {
	display: flex;
	margin: 0;
}
.environment #contents ul.breadcrumbs > li:not(:first-child)::after {
	display: inline-block;
	margin: 0 .5em;
	content: '＞';
	color: #333333;
}
.environment #contents ul.breadcrumbs > li a {
	position: relative;
	padding: 0;
	background: none;
	color: #00a669;
}
.environment #contents .environment_conts > h3 {
	margin-bottom: 48px;
	width: 100%;
	padding: 15px 30px;
	background: #007130;
	font-size: 28px;
	color: #fff;
	line-height: 1.4;
}
.environment #contents .environment_conts > h4 {
	position: relative;
	margin: 48px 0 24px!important;
	width: 100%;
	height: auto;
	padding: 0 30px 8px;
	border-bottom: 5px solid #e6e6e6;
	font-size: 24px;
	line-height: 1.4;
}
.environment #contents .environment_conts > h4::before {
	position: absolute;
	left: 0;
	bottom: -5px;
	display: block;
	width: 200px;
	height: 5px;
	background: #00a669;
	content: '';
}
.environment #contents .environment_conts > h5 {
	margin: 28px 0 20px;
	padding: 0 30px 0 20px;
	border-left: 10px solid #00a669;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.environment #contents .environment_conts .environment_topics_title {
	padding-bottom: 0;
	border-bottom: none;
}
.environment #contents .environment_conts .environment_topics_title::before {
	display: none;
}
.environment #contents .environment_conts .environment_topics_title time {
	display: block;
	font-size: 14px;
	color: #858585;
}
.environment #contents p {
	margin-bottom: 24px;
}
.environment #contents .environment_conts > p {
	margin: 0 auto 24px;
	padding: 0 30px;
	line-height: calc(28 / 16);
}
.environment #contents .environment_conts > div {
	margin: 0 auto 24px;
	padding: 0 30px;
}
.environment #contents .environment_conts > figure {
	margin: 0 auto 24px;
	padding: 0 30px;
	text-align: center;
}
.environment #contents .environment_conts > figure img {
	max-width: 100%;
}
.environment #contents .environment_conts > figure img + img {
	margin-left: 20px;
}
.environment #contents .environment_conts figure figcaption {
	margin-top: 10px;
}
.environment #contents .environment_conts a figure figcaption {
	color: #333;
	transition: color .3s ease;
}
.environment #contents .environment_conts a figure > div {
	overflow: hidden;
}
.environment #contents .environment_conts a figure > div img {
	transition: transform .3s ease;
}
.environment #contents .environment_conts a:hover figure > div img {
	transform: scale(1.04);
}
.environment #contents .environment_conts a figure figcaption::after {
	margin-left: 12px;
	content: '＞';
	color: #00a669;
}
.environment #contents .environment_conts a:hover {
	text-decoration: none;
}
.environment #contents .environment_conts a:hover figure figcaption {
	color: #00a669;
}
.environment #contents .environment_conts .flex.-rev {
	flex-direction: row-reverse;
}
.environment #contents .environment_conts .flex.-rev .text {
	padding-right: 24px;
}
.environment #contents .environment_conts .flex.-photo2 {
	justify-content: center;
	gap: 20px;
	width: 740px;
}
.environment #contents .environment_conts .flex.-photo2 figure img {
	width: 360px;
	height: auto;
}
.environment #contents .environment_conts .downloadbtn {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 16px 68px 16px 20px;
	align-items: center;
	background: #e2eb77;
	color: #007130;
	transition: color .3s ease;
}
.environment #contents .environment_conts .downloadbtn::before,
.environment #contents .environment_conts .downloadbtn::after {
	position: absolute;
	content: '';
}
.environment #contents .environment_conts .downloadbtn::before {
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background: #007130;
	transition: width .3s ease;
}
.environment #contents .environment_conts .downloadbtn::after {
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 40px;
	height: 100%;
	background: #007130 url(/environment/images/topics/ico-arrow.svg) center /12px 24px no-repeat;
}
.environment #contents .environment_conts .downloadbtn span {
	position: relative;
}
.environment #contents .environment_conts .downloadbtn:hover {
	color: #fff;
	text-decoration: none;
}
.environment #contents .environment_conts .downloadbtn:hover::before {
	width: 100%;
}
.environment #contents .environment_conts .downloadbtn:hover::after {
	background-color: #ffaf10;
}
.policy_flow {
	margin-bottom: 30px;
	padding: 0 30px;
}
.policy_flow > li {
	position: relative;
	display: flex;
	border: 2px solid;
}
.policy_flow > li:not(:last-child) {
	margin-bottom: 40px;
}
.policy_flow > li:not(:last-child)::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #ffaf10 transparent transparent transparent;
	border-width: 20px 125px 0px 125px;
	content: '';
}
.policy_flow > li.-step01 {
	border-color: #007130;
}
.policy_flow > li.-step02 {
	border-color: #00a669;
}
.policy_flow > li.-step03 {
	border-color: #e2eb77;
}
.policy_flow > li > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 210px;
}
.policy_flow > li.-step01 > div {
	background: #007130;
}
.policy_flow > li.-step02 > div {
	background: #00a669;
}
.policy_flow > li.-step03 > div {
	background: #e2eb77;
}
.policy_flow > li > div figure {
	text-align: center;
}
.policy_flow > li > div figcaption {
	margin-top: 16px;
	font-size: 24px;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	font-weight: bold;
}
.policy_flow > li.-step03 > div figcaption {
	color: #007130;
}
.policy_flow > li > dl {
	width: calc(100% - 210px);
	padding: 30px 28px;
}
.policy_flow > li > dl > dt {
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #ffaf10;
	font-weight: 500;
	font-size: 18px;
	line-height: calc(28 / 18);
	font-feature-settings: 'palt';
	letter-spacing: .02em;
}
.policy_flow_dtlist {
	counter-reset: number 0;
}
.policy_flow_dtlist > li {
	counter-increment: number 1;
	font-weight: 500;
}
.policy_flow_dtlist > li:not(:last-child) {
	margin-bottom: 4px;
}
.policy_flow_dtlist > li::before {
	margin-right: .2em;
	content: counter(number) ".";
}
.policy_list_box h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	margin: 0 auto 12px;
	border-radius: 50%;
	background: #003d7d;
}
.policy_list_box h4 figure {
	padding-bottom: 10px;
	text-align: center;
}
.policy_list_box h4 figcaption {
	margin-top: 14px;
	font-size: 24px;
	color: #fff;
}
.policy_list {
	width: 610px;
	margin: 0 auto;
	counter-reset: number 0;
}
.policy_list > li {
	padding: 16px 30px 20px;
	background: #fffbef;
	counter-increment: number 1;
}
.policy_list > li:not(:last-child) {
	margin-bottom: 10px;
}
.policy_list > li dt {
	margin-bottom: 6px;
	font-size: 18px;
	color: #003d7d;
}
.policy_list > li dt::before {
	content: counter(number) ".";
	margin-right: .2em;
}
.policy_list > li dd {
	line-height: calc(24 / 16);
}
.climatechange_scope3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.climatechange_scope3 > div {
	width: 285px;
}
.climatechange_scope3 > div table tr:nth-child(2n) {
	background: #f3f3f2;
}
.climatechange_scope3 > div table th,
.climatechange_scope3 > div table td {
	padding: 6px 8px;
	font-size: 10px;
	line-height: 1.2;
	white-space: nowrap;
}
.climatechange_scope3 > div table th {
	background: #e6e6e5;
	font-weight: normal;
}
.climatechange_scope3 > div table tr:nth-child(2n - 1) th {
	background: #fff;
}
.climatechange_scope3 > div table td.-aR {
	text-align: right;
}
.topics_list {
	display: flex;
	gap: 48px 40px;
	flex-wrap: wrap;
	padding: 0 30px;
}
.topics_list > li {
	width: calc((100% - 40px) / 2);
}
.topics_list > li > a {
	display: block;
	color: #333;
}
.topics_list > li > a figure {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.topics_list > li > a figure img {
	transition: transform .3s ease;
}
.topics_list > li > a figure::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	content: '';
	transition: border-color .3s ease;
}
.topics_list > li > a dl {
	position: relative;
	padding-bottom: 12px;
	border-bottom: 2px solid #007130;
	border-right: 30px solid #007130;
	transition: border-color .3s ease;
}
.topics_list > li > a dl::after {
	position: absolute;
	top: 0;
	right: -22px;
	bottom: 0;
	margin: auto;
	display: block;
	width: 12px;
	height: 24px;
	background: url(/environment/images/topics/ico-arrow.svg) center /contain no-repeat;
	content: '';
}
.topics_list > li > a dt {
	margin-bottom: 8px;
	font-size: 14px;
	color: #007130;
}
.topics_list > li > a dd {
	min-height: calc(16px * (24 / 16) * 2);
	padding-right: 20px;
	line-height: calc(24 / 16);
	font-feature-settings: 'palt';
	letter-spacing: .06em;
	transition: color .3s ease;
}
.topics_list > li > a:hover {
	text-decoration: none;
}
.topics_list > li > a:hover figure::before {
	border-color: #ffaf10;
}
.topics_list > li > a:hover dl {
	border-color: #ffaf10;
}
.topics_list > li > a:hover figure img {
	transform: scale(1.08);
}
.topics_list > li > a:hover dd {
	color: #007130;
}
.data_table.-w740 {
	margin: 0 auto;
	width: 740px;
}
.data_table {
	border-collapse: collapse;
}
.data_table th,
.data_table td {
	padding: 8px 18px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #fff;
	font-size: 16px;
	line-height: 1.3;
}
.data_table.-left th,
.data_table.-left td {
	text-align: left;
}
.data_table th {
	background: #eff4b4;
	font-weight: normal;
}
.data_table tr:nth-child(2n) td {
	background: #f6f9d6;
}
.data_table.-rev tr:nth-child(2n-1) td {
	background: #f6f9d6;
}
.data_table.-rev tr:nth-child(2n) td {
	background: #fff;
}
.data_table td.-green {
	background: #007130;
	color: #fff;
}
.data_table td.-blank {
	height: 60px;
	background: #fff;
}
.data_table th.-aL,
.data_table td.-aL {
	text-align: left;
}
.data_table th.-nowrap,
.data_table td.-nowrap {
	white-space: nowrap;
}
.latest_report {
	display: flex;
	gap: 30px;
}
.latest_report figure {
	width: 300px;
	margin: 0;
}
.latest_report figure img {
	width: 100%;
	height: auto;
}
.report_download_btns {
	width: 320px;
}
.report_download_btns > li:not(:last-child) {
	margin-bottom: 20px;
}
.backnumber_list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 60px;
	width: 780px;
	margin: 48px auto 0;
}
.backnumber_list > li {
	width: 150px;
}
.backnumber_list > li > a {
	display: block;
}
.backnumber_list > li > a figure img {
	width: 100%;
	height: auto;
	display: block;
	transition: box-shadow .3s ease, transform .3s ease;
}
.backnumber_list > li > a figcaption {
	margin-top: 8px;
	color: #00a669;
	font-size: 20px;
	text-align: center;
	transition: color .3s ease;
}
.backnumber_list > li > a:hover {
	text-decoration: none;
}
.backnumber_list > li > a:hover figure img {
	box-shadow: 0 6px 20px rgba(0,0,0,.2);
	transform: scale(1.04);
}
.backnumber_list > li > a:hover figcaption {
	color: #ffaf10;
}
.ppa_list {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.ppa_list::after {
	content: '';
	width: calc((100% - 40px) / 3);
}
.ppa_list > a {
	width: calc((100% - 40px) / 3);
}
.ppa_list > a figure img {
	width: 100%;
	height: auto;
}
.logistics-initiatives {
	position: relative;
	height: 640px;
}
.logistics-initiatives > .text {
	width: 560px;
}
.logistics-initiatives > figure {
	position: absolute;
	bottom: 0;
	right: 40px;
}
div.environment_specialconts {
	width: 662px;
}