@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 .imgBlock01 .colImg{ width:40%; float:left; }
#main div.cont01 .imgBlock01 .colTxt{ width:38%; padding-top:75px; padding-right:19%; float:right; }

#main div.cont01 .imgBlock02 .colImg{ width:35%; margin-top:-45px; float:right; }
#main div.cont01 .imgBlock02 .colTxt{ width:38%; /*padding-top:45px;*/ padding-left:23%; float:left; }
#main div.cont01 .imgBlock02 .colTxt p img.type2{ display:none; }

#main div.cont01 .imgBlock03 .colImg{ width:27%; margin-top:-35px; float:left; }
#main div.cont01 .imgBlock03 .colImg p img{ margin-left:15px; }
#main div.cont01 .imgBlock03 .colTxt{ width:57%; padding-right:13%; float:right; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 950px) {
	#main div.cont01 .imgBlock03 .colTxt{ width:70%;  padding-right:0; }
	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20{ margin-left:2%; }
}
@media only screen and (max-width: 900px) {
	#main div.cont01 .imgBlock01 .colTxt{ width:47%; padding-top:45px; padding-right:10%; }
	#main div.cont01 .imgBlock02 .colTxt{ width:51%; padding-left:10%; }
}
@media only screen and (max-width: 840px) {

	#main div.cont01 .imgBlock01 .colTxt{ width:57%; /*padding-top:45px;*/ padding-right:0; }
	#main div.cont01 .imgBlock02 .colTxt{ width:61%; padding-left:0; }
	#main div.cont01 .imgBlock02 .colImg{ margin-top:0; }
	#main div.cont01 .imgBlock03 .colImg{ margin-top:0; }

	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20{ width:30%; margin-left:2%; }
}
@media only screen and (max-width: 730px) {
	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20{ width:25%; }
}
@media only screen and (max-width: 690px) {
	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20{ width:22%; }
}
@media only screen and (max-width: 660px) {
	#main div.cont01 .imgBlock01 .colImg{ width:auto; text-align:center; float:none; }
	#main div.cont01 .imgBlock01 .colTxt{ width:auto; margin-bottom:20px; padding-top:0; float:none; }
	#main div.cont01 .imgBlock01{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #eee; clear:both; }
	
	#main div.cont01 .imgBlock02 .colImg{ width:auto; text-align:center; float:none; }
	#main div.cont01 .imgBlock02 .colTxt{ width:auto; margin-bottom:20px; float:none; }
	#main div.cont01 .imgBlock02 .colTxt p.alignR{ text-align:left; }
	#main div.cont01 .imgBlock02{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #eee; clear:both; }
	#main div.cont01 .imgBlock02 .colTxt p img.type1{ display:none; }
	#main div.cont01 .imgBlock02 .colTxt p img.type2{ display:block; }

	#main div.cont01 .imgBlock03 .colImg{ width:auto; text-align:center; float:none; }
	#main div.cont01 .imgBlock03 .colTxt{ width:auto; margin-bottom:20px; float:none; }
	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20 img.mt45{ margin-top:20px !important; }
}
@media only screen and (max-width: 480px) {
	#main div.cont01 .imgBlock03 .colTxt p.floatR.ml20{ display:none; }
}







div.cont02{
	margin-bottom:40px;
	padding-top:20px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

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

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

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

#main .cont02 .spaceBlock02 .colW .col1{ width:66%; line-height:1.4; float:left; }
#main .cont02 .spaceBlock02 .colW .col2{ width:30%; line-height:1.4; float:right; }
#main .cont02 .spaceBlock02 .colW .col1 p.floatR{ width:43%; }
#main .cont02 .spaceBlock02 .colW .col1 div p.mb10 img{ width:55% }




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









div.cont03{
	padding:20px 15px;
	border:10px solid #e1f2fd;
	font-size:87%;
	line-height:1.4;
	zoom:1;
	clear:both;
}
#main .cont03 p.txt_lead{ margin-bottom:15px; font-size:124%; line-height:1.5; }
#main .cont03 .col1{ width:48%; margin-right:2%; float:left; }
#main .cont03 .col2{ width:24.5%; margin-right:2%; float:left; }
#main .cont03 .col3{ width:23%; float:left; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 660px) {
/*
	#main .cont03 .col1{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont03 .col2{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont03 .col3{ width:auto; float:none; }
*/
	#main .cont03 .col1{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont03 .col2{ width:48%; margin-right:0; float:left; }
	#main .cont03 .col3{ width:48%; float:right }
}

@media only screen and (max-width: 540px) {
	#main .cont03 .col2{ width:auto; margin-bottom:20px; margin-right:0; float:none; }
	#main .cont03 .col3{ width:auto; float:none; }
}