@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 


******************************************************************************* */



/* ==

　00. base

=============================================================================== */

#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; }

#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. 

=============================================================================== */
#main div.cont02.imgBlock{ padding-bottom:40px; line-height:1.5; zoom:1; clear:both; }

#main div.cont02.imgBlock .colL{ width:45%; float:left; }
#main div.cont02.imgBlock .colR{ width:53%; float:right; }

#main div.cont02.imgBlock .colR .col2{ width:42%; margin-bottom:30px; float:left; }
#main div.cont02.imgBlock .colR .col3{ width:54%; margin-bottom:30px; float:right; }


#main div.cont03{ padding:10px; background-color:#dff2fc; clear:both; }
#main div.cont03 .innerBlock{ padding:15px 0; background-color:#fff; zoom:1; clear:both; }
#main div.cont03 h2{ padding:5px 0; }
#main div.cont03 .innerBlock h3{ margin-bottom:5px; }
#main div.cont03 .innerBlock p{ font-size:100%; }

#main div.cont03 .col1{ width:34.4%; margin:0 0 15px 1.6%; display:inline; float:left; } 
#main div.cont03 .col2{ width:31%; margin:0 0 15px 1.8%; display:inline; float:left; } 
#main div.cont03 .col3{ width:27.8%; margin:0 0 15px 1.8%; display:inline; float:left; } 

#main div.cont03 div.note{
	margin:0 1.6%;
	padding-top:10px;
	border-top:1px solid #ccc;
	zoom:1;
	clear:both;
}




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 800px) {
	
	#main div.cont02.imgBlock .colL{ width:auto; margin-bottom:30px; float:none; }
	#main div.cont02.imgBlock .colR{ width:auto; float:none; }


	
	#main div.cont03 .col1{ width:48%; margin:0 0 15px 1.6%; display:inline; float:left; } 
	#main div.cont03 .col2{ width:45%; margin:0 0 15px 3.7%; display:inline; float:left; } 
	#main div.cont03 .col3{ width:auto; margin:0 1.6% 15px; display:block; float:none; clear:both; } 
}
@media only screen and (max-width: 640px) {

	#main div.cont02.imgBlock .colL{ width:auto; margin-bottom:20px; float:none; }
	#main div.cont02.imgBlock .colR{ width:auto; float:none; }
	
	#main div.cont02.imgBlock .colR .col2{ width:auto; margin-bottom:20px; float:none; }
	#main div.cont02.imgBlock .colR .col3{ width:auto; margin-bottom:20px; float:none; }
	

	#main div.cont03 .innerBlock{ padding:15px; }
	#main div.cont03 .col1,
	#main div.cont03 .col2,
	#main div.cont03 .col3{ width:auto; margin:0 0 15px; display:block; float:none; } 
	#main div.cont03 div.note{ margin:0; }
}










