@charset "utf-8";

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

　目次

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

　00. base
　01. 


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



/* ==

　00. base

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

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

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. 

=============================================================================== */
#main .cont01{ margin-bottom:30px; padding-bottom:40px; border-bottom:1px dotted #ccc; zoom:1; clear:both; }
#main .cont02{ width:460px; float:left; }
#main .cont03{ width:460px; float:right; }

#main .cont01 p.img,
#main .cont02 p.img,
#main .cont03 p.img{ margin-bottom:10px; text-align:center; }


#main .cont01 .col1{ width:295px; float:left; }
#main .cont01 .col2{ width:622px; float:right; }

#main .cont01 .col2 .col2_1{ width:335px; float:left; }
#main .cont01 .col2 .col2_2{ width:260px; float:right; }


#main .cont02 .col21{ width:360px; }


#main .cont03 h3{ float:left; }
#main .cont03 .col31{ width:230px; float:right; }

#main .cont03 .col32{ width:360px; }
#main .cont03 .col32 h3{ float:none; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
	#main .cont02{ width:48%; float:left; }
	#main .cont03{ width:48%; float:right; }
	
	#main .cont01 .col1{ width:35%; float:left; }
	#main .cont01 .col2{ width:60%; float:right; }
	
	#main .cont01 .col2 .col2_1{ width:50%; float:left; }
	#main .cont01 .col2 .col2_2{ width:45%; float:right; }
}
@media only screen and (max-width: 1000px) {
	#main .cont03 h3{ float:none; }
	#main .cont03 .col31{ width:auto; float:none; }
}
@media only screen and (max-width: 820px) {
	#main .cont02 .col21{ width:auto; }
	#main .cont03 .col32{ width:auto; }
}
@media only screen and (max-width: 600px) {
	#main .cont02{ width:auto; margin-bottom:30px; padding-bottom:40px; border-bottom:1px dotted #ccc; float:none; clear:both; }
	#main .cont03{ width:auto; float:none; }
	
	#main .cont01 .col1{ width:auto; margin-bottom:40px; float:none; }
	#main .cont01 .col2{ width:auto; float:none; }
	
	#main .cont01 .col2 .col2_1{ width:auto; margin-bottom:20px; float:none; }
	#main .cont01 .col2 .col2_2{ width:auto; float:none; }
	
}