@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 
　02. 


******************************************************************************* */



/* ==

　00. base

=============================================================================== */

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; font-weight:bold; }

#main div.mainimg{ width:680px; margin:0 auto 40px; }
#main div.mainimg img{ margin-bottom:10px; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }

}








/* ==

　01. 

=============================================================================== */
#main .colBlock01{ zoom:1; display:block; clear:both; }
#main .colBlock01 .col1{ width:48.5%; float:left; }
#main .colBlock01 .col2{ width:48.5%; float:right; }

#main h2{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #999; }

#main h4{
	margin-bottom:5px;
	padding:2px 0 2px 17px;
	background:url(../images/comfortableLife/ic_diamond.gif) left 0.25em no-repeat;
	font-size:124%;
	line-height:1.3;
}
#main .colBlock01 h4 span{ font-weight:normal; display:inline; }

#main .colBlock01 ul li{
	margin-bottom:5px;
	font-size:117%;
	line-height:1.4;
}

#main .colBlock01 ol li{
	margin-bottom:10px;
	padding-left:20px;
	background-position:left 0.2em;
	background-repeat:no-repeat;
	font-size:117%;
	line-height:1.4;
}
#main .colBlock01 ol li.num01{ background-image:url(../images/comfortableLife/ic_num01.gif); }
#main .colBlock01 ol li.num02{ background-image:url(../images/comfortableLife/ic_num02.gif); }
#main .colBlock01 ol li.num03{ background-image:url(../images/comfortableLife/ic_num03.gif); }
#main .colBlock01 ol li.num04{ background-image:url(../images/comfortableLife/ic_num04.gif); }



#main .cont01, #main .col1.cont02, #main .col2.cont03{ margin-bottom:60px; }








/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {

	#main .colBlock01 .col1{ width:auto; float:none; }
	#main .colBlock01 .col2{ width:auto; float:none; }

	#main .cont01 .col1{ margin-bottom:30px; }

}









/* ==

　02. 

=============================================================================== */
#main .ftr_idea{
	border:1px solid #999;
	zoom:1;
	clear:both;
}

#main .ftr_idea .col1,
#main .ftr_idea .col2{
	width:46.4%;
	margin-left:2%;
	padding-bottom:2%;
	float:left;
}
	
#main .ftr_idea div .colImg{ width:51%; float:left; }
#main .ftr_idea div .colTxt{ width:45%; float:right; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {

	#main .ftr_idea div .colImg{ width:auto; margin-bottom:5px; text-align:center; float:none; }
	#main .ftr_idea div .colTxt{ width:auto; margin-bottom:15px; float:none; }

}
@media only screen and (max-width: 600px) {

	#main .ftr_idea .col1{
		width:auto;
		margin:0 2% 20px;
		float:none;
	}
	#main .ftr_idea .col2{
		width:auto;
		margin:0 2% 2%;
		float:none;
	}


}