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

/* カーボンマネジメント設定 */

#contents #title h1 {
	background-image: url(../img/energy/carbonmg/title_ph.jpg);
}
#contents #title h1::before {
	content: "\f0ae";
}

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

/* PC用設定 */

#contents #title h1 {
	font-size: 33px;/* 36px */
}

#contents #carbonmg {
	padding:60px 0px;
}
#contents #carbonmg .features {
	width: 80%;
	margin: 0px auto;
	padding-top:30px;
	padding-bottom:20px;
}
#contents #carbonmg .features dt {
	float: left;
	width: 400px;
}
#contents #carbonmg .features dd {
	float: right;
	padding-left:100px;
}
#contents #carbonmg .features dd h6 {
	font-size: 28px;
	line-height: 1em;
	margin-bottom: 0.5em;
	color:#02B769;
}
#contents #carbonmg .features dd ul {
	padding-left:28px;
	margin-bottom:40px;
}
#contents #carbonmg .features dd li {
	font-size: 21px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#contents #carbonmg .partnership {
	margin: 20px 0px;
	padding: 25px;
	padding-bottom:10px;
	border: 1px solid #02B769;
	background-color: #FFE;
}
#contents #carbonmg .partnership h6 {
	font-size: 25px;
	line-height: 1em;
	margin-bottom: 0.7em;
}
#contents #carbonmg .partnership h6 strong {
	color:#02B769;
}
}
@media screen and (max-width: 767px){

/* スマホ用設定 */

#contents #title h1 {
	font-size: 17px;/* 18px */
}

#contents #carbonmg {
	padding:20px 0px;
}
#contents #carbonmg .features {
	width: auto;
	margin: 0px;
	padding-top:15px;
	padding-bottom:0px;
}
#contents #carbonmg .features dt {
	float: left;
	width: 40%;
}
#contents #carbonmg .features dt img {
	width: 100%;
}
#contents #carbonmg .features dd {
	float: right;
	width: 55%;
}
#contents #carbonmg .features dd h6 {
	font-size: 15px;
	line-height: 1em;
	margin-bottom: 0.5em;
	color:#02B769;
}
#contents #carbonmg .features dd ul {
	padding-left:15px;
	margin-bottom:20px;
}
#contents #carbonmg .features dd li {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#contents #carbonmg .partnership {
	margin: 0px;
	padding: 15px;
	padding-bottom:5px;
	border: 1px solid #02B769;
	background-color: #FFE;
}
#contents #carbonmg .partnership h6 {
	font-size: 15px;
	line-height: 1.4em;
	margin-bottom: 0.7em;
}
#contents #carbonmg .partnership h6 strong {
	color:#02B769;
	display:block;
}
}
