@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.cont01{ padding-bottom:40px; zoom:1; clear:both; }


#main div.cont01 .imgBlock{ zoom:1; clear:both; }
#main div.cont01 .imgBlock .col1,
#main div.cont01 .imgBlock .col2,
#main div.cont01 .imgBlock .col3{ width:220px; margin-right:23px; float:left; }
#main div.cont01 .imgBlock .col4{ width:220px; float:left; }


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
	#main div.cont01 .imgBlock .col1,
	#main div.cont01 .imgBlock .col2,
	#main div.cont01 .imgBlock .col3{ width:23%; margin-right:2.5%; }
	#main div.cont01 .imgBlock .col4{ width:23%; }
}
@media only screen and (max-width: 800px) {
	#main div.cont01 .imgBlock .col1,
	#main div.cont01 .imgBlock .col3{ width:48%; margin-right:0; margin-bottom:20px; clear:left; }
	#main div.cont01 .imgBlock .col2,
	#main div.cont01 .imgBlock .col4{ width:48%; margin-right:0; margin-bottom:20px; float:right; }
}
@media only screen and (max-width: 600px) {
	#main div.cont01 .imgBlock .col1,
	#main div.cont01 .imgBlock .col2,
	#main div.cont01 .imgBlock .col3{ width:auto; margin-bottom:20px; float:none; }
	#main div.cont01 .imgBlock .col4{ width:auto; margin-bottom:0px; float:none; }
}







div.cont02{
	margin-bottom:40px;
	padding-top:20px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .cont02 .cornerBlock01{
	margin:0 0 40px;
	padding:0 0 40px;
	border-bottom:1px dotted #e0e0e0;
	zoom:1;
	clear:both;
}
#main .cont02 .cornerBlock01 .colN{ width:26%; float:left; }
#main .cont02 .cornerBlock01 .colW{ width:70%; float:right; }

#main .cont02 .cornerBlock01 .colW .col1{ width:68%; line-height:1.4; float:left; }
#main .cont02 .cornerBlock01 .colW .col2{ width:30%; line-height:1.4; float:right; }


#main .cont02 .cornerBlock02 .colN{ width:26%; float:left; }
#main .cont02 .cornerBlock02 .colW{ width:70%; float:right; }

#main .cont02 .cornerBlock02 .colW .col1{ width:60%; line-height:1.4; float:left; }
#main .cont02 .cornerBlock02 .colW .col2{ width:37%; line-height:1.4; float:right; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
	#main .cont02 .cornerBlock01 .colN{ width:auto; margin-bottom:20px; float:none; }
	#main .cont02 .cornerBlock01 .colW{ width:auto; float:none; }
	
	#main .cont02 .cornerBlock02 .colN{ width:auto; margin-bottom:20px; float:none; }
	#main .cont02 .cornerBlock02 .colW{ width:auto; float:none; }
}
@media only screen and (max-width: 580px) {
	#main .cont02 .cornerBlock01 .colW .col1{ width:auto; margin-bottom:20px; float:none; }
	#main .cont02 .cornerBlock01 .colW .col2{ width:auto; float:none; }
	
	#main .cont02 .cornerBlock02 .colW .col1{ width:auto; margin-bottom:20px; float:none; }
	#main .cont02 .cornerBlock02 .colW .col2{ width:auto; float:none; }
	#main .cont02 .cornerBlock02 .colW .col2 p.mb10{ margin-right:20px; float:left; }	
	
}









div.cont03{
	padding:20px 15px 5px;
	border:10px solid #ebdceb;
	font-size:87%;
	line-height:1.5;
	zoom:1;
	position:relative;
	clear:both;
}
div.cont03 div.colL{ width:486px; position:relative; float:left; }
div.cont03 div.colR{ width:414px; position:relative; float:right; }

div.cont03 div.colL div.hd{ padding-bottom:15px; /padding-bottom:20px; zoom:1; clear:both; }
div.cont03 div.colL div.hd h3{ width:207px; margin-right:15px !important; float:left; }
div.cont03 div.colL div.hd p.txt_lead{ width:240px; padding-top:1em; font-size:134% !important; line-height:1.4; float:left; }


div.cont03 .col1{ width:190px; margin-right:23px; float:left; }
div.cont03 .col2{ width:250px; margin-right:23px; float:left; }
div.cont03 .col3{ width:180px; margin-right:23px; float:left; }
div.cont03 .col4{ width:210px; float:left; }

div.cont03 .col3 .txt{ width:180px; position:absolute; bottom:10px; left:195px; }


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

	div.cont03 div.colL{ width:54%; }
	div.cont03 div.colR{ width:46%; }

	div.cont03 div.colL div.hd h3{ width:43%; margin-right:3% !important; }
	div.cont03 div.colL div.hd p.txt_lead{ width:49%; padding-top:1em; }

	div.cont03 .col1{ width:39%; margin-right:4.7%; }
	div.cont03 .col2{ width:51.5%; margin-right:4.7%; }
	div.cont03 .col3{ width:43.5%; margin-right:5.5%; }
	div.cont03 .col4{ width:51%; }

	div.cont03 .col3 .txt{ width:43.5%; left:47%; }

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

	div.cont03 div.colL{ width:auto; margin-bottom:30px; float:none; }
	div.cont03 div.colR{ width:auto; float:none; }

	div.cont03 div.colL div.hd h3{ width:30%; margin-right:3% !important; }
	div.cont03 div.colL div.hd p.txt_lead{ width:67%; }

	div.cont03 .col1{ width:48%; margin-right:0; }
	div.cont03 .col2{ width:48%; margin-right:0; float:right; }
	div.cont03 .col3{ width:48%; margin-right:0; }
	div.cont03 .col4{ width:48%; margin-right:0; float:right; }

	div.cont03 .col2 .alignC img{ margin-top:15px; margin-bottom:15px; }
	div.cont03 .col3 .txt{ left:40%; }

}
@media only screen and (max-width: 800px) {
	div.cont03 .col3 .txt{ left:43.5%; }
}
@media only screen and (max-width: 680px) {
	div.cont03 .col3 .txt{ left:47%; }
}
@media only screen and (max-width: 600px) {
	div.cont03 div.colL{ margin-bottom:0; }

	div.cont03 div.colL div.hd h3{ width:auto; }
	div.cont03 div.colL div.hd p.txt_lead{ width:auto; display:inline; float:none; }
	
	div.cont03 .col1,
	div.cont03 .col2,
	div.cont03 .col3,
	div.cont03 .col4{ width:auto; margin-bottom:20px; float:none; }

	div.cont03 .col2 .alignC img{ margin-top:0; margin-bottom:0; }
	div.cont03 .col3 .txt{ width:auto; position:static; }
}
@media only screen and (max-width: 600px) {
	div.cont03 div.colL div.hd h3{ width:40%; }
}