@charset "utf-8";

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

　目次

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

　00. base
　01. 


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



/* ==

　00. base

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

#main h2{ margin-bottom:10px; }
#main .cont02 h2{ margin-bottom:20px; }

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


#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) {
	p.leadTxt{ padding:20px 0 40px; }

}








/* ==

　01. 

=============================================================================== */
.cont02 h2,
.cont04 h2{
	padding-right:30px;
	background:url(../images/comfortableLife/t_bg.gif) right top no-repeat;
}
@media only screen and (max-width: 480px) {
	.cont02 h2,
	.cont04 h2{
		background-size:auto 96%;
	}
}

#main .cont02_3 h3,
#main .cont02_2 .colN h3,
#main .cont04_2 h3{ margin-bottom:5px; }


#main .cont02 .colBlock01 .col1, #main .cont02 .colBlock01 .col2{ width:48%; }



.cont02_2{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	zoom:1;
	clear:both;
}
.cont02_2 .colN{
	width:280px;
	float:left;
}
.cont02_2 .colW{
	width:600px;
	float:right;
}

#main .cont02_3{
	margin-bottom:30px;
	clear:both;
}
#main .cont02_3 .colN{ width:295px; float:left; }
#main .cont02_3 .colW{ width:620px; float:right; }
#main .cont02_3 .colW .col1{ width:295px; margin-right:30px; float:left; }
#main .cont02_3 .colW .col2{ width:295px; float:left; }


@media only screen and (max-width: 1205px) {
	.cont02_2 .colN{ width:27%; }
	.cont02_2 .colN .alignC img{ width:54%; height:auto; }
	.cont02_2 .colW{ width:68%; }

	#main .cont02_3 .colN{ width:27%; }
	#main .cont02_3 .colW{ width:68%; }
	#main .cont02_3 .colW .col1{ width:48%; margin-right:4%; }
	#main .cont02_3 .colW .col2{ width:48%; }

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

	#main .cont02 .colBlock01 .col1{ float:left; }
	#main .cont02 .colBlock01 .col2{ float:right; }
	/*
	#main .cont02 .colBlock01 .col1{ width:auto; margin-bottom:15px; }
	#main .cont02 .colBlock01 .col2{ width:auto; }
	*/

	.cont02_2 .colN{
		width:auto;
		float:none;
	}
	.cont02_2 .colN .mb15{ width:78%; float:left; }
	.cont02_2 .colN .alignC{ width:20%; float:right; }
	.cont02_2 .colN .alignC img{ width:auto; }
	.cont02_2 .colW{
		width:auto;
		float:none;
	}

	#main .cont02_3 .colN{ width:auto; margin-bottom:15px; float:none; }
	#main .cont02_3 .colW{ width:auto; float:none; }
}

@media only screen and (max-width: 480px) {
	#main .cont02 .colBlock01 .col1{ width:auto; margin-bottom:15px; float:none; }
	#main .cont02 .colBlock01 .col2{ width:auto; float:none; }

	.cont02_2 .colN .mb15{ width:auto; float:none; }
	.cont02_2 .colN .alignC{ width:auto; margin-bottom:15px; float:none; }
	.cont02_2 .colN .alignC img{ width:34%; height:auto; }
	
	#main .cont02_3 .colW .col1{ width:auto; margin-bottom:15px; margin-right:0; float:none; }
	#main .cont02_3 .colW .col2{ width:auto; float:none; }
}


.cont03{
	padding-top:30px;
	border-top:1px dotted #999;
	zoom:1;
	clear:both;
}
.cont03 h2{ margin:0 0 15px; }
.cont03 h3{ margin:0 0 10px; }


#main .cont04 .colBlock01 .colW{ width:623px; float:left; }
#main .cont04 .colBlock01 .colN{ width:295px; float:right; }
.cont04 .colBlock01 .colN li{ margin-left:30px; margin-bottom:10px; text-indent:-30px; font-size:114%; line-height:1.4; }
.cont04 .colBlock01 .colN li img{ margin-right:5px; }
.cont04 .colBlock01 .colN li strong{ font-weight:bold; }




#main .cont04 .colBlock02 .col1{ width:260px; margin-right:30px; float:left; }
#main .cont04 .colBlock02 .col2{ width:260px; margin-right:30px; float:left; }
#main .cont04 .colBlock02 .col3{ width:370px; float:left; }



.cont04_2{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	zoom:1;
	clear:both;
}
#main .cont04_2 .colN h3{ margin-bottom:5px; }
.cont04_2 .colN{
	width:320px;
	float:right;
}
.cont04_2 .colW{
	width:560px;
	float:left;
}




@media only screen and (max-width: 1205px) {
	#main .cont04 .colBlock01 .colW{ width:70%; }
	#main .cont04 .colBlock01 .colN{ width:27%; }

	#main .cont04 .colBlock02 .col1{ width:25%; margin-right:3%; }
	#main .cont04 .colBlock02 .col2{ width:25%; margin-right:3%; }
	#main .cont04 .colBlock02 .col3{ width:44%; }

	.cont04_2 .colN{
		width:38%;
	}
	.cont04_2 .colW{
		width:57%;
	}
}
@media only screen and (max-width: 600px) {
	#main .cont04 .colBlock01 .colW{ width:auto; margin-bottom:15px; float:none; }
	#main .cont04 .colBlock01 .colN{ width:auto; float:none; }

	#main .cont04 .colBlock02 .col1{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont04 .colBlock02 .col2{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont04 .colBlock02 .col3{ width:auto; float:none; }

	.cont04_2 .colN{ width:auto; text-align:center; float:none; }
	.cont04_2 .colW{ width:auto; margin-bottom:15px; float:none; }
}






.adviserBlock{
	padding:20px;
	background-color:#eff7ec;
	zoom:1;
	clear:both;
}

.adviserBlock .colW{ width:80%; float:left; }
.adviserBlock .colN{ width:17%; text-align:right; float:right; }

.adviserBlock .colW p em{
	padding-left:10px;
	background:url(../images/comfortableLife/li_disc.gif) left 0.4em no-repeat;
}


@media only screen and (max-width: 480px) {
	.adviserBlock .colW{ width:auto; margin-bottom:15px; float:none; }
	.adviserBlock .colN{ width:auto; text-align:center; float:none; }
}