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

/* エナジーセービングプロ設定 */

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

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

/* PC用設定 */

#contents #title h1 {
	height: 190px;/* 160px */
	padding-top:90px;/* 120px */
	line-height: 1.3em;
}
#contents #title h1 span {
	display:block;
	padding-left:1.75em;
}

#contents #esavingpro {
	padding:60px 0px;
}
#contents #esavingpro .industry {
	padding-top:30px;
	width:90%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#contents #esavingpro .industry li {
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	float:left;
	width:23%;
	margin-right:2.66%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contents #esavingpro .industry li:nth-child(4n) {
	margin-right:0px;
}
#contents #esavingpro .industry li:nth-child(4n+1) {
	clear:both;
}
#contents #esavingpro .industry li img {
	width:100%;
	margin-bottom:0.9em;
}
}
@media screen and (max-width: 767px){

/* スマホ用設定 */
#contents #title h1 {
	padding:15px 20px;/* 30px 20px */
	line-height: 1.3em;
}
#contents #title h1 span {
	display:block;
	padding-left:1.75em;
}

#contents #esavingpro {
	padding:20px 0px;
}
#contents #esavingpro .industry {
	padding-top:10px;
	width:auto;
}
#contents #esavingpro .industry li {
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	float:left;
	width:32%;
	margin-right:0px;
	margin-top: 1em;
	margin-bottom: 0px;
}
#contents #esavingpro .industry li:nth-child(3n-1) {
	margin-left:2%;
	margin-right:2%;
}
#contents #esavingpro .industry li:nth-child(3n+1) {
	clear:both;
}
#contents #esavingpro .industry li img {
	width:100%;
	margin-bottom:0.9em;
}
}