@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 .cont02 .col1{ width:31%; float:left; }
#main .cont02 .col2{ width:65%; float:right; }

#main .cont03{
	padding:30px 0;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .cont03 .hdTxt{ padding-bottom:15px; zoom:1; clear:both; }
#main .cont03 .hdTxt h3{ margin-right:20px; float:left; }




#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 .cont02 .col2 .col2_2{ width:76.5%; margin:0 auto; }




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

	#main .cont02 .col1{ width:auto; margin-bottom:15px; float:none; }
	#main .cont02 .col2{ width:auto; float:none; }
	
	#main .cont02 .col1 h3{ margin-right:20px; float:left; }
	#main .cont02 .col2 .col2_2{ width:auto; margin:0 auto; }

	#main .cont03 .colBlock01 .col1{ width:auto; margin-bottom:15px; float:none; }
	#main .cont03 .colBlock01 .col2{ width:auto; float:none; }

}







/* ==

　02. 

=============================================================================== */
.ftr_display{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

.ftr_display em{ font-weight:bold; }


.ftr_display div h4{ margin:0 0 10px; }

.ftr_display div .colL{ width:31%; }
.ftr_display div .colR{ width:65%; font-size:90%; float:right; }



.ftr_display .display01,
.ftr_display .display02,
.ftr_display .display03{
	margin:0 0 30px;
	border-bottom:1px dotted #ddd;
	zoom:1;
	clear:both;
}



#main .ftr_display .display01 .col1{ width:35%; margin-right:6%; float:left; }
#main .ftr_display .display01 .col2{ width:27%; float:left; }
#main .ftr_display .display01 .col3{ width:27%; padding-left:3%; background:url(../images/comfortableLife/ico_arrow01.jpg) 5px 75px no-repeat; float:left; }

#main .ftr_display .display02 .col1{ width:31%; float:left; }
#main .ftr_display .display02 .col2{ width:31%; padding-left:3%; background:url(../images/comfortableLife/ico_arrow01.jpg) 5px 65px no-repeat; float:left; }
#main .ftr_display .display02 .col3{ width:31%; padding-left:3%; float:left; }

#main .ftr_display .display03 .col1{ width:31%; float:left; }
#main .ftr_display .display03 .col2{ width:31%; padding-left:4.5%; float:left; }
#main .ftr_display .display03 .col3{ width:31%; padding-left:1.5%; float:left; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 740px) {
	.ftr_display div .colL{ width:auto; margin-bottom:15px; }
	.ftr_display div .colR{ width:auto; float:none; }
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 570px) {
	
	#main .ftr_display .display01 .col1{ width:auto; margin:0 0 30px; float:none; clear:both; }
	#main .ftr_display .display01 .col2{ width:48%; }
	#main .ftr_display .display01 .col3{ width:48%; padding-left:4%; background-position:2px 75px; }

	#main .ftr_display .display02 .col1{ width:48%; padding-bottom:20px; }
	#main .ftr_display .display02 .col2{ width:48%; padding-left:4%; padding-bottom:20px; background-position:2px 55px; }
	#main .ftr_display .display02 .col3{ width:auto; padding-left:0; float:none; clear:both; }

	#main .ftr_display .display03 .col1{ width:auto; margin:0 0 30px; float:none; clear:both; }
	#main .ftr_display .display03 .col2{ width:48%; padding-left:0; }
	#main .ftr_display .display03 .col3{ width:48%; padding-left:4%; }

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

	#main .ftr_display .display04 .col1{ width:auto; padding-bottom:25px; float:none; }
	#main .ftr_display .display04 .col2{ width:auto; float:none; }

}