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

/* 省エネ法連続Sクラス支援設定 */

#contents #title h1 {
	background-image: url(../img/energy/sclasssup/title_ph.jpg);
	background-position: right top;
}
#contents #title h1::before {
	content: "\f559";
}

@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.25em;
}

#contents #sclasssup {
	padding:60px 0px;
}
#contents #sclasssup .class_rank {
	width:80%;
	margin:2em auto;
}
#contents #sclasssup .class_rank img {
	width:100%;
}
#contents #sclasssup .achievements {
	width: 80%;
	margin: 0px auto;
	padding-top:30px;
	padding-bottom:20px;
}
#contents #sclasssup .achievements dt {
	float: left;
	width: 60%;
}
#contents #sclasssup .achievements dt h6 {
	font-size: 28px;
	line-height: 1em;
	margin-bottom: 0.5em;
	color:#02B769;
}
#contents #sclasssup .achievements dt ul {
	padding-left:28px;
	margin-bottom:40px;
}
#contents #sclasssup .achievements dt li {
	font-size: 21px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#contents #sclasssup .achievements dd {
	float: right;
	width: 35%;
	padding-top:1.5em;
}
#contents #sclasssup .achievements dd img {
	width: 100%;
}
}
@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.25em;
}

#contents #sclasssup {
	padding:20px 0px;
}
#contents #sclasssup .class_rank {
	width:auto;
	margin:1.5em 0px;
}
#contents #sclasssup .class_rank img {
	width:100%;
}
#contents #sclasssup .achievements dt {
	float: none;
	width: auto;
}
#contents #sclasssup .achievements dt h6 {
	font-size: 15px;
	line-height: 1em;
	margin-bottom: 0.5em;
	color:#02B769;
}
#contents #sclasssup .achievements dt ul {
	padding-left:15px;
	margin-bottom:20px;
}
#contents #sclasssup .achievements dt li {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#contents #sclasssup .achievements dd {
	float: none;
	width: 50%;
	margin:0px auto;
}
#contents #sclasssup .achievements dd img {
	width: 100%;
}
}