@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 p em{ font-size:117%; }
.adviserBlock p em span{ font-size:80%; }


/* メディアクエリー
------------------------------------------------------------------------------- */
@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; }
	#main .adviserBlock p{ font-size:14px !important; }
}
@media only screen and (max-width: 567px) {
}
@media only screen and (max-width: 480px) {
}






/* ==

　02. 

=============================================================================== */
.ftr_heatstroke{
	padding:0 0 50px;
	zoom:1;
	position:relative;
	clear:both;
}
#main .ftr_heatstroke div h2{
	margin-bottom:20px;
	font-size:170%;
	color:#bb641d;
}
#main .ftr_heatstroke .colL h2{
	padding:0 0 5px;
	border-bottom:1px solid #333;
}
#main .ftr_heatstroke .colR h2{
	padding:0.6em 0.5em;
	background:url(../images/comfortableLife/bg_hdTxt.png) left center no-repeat;
	display:inline-block;
}
#main .ftr_heatstroke .colL{ width:31.5%; padding-top:0.6em; float:left; }
#main .ftr_heatstroke .colR{ width:65.5%; float:right; }

#main .ftr_heatstroke .colL div{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #333;
}

#main .ftr_heatstroke p.note{ margin-left:1em; text-indent:-1em; }


#main .ftr_heatstroke .colL h3{ margin:0 0 5px; font-size:130%; color:#333; }
#main .ftr_heatstroke .colL h3 span{ color:#bb641d; }

.ftr_heatstroke .colL li{ font-size:130%; }


#main .ftr_heatstroke .colR h3{ margin:0 0 5px; font-size:150%; color:#125ead; }
#main .ftr_heatstroke .colR div .txt p{ font-size:130%; }
.ftr_heatstroke .colR .col1,
.ftr_heatstroke .colR .col2{
	margin:0 0 20px;
	padding:0 0 20px;
	background:url(../images/comfortableLife/line01.png) left bottom no-repeat;
	zoom:1;
	clear:both;
}
.ftr_heatstroke .colR .col1 .txt,
.ftr_heatstroke .colR .col3 .txt{ width:54.5%; float:right; }
.ftr_heatstroke .colR .col1 .img{ width:41.5%; text-align:center; float:left; }
.ftr_heatstroke .colR .col3 .img{ width:41.5%; float:left; }
.ftr_heatstroke .colR .col2 .txt{ width:35%; float:left; }
.ftr_heatstroke .colR .col2 .img{ width:62%; float:right; }





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

	#main .ftr_heatstroke .colL{ width:36.5%; }
	#main .ftr_heatstroke .colR{ width:60.5%; }
	.ftr_heatstroke .colR .col1 .txt,
	.ftr_heatstroke .colR .col2 .txt,
	.ftr_heatstroke .colR .col3 .txt{ width:auto; margin-bottom:10px; float:none; }
	.ftr_heatstroke .colR .col1 .img,
	.ftr_heatstroke .colR .col2 .img,
	.ftr_heatstroke .colR .col3 .img{ width:auto; text-align:center; float:none; }

}
@media only screen and (max-width: 600px) {
	#main .ftr_heatstroke .colL{ width:auto; margin-bottom:30px; padding-top:0; float:none; }
	#main .ftr_heatstroke .colR{ width:auto; float:none; }

	#main .ftr_heatstroke div h2{ font-size:20px; line-height:1.3; }
	#main .ftr_heatstroke .colR h3{ font-size:18px; }
	.ftr_heatstroke .colL li{ font-size:16px; }
	#main .ftr_heatstroke p.note{ font-size:14px !important; }

	.ftr_heatstroke .colR .col2 .txt{ margin-bottom:10px; }

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




/* ==

　03. 

=============================================================================== */
.ftr_prevent{
	margin:0 0 50px;
	padding:30px 0 0;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .ftr_prevent h2{
	margin:0 0 15px;
	font-size:190%;
	line-height:1.3;
	color:#125ead;
}
#main .ftr_prevent h3{
	margin:0 0 5px;
	font-size:150%;
	line-height:1.4;
	color:#bb641d;
}

.ftr_prevent div .colL{ width:24%; float:left; }
.ftr_prevent div .colR{
	width:65%;
	padding:2% 3%;
	border:1px solid #125ead;
	border-radius:10px;
	float:right;
}

#main .ftr_prevent .colR p.hdTxt{
	font-size:150%;
	color:#125ead;
}
#main .ftr_prevent .colR p.hdTxt em{ color:#125ead; }


.ftr_prevent .prevent01{ margin-bottom:40px; zoom:1; clear:both; }
.ftr_prevent .prevent01 .colR .colBlock .col{
	width:31.6%;
	margin:0 0 0 2.5%;
	float:left;
}
.ftr_prevent .prevent01 .colR .colBlock .col:first-child{ margin-left:0; }
.ftr_prevent .prevent01 .colR .col p em{
	margin-bottom:5px;
	margin-left:1em;
	text-indent:-1em;
	font-size:117%;
	line-height:1.3;
	display:block;
}
.ftr_prevent .prevent01 .colR .col p em span{ color:#bb641d; }
.ftr_prevent .prevent01 .colR .col .img{ margin-top:10px; text-align:center; }

.ftr_prevent .prevent02{ margin-bottom:40px; zoom:1; clear:both; }
.ftr_prevent .prevent02 .colR .colBlock .col{
	width:31.6%;
	margin:0 0 0 2.5%;
	float:left;
}
.ftr_prevent .prevent02 .colR .colBlock .col:first-child{ margin-left:0; }
.ftr_prevent .prevent02 .colR .col p em{
	margin-bottom:5px;
	font-size:117%;
	line-height:1.3;
	display:block;
}
.ftr_prevent .prevent02 .colR .col .img{ margin-bottom:10px; text-align:center; }


.ftr_prevent .prevent03 .colR .colBlock .col{
	width:40%;
	margin:0 0 0 4%;
	float:left;
}
.ftr_prevent .prevent03 .colR .colBlock .col:first-child{
	width:56%;
	margin:0;
}
.ftr_prevent .prevent03 .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) {

	.ftr_prevent div .colL{ width:auto; margin-bottom:20px; float:none; }
	.ftr_prevent div .colR{
		width:auto;
		padding:4% 3%;
		float:none;
	}

}
@media only screen and (max-width: 600px) {
	#main .ftr_prevent h2{ font-size:20px; }
	#main .ftr_prevent h3{ font-size:18px; }
	#main .ftr_prevent .colR p.hdTxt{ font-size:18px !important; }

	.ftr_prevent .prevent01 .colR .col p em{ font-size:16px; }
	.ftr_prevent .prevent02 .colR .col p em{ font-size:16px; }

	.ftr_prevent .prevent01 .colR .colBlock .col{
		width:auto;
		margin:0 0 25px;
		float:none;
	}
	.ftr_prevent .prevent01 .colR .colBlock .col:last-child{ margin-bottom:0; }

	.ftr_prevent .prevent02 .colR .colBlock .col{
		width:auto;
		margin:0;
		float:none;
	}
	.ftr_prevent .prevent02 .colR .col:nth-child(2){ margin-bottom:20px; }
	.ftr_prevent .prevent02 .colR .col:nth-child(2) .img{ margin-bottom:0; }

	.ftr_prevent .prevent03 .colR .colBlock .col{
		width:auto;
		margin:0;
		float:none;
	}
	.ftr_prevent .prevent03 .colR .colBlock .col:first-child{
		width:auto;
	}
	.ftr_prevent .prevent03 .colR .colBlock .col:first-child .img{ margin:15px 0 10px; }


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