@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 .imgBlock{ width:660px; margin:0 auto 40px; line-height:1.3; clear:both; }
#main .imgBlock .colBlock01 .col1{ width:48.5%; }
#main .imgBlock .colBlock01 .col2{ width:48.5%; }







/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 700px) {
	#main .imgBlock{ width:auto; }
}
@media only screen and (max-width: 600px) {
	#main .imgBlock .colBlock01 .col1{ width:auto; margin-bottom:20px; }
	#main .imgBlock .colBlock01 .col2{ width:auto; }
}







.ftr_wallSurface{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

.ftr_wallSurface em{ font-weight:bold; }


.ftr_wallSurface .colN{ width:31%; float:left; }
.ftr_wallSurface .colW{ width:65%; line-height:1.3; float:right; }
/*
.ftr_wallSurface .colN{ width:295px; float:left; }
.ftr_wallSurface .colW{ width:622px; line-height:1.3; float:right; }
*/

.ftr_wallSurface .wallSurface01{ margin:0 0 20px; padding:0 0 20px; border-bottom:1px dotted #ddd; zoom:1; clear:both; }

.ftr_wallSurface div .colW .col1{ width:47.5%; float:left; }
.ftr_wallSurface div .colW .col2{ width:47.5%; float:right; }

.ftr_wallSurface .colW p em{ line-height:1.8; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 700px) {
	.ftr_wallSurface .colN{ width:auto; float:none; clear:both; }
	.ftr_wallSurface .colW{ width:auto; float:none; clear:both; }
}
@media only screen and (max-width: 600px) {
	.ftr_wallSurface div .colW .col1{ width:auto; margin-bottom:20px; float:none; }
	.ftr_wallSurface div .colW .col2{ width:auto; float:none; }
}












#main .windowBlock{
	padding:30px;
	background-color:#fef8f2;
	zoom:1;
	clear:both;
}

#main .windowBlock h3{ margin-bottom:15px; }

#main .windowBlock .win01{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; zoom:1; display:block; clear:both; }

#main .windowBlock div div.txt{ width:33%; float:left; }
#main .windowBlock div div.txt p.notes{ font-size:100%; }

#main .windowBlock div ul{ width:64.5%; float:right; }
#main .windowBlock div li{ width:46.5%; margin-left:3.3%; display:inline; float:left; }

#main .windowBlock .win02 div.txt,
#main .windowBlock .win02 ul{ padding-bottom:20px; }


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 700px) {
	#main .windowBlock div div.txt{ width:auto; margin-bottom:20px; float:none; }
	#main .windowBlock div ul{ width:auto; float:none; }
}
@media only screen and (max-width: 600px) {
	#main .windowBlock{
		padding:20px 15px;
	}
	#main .windowBlock div li{ width:45%; margin:0 2.5%; }
	/*
	#main .windowBlock div li{ width:auto; margin:0 0 10px; text-align:center; display:block; float:none; }
	#main .windowBlock div li{ width:45%; margin:0 2.5%; }
	*/
}