.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt25 {
	margin-top: 25px !important;
}

div#co2_area {
	color: #333;
	width: 770px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}

.co2Copy1 {
	position: relative;
	text-align: left;
}
.co2Copy1.ind1 {
	text-indent: 1em;
}
.co2Copy1 sup {
	font-size: 10px;
	line-height: 1;
	position: relative;
	top: 0.3em;
}

.co2SubCopy1 {
	font-size: 11px;
	line-height: 1.4;
	text-align: left;
}

h2#co2Midashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 494px;
	height: 0 !important;
	height /**/:56px;
	background: url(../img/midashi.webp) 0 0 no-repeat;
	padding-top: 56px;
	overflow: hidden;
	margin: 0 auto;
}

p#co2Komidashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 437px;
	height: 0 !important;
	height /**/:42px;
	background: url(../img/komidashi.webp) 0 0 no-repeat;
	padding-top: 42px;
	overflow: hidden;
	margin: 0 auto;
}

p#midashiText {
	text-align: left;
	padding: 0 80px;
	margin-top: 15px;
}

div.co2TitleLeft {
	float: left;
	width: 108px;
}

div.co2TitleRight {
	float: left;
	width: 597px;
}

div.co2TitleRight p {
	font-size: 80%;
	text-align: left;
	margin-top: 2px;
	margin-right: 10px;
}

p.co2Text {
	text-align: left;
	padding: 0 40px;
	margin-top: 15px;
}

h3#p02p03Title {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 404px;
	height: 0 !important;
	height /**/:65px;
	background: url(../img/p02_title.webp) 0 0 no-repeat;
	padding-top: 65px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}

h3#p04p05Title {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 465px;
	height: 0 !important;
	height /**/:65px;
	background: url(../img/p04_title.webp) 0 0 no-repeat;
	padding-top: 65px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}

h4#co2P02Midashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 597px;
	height: 0 !important;
	height /**/:18px;
	background: url(../img/p02_midashi.webp) 0 0 no-repeat;
	padding-top: 18px;
	overflow: hidden;
	margin-top: 17px;
}

h4#co2P03Midashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 597px;
	height: 0 !important;
	height /**/:18px;
	background: url(../img/p03_midashi.webp) 0 0 no-repeat;
	padding-top: 18px;
	overflow: hidden;
	margin-top: 17px;
}

h4#co2P04Midashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 597px;
	height: 0 !important;
	height /**/:18px;
	background: url(../img/p04_midashi.webp) 0 0 no-repeat;
	padding-top: 18px;
	overflow: hidden;
	margin-top: 17px;
}

h4#co2P05Midashi {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
	width: 597px;
	height: 0 !important;
	height /**/:41px;
	background: url(../img/p05_midashi.webp) 0 0 no-repeat;
	padding-top: 41px;
	overflow: hidden;
	margin-top: 4px;
}

.co2Topic1 {
	background: #ecf4e3;
	border: 2px solid #007440;
	margin-bottom: 30px;
	padding: 16px 40px;
	text-align: left;
}
.co2Topic1 h2 {
	margin: 0 0 15px;
}
.co2Topic1 p {
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 10px;
}
.co2Topic1 ul {
	list-style: none;
	font-size: 14px;
	padding: 0 0 0 1.2em;
}
.co2Topic1 ul li {
	display: inline;
}
.co2Topic1 ul li + li {
	margin: 0 0 0 2em;
}
.co2Topic1 ul li img {
	margin: 0 0 0 5px;
}

.co2Title1 {
	color: #009944;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 12px;
	text-align: left;
}

.co2Title2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 10px;
	text-align: left;
}

.co2Title3 {
	color: #009944;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	text-align: left;
}


.co2Note1 {
	margin: 0.5em 0;
	text-align: left;
}

.co2Products1 {
	background: #e9ebe6;
	padding: 20px 0 20px 12px;
	text-align: left;
}
.co2Products1 h3 {
	margin: 0 0 5px;
}
.co2Products1 p {
	font-size: 14px;
	margin: 0 0 10px;
}

sub {
	font-size: 70%;
	top: -0.2em;
	position: relative;
}

.co2TopCopy1 {
	color: #009944;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 12px;
	text-align: left;
}

.co2TopSubTitle1 {
	color: #009944;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	text-align: center;
}
.co2TopCopy2 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
}
.co2TopImg1 {
	display: block;
	margin: 10px auto 35px;
}
.co2TopSubTitle2 {
	color: #009944;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	text-align: center;
}
.co2TopCopy3 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}
.co2TopImg2 {
	display: block;
	margin: 15px auto 35px;
}
.co2TopButton1 {
	display: block;
	margin: 30px auto 0;
	width: 328px;
}
.co2TopButton1:hover {
	opacity: 0.7;
}

.co2TopSDGsMain1 {
	font-size: 0;
	line-height: 0;
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.co2TopSDGsMain1 a + a {
	margin-left: 4px;
}
.co2TopSDGsMain1 a:hover img {
	opacity: 0.7;
}

.co2SdgsTitle1 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	margin: 15px 0 10px;
	text-align: left;
}
.co2SdgsTitle1.st1 {
	color: #f08300;
}
.co2SdgsTitle1.st2 {
	color: #6fba2c;
}
.co2SdgsTitle1.st3 {
	color: #0099d9;
}

.co2SdgsTitle2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	text-align: left;
}

.co2SdgsIcons1 {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	vertical-align: middle;
}
.co2SdgsTitle1 .co2SdgsIcons1 {
	margin-left: 10px;
}
.co2SdgsIcons1 img {
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
}

.co2SdgsTabele1,
.co2SdgsTabele1 * {
    -webkit-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.co2SdgsTabele1 {
	border-collapse: collapse;
	width: 100%;
}
.co2SdgsTabele1 + .co2SdgsTabele1 {
	margin-top: 10px;
}
.co2SdgsTabele1 th,
.co2SdgsTabele1 td {
	border: 1px solid #ccc;
	font-size: 12px;
	vertical-align: middle;
}
.co2SdgsTabele1 thead th {
	color: #FFF;
	font-weight: normal;
	padding: 5px;
	text-align: center;
}
.co2SdgsTabele1.st1 thead th {
	background-color: #f08300;
}
.co2SdgsTabele1.st2 thead th {
	background-color: #6fba2c;
}
.co2SdgsTabele1.st3 thead th {
	background-color: #0099d9;
}
.co2SdgsTabele1 tbody th {
	font-weight: normal;
	padding: 5px;
	text-align: left;
}
.co2SdgsTabele1 .col1 {
	text-align: center;
	width: 80px;
}
.co2SdgsTabele1.st1 .col1 {
	background-color: #feeedc;
}
.co2SdgsTabele1.st2 .col1 {
	background-color: #eef5e3;
}
.co2SdgsTabele1.st3 .col1 {
	background-color: #e5f0fa;
}
.co2SdgsTabele1 .col2 {
	width: 140px;
}
.co2SdgsTabele1 .col4 {
	padding: 5px 0;
	text-align: center;
	width: 100px;
}
.co2SdgsTabele1 tbody td {
	padding: 5px;
	position: relative;
}
.co2SdgsTabele1 img {
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
}
.co2SdgsTabele1 tbody td sub {
	top: -0.3em;
	font-size: 10px;
	line-height: 1;
	position: relative;
}







