@charset "utf-8";

/*=====================================================================================
	
	Document    : style-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   ページナビ

---------------------------------------------------------------------------*/

#hems .pnav {
	margin-left:2.7%;
	margin-right:3%;
}
	
#hems .pnav li {
	float:none !important;
	width:100% !important;
	margin-left:0 !important;
	display:block !important;
}


/*---------------------------------------------------------------------------

   『HEMS』ってなあに？

---------------------------------------------------------------------------*/

#hems .block02 {
	margin-left:0;
	margin-right:0;
}

#hems .block02 ul {
	width:inherit;
	padding-left:2.7%;
	padding-right:2.7%;
}

#hems .block02 li {
	width:100%;
	float:none;
	margin-top:4%;
	margin-left:0 !important;
	display:block !important;
}

#hems .block02 li:nth-child(n+2) {
	margin-top:9%;
}


/*---------------------------------------------------------------------------

   なぜ今『HEMS』が必要？

---------------------------------------------------------------------------*/

#hems .block03 {
	margin-left:0;
	margin-right:0;
	margin-top:4%;
}


/*---------------------------------------------------------------------------

   『HEMS』の将来

---------------------------------------------------------------------------*/

#hems .block04 {
	margin-left:0;
	margin-right:0;
	margin-top:4%;
}


/*---------------------------------------------------------------------------

   『HEMS』とスマートメーター

---------------------------------------------------------------------------*/

#hems .block05 {
	margin-left:0;
	margin-right:0;
	margin-top:4%;
}


/*---------------------------------------------------------------------------

   『HEMS』の役割

---------------------------------------------------------------------------*/

#hems .block06 {
	margin-left:0;
	margin-right:0;
	margin-top:4%;
}

#hems .block06 #imgContainer {
	height:378px;
}


/*---------------------------------------------------------------------------

   どんなメリットがあるの？

---------------------------------------------------------------------------*/

#hems .block07 {
	margin-top:4%;
}

#hems .block07 > .inner01 {
	margin-left:0;
	margin-right:0;
}


/*---------------------------------------------------------------------------

   シェアNo.1 パナソニックのHEMS

---------------------------------------------------------------------------*/

#hems .block08 {
	margin-left:0;
	margin-right:0;
	margin-top:4%;
}

#hems .block08 > .inner01 > .box,
#hems .block08 > .inner01 > .clm01 > .box {
	margin-top:7%;
	float:none;
	width:inherit;
}

#hems .block08 > .inner01 > .box p,
#hems .block08 > .inner01 > .clm01 > .box p {
	padding:2% 3% 3% 3%;
}

#hems .block08 > .inner01 {
	padding-left:2.7%;
	padding-right:2.7%;
}

#hems .block08 > .inner01 > .box > .smd,
#hems .block08 > .inner01 > .clm01 > .box > .smd {
	margin-top:-3%;
	margin-left:2%;
}

#hems .block08 > .inner02 {
	padding-top:5%;
}


/*---------------------------------------------------------------------------

   補助金を活用できます！

---------------------------------------------------------------------------*/

#hems .block09 {
	margin-top:4%;
}

#hems .block09 > .inner01 p {
	padding:2% 0 3% 0;
}


/*-------------------------------------------------------
   実績
-------------------------------------------------------*/

#hems .block09 > .inner02 {
	padding-bottom:5%;
}

#hems .block09 > .inner02 > .slide {
	margin-top:5%;
}