@charset "utf-8";

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

　目次

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

　00. base
　01. 
　02. 
　03. 

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



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#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 p.hdTxt{ margin-bottom:10px; }

#main div.note{ padding-top:15px; border-top:1px dotted #ccc; clear:both; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@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. 

=============================================================================== */
.shareBlock{ padding:0 0 40px; zoom:1; clear:both; }
.shareBlock .share01{ width:465px; float:left; }
.shareBlock .share02{ width:465px; float:right; }
.shareBlock .share03{ zoom:1; clear:both; }

#main .shareBlock div.colTxt p{ font-size:14px; }
#main .shareBlock div.colTxt em{ font-size:18px; line-height:1.3; color:#a74d6e; }
.shareBlock div .colImg{ text-align:center; }



.shareBlock .share01 .colTxt{
	min-height:139px;
	padding:60px 0 15px;
	background:url(../images/comfortableLife/bg_share01.gif) center top no-repeat;
}
.shareBlock .share01 .colTxt p{ width:260px; margin:0 auto; }

.shareBlock .share02 .colTxt{
	min-height:183px;
	padding:30px 0 60px;
	background:url(../images/comfortableLife/bg_share02.gif) center top no-repeat;
}
.shareBlock .share02 .colTxt p{ width:300px; margin:0 auto; }

.shareBlock .share03 .colImg{ width:535px; float:left; }
.shareBlock .share03 .colTxt{
	width:350px;
	min-height:151px;
	padding:40px 0 15px;
	background:url(../images/comfortableLife/bg_share03.gif) center top no-repeat;
	float:left;
}
.shareBlock .share03 .colTxt p{ width:250px; margin:0 auto; padding-left:25px; }


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
	.shareBlock .share01{ width:auto; margin-bottom:40px; float:none; }
	.shareBlock .share02{ width:auto; margin-bottom:40px; float:none; }

}
@media only screen and (max-width: 1150px) {
	.shareBlock .share03 .colImg{ width:455px; }
}
@media only screen and (max-width: 1100px) {
	.shareBlock .share03 .colImg{ width:auto; float:none; }
	.shareBlock .share03 .colTxt{
		width:auto;
		min-height:144px;
		padding:55px 0 15px;
		background:url(../images/comfortableLife/bg_share01.gif) center top no-repeat;
		float:none;
	}
	.shareBlock .share03 .colTxt p{ width:260px; margin:0 auto; padding-left:0; }
}
@media only screen and (max-width: 600px) {
	.shareBlock .share01{ margin-bottom:30px; }
	.shareBlock .share01 .colTxt{
		min-height:155px;
		padding-top:70px;
		background:url(../images/comfortableLife/bg_share01_smp.gif) center top no-repeat;
	}
	.shareBlock .share01 .colTxt p{ width:220px; margin:0 auto; }

	.shareBlock .share02 .colTxt{
		min-height:240px;
		background:url(../images/comfortableLife/bg_share02_smp.gif) center top no-repeat;
	}
	.shareBlock .share02 .colTxt p{ width:220px; margin:0 auto; }

	.shareBlock .share03 .colTxt{
		min-height:155px;
		padding-top:70px;
		background:url(../images/comfortableLife/bg_share01_smp.gif) center top no-repeat;
	}
	.shareBlock .share03 .colTxt p{ width:220px; margin:0 auto; }
}
@media only screen and (max-width: 567px) {
}







/* ==

　02. 

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

.ftr_idea .colL{ width:27%; float:left; }
.ftr_idea .colR{ width:69%; float:right; }

.ftr_idea .colR div .img{ margin-bottom:10px; }
.ftr_idea .colR div .txt em{ font-size:110%; color:#333; }

.ftr_idea .idea01{ padding-bottom:30px; zoom:1; clear:both; }
.ftr_idea .idea01 .col1{ width:50%; margin-right:3%; float:left; }
.ftr_idea .idea01 .col2{ width:47%; position:relative; float:left; }
.ftr_idea .idea01 .col2 img.idea03{ position:absolute; right:0; top:200px; }
.ftr_idea .idea01 .col2 .txt{ padding-right:150px; }

.ftr_idea .idea02{ padding-bottom:30px; zoom:1; clear:both; }
.ftr_idea .idea02 .col1{ width:57%; margin-right:3%; float:left; }
.ftr_idea .idea02 .col2{ width:40%; float:left; }

.ftr_idea .idea03{ padding-bottom:30px; zoom:1; clear:both; }
.ftr_idea .idea03 .col1{ width:33%; margin-right:3%; float:left; }
.ftr_idea .idea03 .col2{ width:64%; float:left; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {
	.ftr_idea .colL{ width:auto; float:none; }
	.ftr_idea .colR{ width:auto; float:none; }
}
@media only screen and (max-width: 600px) {
 .ftr_idea{ margin:0 0 30px; }
	.ftr_idea .colR div .img{ text-align:center; }
	
	.ftr_idea .idea01 .col1{ width:auto; margin-right:0; margin-bottom:30px; float:none; }
	.ftr_idea .idea01 .col2{ width:auto; float:none; }
	.ftr_idea .idea02 .col1{ width:auto; margin-right:0; margin-bottom:30px; float:none; }
	.ftr_idea .idea02 .col2{ width:auto; float:none; }
	.ftr_idea .idea03 .col1{ width:auto; margin-right:0; margin-bottom:30px; float:none; }
	.ftr_idea .idea03 .col2{ width:auto; float:none; }
	
	.ftr_idea .idea01 .col2 .txt{ padding-right:0; }
	.ftr_idea .idea01 .col2 .img br{ display:none; }
	.ftr_idea .idea01 .col2 img.idea03{ width:30%; padding-bottom:0; position:static; float:right; clear:none; }
	.ftr_idea .idea01 .col2 img{ width:66%; float:left; }
	
	.ftr_idea .idea03{ padding-bottom:0; }
	
}
@media only screen and (max-width: 567px) {
}