@charset "utf-8";

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

　目次

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

　00. base
　01. 
　02. 


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



/* ==

　00. base

=============================================================================== */
#main div h2{ margin:0 0 12px; padding:0; }

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




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt{ padding:0px 0 20px; }
}



/* ==

　01. 

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

#main .care01 .col1{width:48.5%; margin:0; zoom:1; float:right;}
#main .care01 .col2{width:48.5%; margin:0; zoom:1; float:left;}



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

}
@media only screen and (max-width: 600px) {
	#main .care01 .col1,
	#main .care01 .col2{width:100%; margin:0 0 15px 0; zoom:1; float:none;}	

}



/* ==

　02. 

=============================================================================== */
#main .howtoBlock{
	margin:40px 0 20px ;
	zoom:1;
	clear:both;
}
#main .howtoBlock h3{ margin-bottom:10px; }
#main .howtoBlock h4{ margin:0 0 5px 0; color:#57A8DE; font-size:116%; }

#main .howtoBlock .col1{width:48.5%; margin:0 2.5% 0 0; zoom:1; float:left;}
#main .howtoBlock .col2{width:48.5%; margin:0 0 0 0; zoom:1; float:left;}
#main .howtoBlock .col3 .colL{width:70%; margin:0 2% 0 0; zoom:1; float:left;}
#main .howtoBlock .col3 .colR{width:28%; margin:0 0 0 0; zoom:1; float:left;}
#main .howtoBlock .col4 .colL{width:55%; margin:0 2% 0 0; zoom:1; float:left;}
#main .howtoBlock .col4 .colR{width:43%; margin:0 0 0 0; zoom:1; float:left;}

#main .howtoBlock02 h3{margin-bottom:10px;}
#main .howtoBlock02 h4{font-size:116%;}
#main .howtoBlock02 h4 span{color:#57A7DE;}
#main .howtoBlock02{padding:20px; border:1px solid #ccc; overflow:hidden;}
#main .howtoBlock02 .col1{width:32%; margin:0 2% 0 0; zoom:1; float:left;}
#main .howtoBlock02 .col2{width:32%; margin:0 2% 0 0; zoom:1; float:left;}
#main .howtoBlock02 .col3{width:32%; margin:0 0 0 0; zoom:1; float:left;}


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 680px) {
}
@media only screen and (max-width: 600px) {
#main .howtoBlock .col1,
#main .howtoBlock .col2,
#main .howtoBlock .col4 .colL,
#main .howtoBlock .col4 .colR{width:auto; margin:0 0 0 0; float:none;}
	
#main .howtoBlock02 .col1,
#main .howtoBlock02 .col2,
#main .howtoBlock02 .col3{width:auto; margin:0 0 10px 0; zoom:1; float:none;}
}
@media only screen and (max-width: 480px) {

}