@charset "UTF-8";


/* ==

　■ 共通

=============================================================================== */
.container { background:#fff; }

#mainContents .imgBorder { border:solid 1px #CCB3AB; }

@media only screen and (max-width: 600px) {
	#mainContents .subImg { text-align:center; }
}



#mainContents .navSp {
	padding-bottom: 0px;
}
#mainContents .navBtm {
	padding-bottom: 0px;
	background-color: #000;
}
#mainContents .solarNav {
	background-color: #111010;
	overflow: hidden;
}
#mainContents .solarNav li {
	float: left;
	width: 19.9%;
	font-size: 0;
}
*:first-child+html #mainContents .solarNav li {
	overflow: hidden;
}
#mainContents .solarNav .navC {
	background-color: #fff;
}
#mainContents .solarNav li img {
	vertical-align: bottom;
	margin: 0 -1px -1px;
}
*:first-child+html #mainContents .solarNav li img {
	margin: -1px;
}
#mainContents .solarNav .navPrev {
	background-color: #fff;
}

/*防災バナー関連*/
#mainContents .bousai{
	margin:20px 0 40px;
	padding:40px 0;
	text-align:center;
	border-top:4px dashed #333;
	border-bottom:4px dashed #333;
}
#mainContents .bousai .cTxt{
	font-size:166.65%;
	font-weight:bold;
}
#mainContents .bousai .cTxt span{
	color:#ed6c00;
}
#mainContents .bousai em{
	display:inline-block;
	padding:10px 20px;
	font-size:130%;
	background-color:#f6ab00;
	border-radius: 20px;
	border:3px solid #ed6c00;
}

@media only screen and (max-width: 600px) {
	#mainContents .solarNav li {
		float: left;
		width: 33.28%;
		font-size: 0;
		border-bottom: 2px solid #111010;
	}
	#mainContents .solarNav .navC {
		background-color: #111010;
	}
	#mainContents .solarNav li.lastChild {
		border-bottom: none;
	}
}

#mainContents .bousai.t2{
	position:relative;
	margin:60px 0;
	padding:40px 20px;
	text-align:center;
	border-radius: 10px ;
	background-color:#ecf4f6;
	border:none;
}
#mainContents .bousai.t2::before{
	position:absolute;
	content: " ";
		top: -20px;
		left:0;
    width: 100%;
    height: -webkit-calc(6px);
    height: calc(6px);
    background-color: #005c7f;
    border-radius:6px;
    border-color:#005c7f;
}
#mainContents .bousai.t2:after{
	position:absolute;
	position:absolute;
	content: " ";
		bottom: -20px;
		left:0;
    width: 100%;
    height: -webkit-calc(6px);
    height: calc(6px);
    background-color: #005c7f;
    border-radius:6px;
    border-color:#005c7f;
}
#mainContents .bousai .cTxt{
	font-size:166.65%;
	font-weight:bold;
}
#mainContents .bousai.t2 .cTxt{
	color:#005c7f;
}
#mainContents .bousai .cTxt span{
	color:#ed6c00;
}
#mainContents .bousai em{
	display:inline-block;
	padding:10px 20px;
	font-size:130%;
	background-color:#f6ab00;
	border:3px solid #ed6c00;
}
#mainContents .bousai.t2 em{
	display:inline-block;
	padding:10px 20px;
	font-size:164%;
	color:#FFF;
	background-color:#005c7f;
	border:none;
}
#mainContents .bousai.t2 ul{
	max-width:950px;
	margin:0 auto 20px;
}
#mainContents .bousai.t2 li{
	padding-bottom:20px;
	border-bottom:1px dotted #005c7f;
}
#mainContents .bousai.t2 li:last-child{
	padding-bottom:0;
	border-bottom:none;
}
#mainContents .bIcoSide{
	float:right;
	width:75%;
}
#mainContents .dTbl{
	display:table;
}
#mainContents .dTblCl{
	display:table-cell;
	vertical-align:middle;
}
#mainContents .bousai.t2 li span.bIco{
	position: relative;
	float:left;
	display:block;
	width:20%;
}
#mainContents .bousai.t2 li span.bIco img{
	max-width:100px;
}
#mainContents .bousai.t2 li span.bIco:after{
	position: absolute;
		content: "＝";
		top: 50%;
		left: 95%;
		display: block;
		font-size:200%;
		font-weight:bold;
		color:#005c7f;
}

#mainContents .bousai.t2 li p span.nTxt{
	display:block;
	margin-bottom:10px;
	padding: 10px 0;
	color:#005c7f;
	font-weight:bold;
	background-color:#FFF;
	border-radius:20px;
	border:1px solid #005c7f;
}
@media only screen and (max-width: 600px) {
	#mainContents .solarNav li {
		float: left;
		width: 33.28%;
		font-size: 0;
		border-bottom: 2px solid #111010;
	}
	#mainContents .solarNav .navC {
		background-color: #111010;
	}
	#mainContents .solarNav li.lastChild {
		border-bottom: none;
	}
	.tile{
		height:auto !important;
	}
	#mainContents .bousai.t2{
		padding-left:20px;
		padding-right:20px;
		text-align:left;
	}
	#mainContents .bousai.t2 li span.bIco{
	position: static;
	float:none;
	display:block;
	width:auto;
	text-align:center;
	margin-bottom:20px;
}
#mainContents .bousai.t2 li p span.nTxt{
	text-align:center;
}
#mainContents .bIcoSide{
	float:none;
	width:100%;
}
#mainContents .bousai.t2 .cTxt{
	text-align:center;
}
#mainContents .bousai.t2 em{
	display:block;
	text-align:center;
}
#mainContents .bousai.t2 li span.bIco:after{
	position: static;
		display: none;
}
}



/* かこみ
------------------------------------------------------------------------------- */
#mainContents .highlightWrap.bgPickup {
	background-color: #FDF2E8;
	color: #333;
}
#mainContents .highlightWrap .imgFrame02 {
	background-color: #fff;
}
#mainContents .bgTopics {
	margin: 0;
	padding: 20px !important;
	border: 1px solid #FDF2E8;
	background-color: #000;
}

@media only screen and (max-width: 949px) {
	#mainContents .colBlock03.drop .col1 {
		float:none;
	}
}


/* h2/h3のアイコン付
------------------------------------------------------------------------------- */
#mainContents .icoFl {
	float:left;
	margin-bottom:10px;
	padding-right:10px;
	display:inline;
}




/* ==

　■ index

=============================================================================== */
#mainContents .index-imgBorder { border:solid 1px #ccc; }
#mainContents .indexLead {
	margin-top: 0;
	margin-bottom: 0;
	padding: 30px 0 50px;
	background-color: #FFF;
	text-align: center;
}
#mainContents .indexLead p{	line-height:2.0;}

#mainContents h2.indexTit {
	height: auto !important;
	padding: 5px 10px;
	background: #00893f;
	color: #fff;
	font-size: 160.69%;
	font-weight: bold;
}
#mainContents h3.indexTit {
	padding:0;
	margin-bottom:10px;
	background:none;
}


#mainContents .indexBorder {
	border-bottom:dotted 2px #00893f;
	padding-bottom:30px;
}
/*---- メニュー --*/
#mainContents .snNav {
	line-height: 1.5;
	margin: 20px -20px 20px 0;
	padding-top:10px;
	font-size: 18px;
}
#mainContents .boxLink li div {
	cursor: pointer;
}
#mainContents .boxLink li.dhems3 img{
	border:1px solid #45b035;
}
#mainContents .boxLink li.solar img{
	border:1px solid #2ea7e0;
}
#mainContents .boxLink li.charge img{
	border:1px solid #00893f;
}
#mainContents .boxLink li.zeroenergy img{
	border:1px solid #00893f;
}
#mainContents .boxLink li.charge .copy {
	font-size:100%;
	margin:0 0 10px 0;
	padding:0;
}
#mainContents .boxLink li.zeroenergy .copy {
	font-size:100%;
	margin:0 0 30px 0;
	padding:0;
}



#mainContents .snNav li {
	float: left;
	width: 49.9%;
	margin-bottom: 20px;
}
#mainContents .snNav li div {
	margin-right: 19px;
}
#mainContents .snNav li p {
	display: block;
	width: 100%;
	line-height: 1.3;
	margin: 0;
	background-color: #FFF;
}

#mainContents .snNav li span {
	display: block;
	width: 100%;
}
#mainContents .snNav li a {
	display: block;
	height: 40px;
	padding: 10px 5px 0 27px;
	background: url(/jutaku/lifestyle/shuunou/images/rn01/index_icn_01.gif) 0 center no-repeat;
	color:#333;
	text-decoration: none;
}
#mainContents .snNav li .boxLinkOv a {
	text-decoration: underline;	
}

/*---- スマエコシリーズ --*/
#mainContents .indexLead2 {
	text-align:center;
}
#mainContents .indexLead2 .mainVisual2 {
	background:#be9150;
	margin-bottom:40px;
}
#mainContents .indexLead2 p.txt {
	line-height:2.0;
	margin-bottom:40px;
}
	

#mainContents .bgTopics {
	background:#fffcdb !important;
	border:solid 1px #be9150 !important;
	margin-bottom:30px !important;
	padding-top:0 !important;
}

#mainContents .bgTopics strong { font-weight:bold; }


*:first-child+html #mainContents .bgTopics {
	padding-top:20px !important;
} 

#mainContents .bgTopics.indexBox img.border {
	border:solid 1px #93cb60 !important;
}


/*---- 1604 ----*/
#mainContents .acoBlock{
	background:#ebfbec;
	margin-bottom:40px;
}
#mainContents .acoBlock .inner{
	padding:20px 20px 0;
}
#mainContents .acoBlock .inner .acoLead .img{
	float:left;
	margin-right:10px;
}
#mainContents .acoBlock .inner .colBlock01{
	display:none;
	margin:0;
}
#mainContents .acoBlock .inner .active{
	display:block;
}
#mainContents .acoBlock .inner h2.dhemsTit,
#mainContents .acoBlock .inner h3.dhemsTit,
#mainContents .acoBlock .inner .dhemsList2{
	font-size:116%;
}

#mainContents .acoBlock .dhemsList2 li {
	padding:0 0 0 16px;
	margin:0 0 5px;
	background:url(../../images/rn01/dhems_ic_disc01.gif) 2px 4px no-repeat;
	color:#22ac38;
	line-height:1.4;
	font-weight: bold;
}
#mainContents .acoBlock .dhemsList2 li span{
	display:block;
	color:#333;
	font-weight:normal;
}
#mainContents .acoBlock .btn{
	background:#008840 url(../../images/rn01/index_btn_open.gif) no-repeat center 5px;
	height:30px;
}
#mainContents .acoBlock .on{
	background:#008840 url(../../images/rn01/index_btn_close.gif) no-repeat center 5px;
}





#mainContents .boxLink li.zeroenergy img {
    border: 1px solid #008cd6;
}
#mainContents .boxLink li.charge img {
    border: 1px solid #e85512;
}

#mainContents .qaBlock{
    line-height: 1.5;
    margin: 20px -20px 20px 0;
    padding-top: 10px;
    font-size: 18px;
}
#mainContents .qaBlock li {
    float: left;
    width: 49.9%;
    margin-bottom: 20px;
}
#mainContents .qaBlock li dl{
  margin-right: 19px;
	border:2px solid #68bc5c;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	box-sizing:border-box;
	padding-bottom:1px;
}
#mainContents .qaBlock li dt{
	padding:20px 20px 20px 55px;
	background-image:url(../../images/rn01/index_ico_q.png) ;
	background-repeat: no-repeat;  
	background-position: 20px 20px;  
	font-size:58%;
	color: #fff;
	font-weight:bold;
	border-radius: 8px 8px 0 0 / 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0; 
	-moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}
#mainContents .qaBlock li dd{
	padding:20px 20px 20px 55px;
	background:#fff url(../../images/rn01/index_ico_a.png) no-repeat 20px 20px;
	font-size:58%;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
}
#mainContents .qaBlock li.color01 dl{ border:1px solid #68bc5c;}
#mainContents .qaBlock li.color01 dt{ background-color: #68bc5c;}
#mainContents .qaBlock li.color02 dl{ border:1px solid #f4ac41;}
#mainContents .qaBlock li.color02 dt{ background-color: #f4ac41;}
#mainContents .qaBlock li.color03 dl{ border:1px solid #71bbd8;}
#mainContents .qaBlock li.color03 dt{ background-color: #71bbd8;}


/*---- media screen --*/
@media only screen and (max-width: 949px) {
	#mainContents .snNav {
		font-size: 14px;
	}
	#mainContents .snNav li {
		width: 49.9%;
	}
	#mainContents .snNav li a {
		height: 40px;
		padding: 20px 5px 0 27px;
	}
}
@media only screen and (max-width: 667px) {
	#mainContents .qaBlock li {
		width: 100%;
		float:none;
	}
}

@media only screen and (max-width: 600px) {
	#mainContents .indexLead {
		text-align: left;
		padding:0 20px;
	}
	#mainContents h2.indexTit {
		font-size:134%;
	}
	#mainContents .snNav li {
		width: 100%;
	}
	#mainContents .snNav li span {
		display: table;
		width: 100%;
	}
	#mainContents .snNav li a{
		display: table-cell;
		height: 40px;
		padding: 3px 5px 0 20px;
		vertical-align: middle;	
	}
	* html #mainContents .snNav li a { /* IE6 */
		height: 40px;
		padding: 10px 5px 0 20px;
	}
	*:first-child+html #mainContents .snNav li a { /* IE7 */
		height: 40px;
		padding: 10px 5px 0 20px;
	}
	#mainContents .indexLead2 p.txt {
		text-align:left;
		padding:0 20px;
	}
	body #mainContents .bgTopics .colBlock01 .col1,
	body #mainContents .bgTopics .colBlock01 .col2 {
		float: none !important;
		width: auto;
		margin-bottom: 20px;
	}

	.indexLead2 .visualTxt br,
		#mainContents .indexLead2 p.txt2 br{
		display:none;
	}
	#mainContents .indexLead2 p.txt2 {
		text-align:left;
		line-height:1.6;
		padding:0 10px;
	}
	
}




/* ==

　■ dhems.html

=============================================================================== */
#mainContents .dhems-imgBorder { border:solid 1px #45b035; }
#mainContents .colBlock03 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock03 .col1,
#mainContents .colBlock03 .col2,
#mainContents .colBlock03 .col3 {
	float: left;
	width: 31.70731%;
	margin-right: 2.23577%;
	margin-bottom: 20px;
}
#mainContents .colBlock03 .col3 { margin-right:0 !important; }


#mainContents .dhemsLead {
	clear:both;
	padding:40px 0;
	text-align:center;
	border-top:dotted 2px #00893f;
	border-bottom:dotted 2px #00893f;
}
#mainContents .dhemsLead p {
	margin:0 20px;
}
#mainContents h2.dhemsTit {
	height: auto !important;
	padding: 5px 10px;
	background: #22ac38;
	color: #fff;
	font-size: 160.69%;
	font-weight: bold;
}
#mainContents h2.dhemsImgTit {
	padding: 0;
	background: #22ac38;
	line-height:0;
	text-align:center;
}
#mainContents h3.dhemsTit {
	padding:0;
	margin:0 0 10px 0;
	background:none;
	color:#22ac38;
	font-size: 160.69%;
	font-weight: bold;
}
*:first-child+html #mainContents h2.dhemsTit {
	margin-top:100px;
}

#mainContents .dhemsList{ padding-bottom:15px; font-size:160.69%; }
#mainContents .dhemsList li {
	padding:0 0 0 16px;
	margin:0 0 5px;
	background:url(../../images/rn01/dhems_ic_disc01.gif) 2px 9px no-repeat;
	color:#22ac38;
	line-height:1.4;
	font-weight: bold;
}



/* royal slider */
#mainContents .contentSlider,
#mainContents .contentSlider .rsOverflow,
#mainContents .contentSlider .rsSlide,
#mainContents .contentSlider .rsVideoFrameHolder,
#mainContents .contentSlider .rsThumbs {
  background: #fff;
  color: #eee;
}
#mainContents .contentSlider .rsSlide,
#mainContents .contentSlider .rsOverflow {
  background: #fff;
}
#mainContents .rsDefault div {
}

#mainContents h3.dhemsTit.pTxt{
	color:#e5786a !important;
}
#mainContents h3.dhemsTit.bTxt{
	color:#5d90cb !important;
}

@media only screen and (max-width: 949px) {
	body #mainContents .colBlock03 .col1,
	body #mainContents .colBlock03 .col2,
	body #mainContents .colBlock03 .col3 {
		float: left !important;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 15px;
		line-height:0;
	}
	#mainContents .colBlock03 .none { margin-right:0 !important; }
	#mainContents .colBlock03 .mr { margin-right:2% !important; }
}
@media only screen and (max-width: 600px) {
	#mainContents h2.dhemsTit {
		font-size:134%;
	}
	#mainContents .colBlock03.drop .col1,
	#mainContents .colBlock03.drop .col2 { margin-bottom: 15px;	}
	body #mainContents .colBlock03.drop .col1,
	body #mainContents .colBlock03.drop .col2,
	body #mainContents .colBlock03.drop .col3 {
		float: none !important;
		width: auto;
		height: auto !important;
		margin-right:0 !important;
	}
	#mainContents h3.dhemsTit {	font-size:134%; }
}


/* ==

　■ solar.html

=============================================================================== */
#mainContents .solar-imgBorder { border:solid 1px #2ea7e0; }
#mainContents h2.solarTit {
	height: auto !important;
	padding: 5px 10px;
	background: #2ea7e0;
	color: #fff;
	font-size: 160.69%;
	font-weight: bold;
}
#mainContents h3.solarTit {
	padding:20px 0 0 0;
	margin:0 0 10px 0;
	background:none;
	font-size: 200%;
	color:#333;
}

#mainContents h4.solarTit {
	margin:0 0 10px 0;
	padding:0;
	color:#2ea7e0;
	border:none;
}

#mainContents .solar-hrBorder {
	border-bottom:dotted 2px #2ea7e0;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
	}

#mainContents .note {
	font-size:100%;
}

@media only screen and (max-width: 600px) {
	#mainContents h2.solarTit {
		font-size:134%;
	}
	#mainContents .solarGl {
		text-align:center;
	}
	#mainContents h3.solarTit {
		padding:25px 0 0 0;
		margin:0 0 10px 0;
		background:none;
		font-size: 134%;
	}
}



/* ==

　■ charge.html

=============================================================================== */
#mainContents h2.chargeTit {
	padding:30px 0 0 0;
	margin:0 0 20px 0;
	background:none;
	font-size: 200%;
	color:#333;
}
#mainContents h2.chargeTit.single {
	padding:40px 0 0 0;
}
#mainContents h2.chargeTit.pt00 { padding-top:0 !important; }

#mainContents h3.chargeTit {
	clear:both;
	margin:0 0 10px 0;
	padding:0;
	font-size:150%;
	color:#a57b3d;
	background:none;
	border:none;
}
#mainContents h4.chargeTit {
	clear:both;
	margin:15px 0 10px 0;
	padding:0 0 0 10px;
	color:#a57b3d;
	background:none;
	border:none;
	border-left:4px solid #a57b3d;
}
#mainContents .charge-hrBorder {
	border-top:dotted 2px #be9150;
	padding:30px 0 0 0;
	margin:30px 0 0 0;
	}


#mainContents .charge-hrBorder h3.bg_type1{ background-color:#ea5514; }
#mainContents .chargeTable table{
	width:100%;
	margin-bottom:5px;
	border:1px solid #999;
	border-collapse:collapse;
	text-align:center;

}

#mainContents .chargeTable td{

	padding:5px 10px;
	background-color:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#mainContents .chargeTable td.bg_type1{ background-color:#ea5514; color:#fff; font-weight:bold; }
#mainContents .chargeTable td.bg_type2{ background-color:#595757; color:#fff; font-weight:bold; }
#mainContents .chargeTable .bg td{ background-color:#f0f0f0; }
#mainContents .chargeTable td em{ color:#ea5514; }


/*---- 1604 ----*/
#mainContents .osaifu{
	background:#fff;
	padding:20px 20px 10px;
	margin-bottom:20px;
}
#mainContents .osaifu .inner{
	width:100%;
	text-align:center;
}

#mainContents .frameBlock{
	border: 1px solid #ccc;
	padding:20px 20px 10px;
 -webkit-border-radius:10px;
	-moz-border-radius:10px;  
	border-radius:10px;
}
#mainContents .frameBlock .inner{
	width:100;
}


@media only screen and (max-width: 600px) {
	#mainContents h2.chargeTit {
		padding:40px 0 0 0;
		/*
		padding:25px 0 0 0;
		*/
		margin:0 0 10px 0;
		background:none;
		font-size: 134%;
	}

	#mainContents .chargeTable.mobile td{ font-size:100%; line-height:1.2; }
	#mainContents .chargeTable.mobile td p{ font-size:100%; line-height:1.2; }
	/*---- 1604 ----*/
	#mainContents .osaifu .fsS,
	#mainContents .osaifu .inner .note{
		text-align:left;		
	}
}



/* ==

　■ zeroenergy.html

=============================================================================== */
#mainContents .zeroenergy-ImgBorder {
	border:solid 1px #be9150;
}
#mainContents .zeroenergyLead {
	clear:both;
	margin-top:-30px !important;
	padding:40px 0;
	text-align:center;
	background:#be9150;
	color:#fff;
}
#mainContents .zeroenergyLead p {
	margin:0 20px;
	line-height:2.0;
}



#mainContents h2.zeroenergyTit {
	background:none;
	font-size: 200%;
	margin-top:0;
}
#mainContents h2.zeroenergyTit span {
	font-size:14px !important;
}

#mainContents .zeroenergySec01 h2.zeroenergyTit { color:#22ac38; }
#mainContents .zeroenergySec02 h2.zeroenergyTit { color:#00a0e9; }
#mainContents .zeroenergySec03 h2.zeroenergyTit { color:#ea5514; }
#mainContents .zeroenergySec04 h2.zeroenergyTit { color:#7c5893; }


#mainContents .zeroenergySec01 .imgBorder { border:solid 1px #22ac38; }
#mainContents .zeroenergySec02 .imgBorder { border:solid 1px #00a0e9; }
#mainContents .zeroenergySec03 .imgBorder { border:solid 1px #ea5514; }
#mainContents .zeroenergySec04 .imgBorder { border:solid 1px #7c5893; }


#mainContents h2.zeroenergyTit2 {
	text-align:left;
	height: auto !important;
	padding: 5px 10px;
	background: #be9150;
	color: #fff;
	font-size: 160.69%;
	font-weight: bold;
}
#mainContents h2.zeroenergyTit3 {
	padding:55px 0 0 0;
}
#mainContents h2.zeroenergyTit4 {
	background:none;
	font-size: 200%;
	color:#a57b3d;
	margin-top:0;
}

#mainContents p strong { font-weight:bold; }


#mainContents h3.zeroenergyTit {
	margin:0 0 10px 0;
	padding:0;
	color:#a57b3d;
	background:none;
	border:none;
}

#mainContents .bgTopics.pb00{ padding-bottom:0 !important; }

#mainContents .colBlock01 .col2 h3.zeroenergyTit.pt100{ padding-top:160px; }


/*---- 1604 ----*/
#mainContents .spec .group .col1,
#mainContents .spec .group .col2{
	padding-top:20px;
}
#mainContents .spec .group .col1 span em,
#mainContents .spec .group .col2 span em{
	display:block;
	margin-top:-20px !important;
}

@media only screen and (max-width: 949px) {
	#mainContents .colBlock02.zeroenergySec01 .colTxt,
	#mainContents .colBlock02.zeroenergySec01 .colImg,
	#mainContents .colBlock02.zeroenergySec02 .colTxt,
	#mainContents .colBlock02.zeroenergySec02 .colImg,
	#mainContents .colBlock02.zeroenergySec03 .colTxt,
	#mainContents .colBlock02.zeroenergySec03 .colImg,
	#mainContents .colBlock02.zeroenergySec04 .colTxt,
	#mainContents .colBlock02.zeroenergySec04 .colImg {
		float:none !important;
		width:100%;
	}
}

@media only screen and (max-width: 600px) {
	#mainContents .zeroenergyLead { 
		text-align: left;
		padding:20px 0;
	}
	#mainContents h2.zeroenergyTit2 {
		font-size:134%;
	}
	#mainContents h2.zeroenergyTit3 { padding-top:40px; }
	#mainContents h2.zeroenergyTit3.sec02 { padding-top:55px; }

	#mainContents .colBlock01 .col2 h3.zeroenergyTit.pt100{ padding-top:0px; }

}