@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;
	font-size:26px;
	color:#333;
	text-align:center;
}


#main p.hdTxt{ margin-bottom:10px; }

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



#main div.bnrs li{ width:49%; margin-bottom:25px; float:left; }
#main div.bnrs li.tenji{ width:auto; float:none; }
#main div.bnrs li:nth-child(even){ margin-left:2%; }
#main div.bnrs li a{ opacity:1.0; }
#main div.bnrs li a:hover{ opacity:0.7; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
	#main .lead p{ font-size:20px !important; }
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt{ 	padding:0 0 30px; }
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
	#main .lead p{ font-size:18px !important; text-align:left; }
	#main div p{ font-size:16px !important; }
}
@media only screen and (max-width: 567px) {
	#main div.bnrs li{ width:auto; margin-bottom:20px; text-align:center; float:none; }
	#main div.bnrs li:nth-child(even){ margin-left:0; }
}





@media only screen and (max-width: 1205px) {
	#main .navBtnBlock li{ width:24.86%; }
}
@media only screen and (max-width: 820px) {
	#main .navBtnBlock li{ width:49%; }
	#main .navBtnBlock li:nth-child(2){ width:49.8%; }
	#main .navBtnBlock li img{ width:100%; height:auto; }
}
@media only screen and (max-width: 600px) {
	#main .navBtnBlock li{ width:auto; }
	#main .navBtnBlock li:nth-child(2){ width:auto; }
}




/* ==

　01. 

=============================================================================== */
#main .ftr_docs{ padding-bottom:20px; zoom:1; clear:both; }
#main .ftr_docs h2{
	margin-bottom:0;
	font-size:200%;
	color:#333;
}
#main .ftr_docs h2 span{ font-size:64%; font-weight:normal; }
#main .ftr_docs p{ font-size:130%; }
#main .ftr_docs p.note{ font-size:117%; }


.adviserBlock{
	margin-bottom:60px;
	padding:20px;
	background-color:#eff6fc;
	zoom:1;
	clear:both;
}

.adviserBlock .colW{ width:80%; float:right; }
.adviserBlock .colN{ width:17%; float:left; }
.adviserBlock .colW p em{ font-size:117%; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 600px) {
	#main .ftr_docs h2{ font-size:20px; }
}
@media only screen and (max-width: 567px) {
}
@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; }
}






/* ==

　02. 

=============================================================================== */
.ftr_reset{
	width:810px;
	margin:-0 auto;
	padding:0 0 20px;
	zoom:1;
	position:relative;
	clear:both;
}
#main .ftr_reset h2{
	padding:0.6em 0;
	font-size:170%;
	background:url(../images/comfortableLife/bg01.png) left top no-repeat;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}

#main .ftr_reset .colBlock01 .col1{ width:45.5%; margin-bottom:20px; }
#main .ftr_reset .colBlock01 .col2{ width:45.5%; margin-bottom:20px; }

.ftr_reset .colBlock01 div.txt p em{ font-size:110%; }
#main .ftr_reset .colBlock01 div.txt p span{
	padding:0;
	color:#0077c1;
	display:inline;
}
.ftr_reset div .img{ margin-bottom:15px; text-align:center; }

.ftr_reset .reset1 .img img{
	margin:110px 0 30px;
}






/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1050px) {
	.ftr_reset{ width:auto; }
}
@media only screen and (max-width: 1020px) {
	.ftr_reset{ width:810px; }
}
@media only screen and (max-width: 840px) {
	.ftr_reset{ width:auto; }
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 730px) {
	#main .ftr_reset h2{ position:static; }
	#main .ftr_reset .colBlock01 .col1,
	#main .ftr_reset .colBlock01 .col2{ margin:0 auto 20px; float:none; }
	.ftr_reset .reset1 .img img{ margin:0; }
}
@media only screen and (max-width: 600px) {
	#main .ftr_reset h2{
		padding:15px 0;
		background:url(../images/comfortableLife/bg01_top.png) left top no-repeat;
		font-size:18px;
		position:relative;
	}
	#main .ftr_reset h2:after{
		width:100%;
		height:6px;
		content:"";
		background:url(../images/comfortableLife/bg01_btm.png) left bottom no-repeat;
		position:absolute;
		bottom:0;
		left:0;
	}
	#main .ftr_reset .colBlock01 .col1,
	#main .ftr_reset .colBlock01 .col2{ width:auto; }
}
@media only screen and (max-width: 567px) {
}




/* ==

　03. 

=============================================================================== */
.ftr_select{
	margin:0 0 50px;
	padding:30px 0 0;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .ftr_select h2{
	margin:0 0 15px;
	font-size:190%;
	line-height:1.3;
	color:#3c8ccb;
}
#main .ftr_select h3{
	margin:0 0 5px;
	font-size:150%;
	line-height:1.4;
	color:#3c8ccb;
}
#main .ftr_select .colR h3{
	margin-bottom:10px;
	text-align:center;
}
#main .ftr_select .colR h3 span{
	color:#eb6100;
}



.ftr_select .colL{ width:29.5%; padding-top:40px; float:left; }
.ftr_select .colR{ width:66.5%; float:right; }


.ftr_select .colR .col{
	width:45%;
	margin:0 0 10px;
	padding:2%;
	background-color:#eaf6fd;
	border:1px solid #117dc3;
	border-radius:10px;
	float:left;
}
.ftr_select .colR .col:nth-child(even){ float:right; }

.ftr_select .colR .col ul{ padding:10px 0; font-size:117%; }
.ftr_select .colR .col li{
	margin-bottom:5px;
	margin-left:1em;
	text-indent:-1em;
	line-height:1.3;
	color:#333;
}

.ftr_select .colR .col dl{ font-size:117%; }
.ftr_select .colR .col dt{ color:#0077c1; font-weight:bold; }
.ftr_select .colR .col dt span{ font-size:20px; color:#0077c1; }
.ftr_select .colR .col dd{ color:#333; }

.ftr_select .colR .col .img{ text-align:center; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 730px) {
	.ftr_select .colL{ width:auto; padding-top:0; float:none; }
	.ftr_select .colR{ width:auto; float:none; }

	.ftr_select .colL p.mb40{ margin-bottom:25px !important; }
}
@media only screen and (max-width: 600px) {
	#main .ftr_select h2{ font-size:20px; }
	#main .ftr_select h3{ font-size:18px; }
	.ftr_select{
		margin:0 0 30px;
		padding:30px 0 0;
	}
	.ftr_select .colR .col{ width:auto; height:auto !important; float:none; }

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








/* ==

　04. 

=============================================================================== */
.ftr_parents{
	margin-bottom:60px;
	zoom:1;
	clear:both;
}
.ftr_parents .tit{
	margin-bottom:20px;
	background:url(../images/comfortableLife/bg02.png.png) right center no-repeat;
	zoom:1;
	clear:both;
}
#main .ftr_parents .tit h2{
	padding:9px 20px 7px;
	background-color:#fff;
	border:1px solid #3c8ccb;
	border-radius:5px;
	font-size:150%;
	color:#0077c1;
	display:inline-block;
}
#main .ftr_parents h3{
	padding-left:13px;
	border-left:7px solid #eb6100;
	font-size:130%;
}


.ftr_parents .colTxt{ width:53.5%; float:left; }
.ftr_parents .colImg{ width:43.5%; float:right; }

.ftr_parents .colTxt .col1{ width:47%; margin-right:6%; float:left; }
.ftr_parents .colTxt .col2{ width:47%; float:left; }

.ftr_parents .colImg .img01 img{ width:60%; max-width:234px !important; margin-right:5%; display:block; float:left; }
.ftr_parents .colImg .img01 span{ width:32%; padding-top:8%; display:block; float:left; }

.ftr_parents .colImg .img02 img{ width:40%; max-width:174px !important; margin:0 5%; display:block; float:right; }
.ftr_parents .colImg .img02 span{ width:32%; padding-top:15%; display:block; float:right; }






/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 730px) {
	.ftr_parents .colTxt{ width:auto; margin-bottom:30px; float:none; clear:both; }
	.ftr_parents .colImg{ width:70%; margin:0 auto; float:none; }
}
@media only screen and (max-width: 600px) {
	#main .ftr_parents .tit h2{ font-size:18px; }
	#main .ftr_parents h3{ fotnt-size:16px; }
	.ftr_parents .colTxt .col1{ width:auto; margin-bottom:30px; margin-right:0; float:none; }
	.ftr_parents .colTxt .col2{ width:auto; float:none; }
	.ftr_parents .colImg{ width:auto; }
	.ftr_parents .colImg .img01 span{ padding-top:0; }
	.ftr_parents .colImg .img02 span{ width:45%; padding-top:8%; }
}
@media only screen and (max-width: 567px) {
}