@charset "utf-8";

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

　目次

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

　00. base
　01. 
　02. 


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



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#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; font-weight:bold; }

#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) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }

}








/* ==

　01. 

=============================================================================== */
#main .cont01 p.notes{ font-size:100%; }

#main .cont02, #main .cont03{ margin:0 0 30px; zoom:1; clear:both; }

#main .cont02 h3, #main .cont03 h3{ width:8%; float:left; }

#main .cont02 .col1, #main .cont03 .col1{ width:41%; /width:40%; margin-left:5%; padding-top:10px; display:inline; zoom:1; float:left; }
#main .cont02 .col2, #main .cont03 .col2{ width:41%; /width:40%; margin-left:5%; padding-top:10px; display:inline; zoom:1; float:left; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 760px) {
	#main .cont02 h3, #main .cont03 h3{ width:15%; float:left; }
	
	#main .cont02 .col1, #main .cont03 .col1{ width:80%; margin-left:5%; }
	#main .cont02 .col2, #main .cont03 .col2{ width:80%; margin-left:18%; padding-top:10px; display:block; float:none; clear:both; }
}
@media only screen and (max-width: 600px) {
}







/* ==

　02. 

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

.ftr_reform em{ font-weight:bold; }


.ftr_reform div h4{ margin:0 0 10px; }

.ftr_reform div .colL{ width:31%; }
.ftr_reform div .colR{ width:65%; font-size:90%; float:right; }



.ftr_reform .reform01,
.ftr_reform .reform02,
.ftr_reform .reform03{
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px dotted #ddd;
	zoom:1;
	clear:both;
}



#main .ftr_reform .reform01 .col1{ width:66%; float:right; }
#main .ftr_reform .reform01 .col2{ width:32%; float:left; }

#main .ftr_reform .reform02 .col1{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform02 .col2{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform02 .col3{ width:32%; float:left; }

#main .ftr_reform .reform03 .col1{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform03 .col2{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform03 .col3{ width:32%; float:left; }

#main .ftr_reform .reform04 .col1{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform04 .col2{ width:32%; margin-right:2%; float:left; }
#main .ftr_reform .reform04 .col3{ width:32%; float:left; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 760px) {
	#main .ftr_reform .reform01 .col1{ width:auto; margin:0 0 15px; float:none; }
	#main .ftr_reform .reform01 .col2{ width:auto; float:none; }
	#main .ftr_reform .reform01 .col2 .img{ width:300px; margin:0 auto; }

	
	#main .ftr_reform .reform02 .col1{ width:auto; margin-bottom:15px; margin-right:0; float:none; }
	#main .ftr_reform .reform02 .col2{ width:48%; margin-right:4%; float:left; }
	#main .ftr_reform .reform02 .col3{ width:48%; float:left; }
	
	#main .ftr_reform .reform03 .col1{ width:auto; margin-bottom:15px; margin-right:0; float:none; }
	#main .ftr_reform .reform03 .col2{ width:48%; margin-right:4%; float:left; }
	#main .ftr_reform .reform03 .col3{ width:48%; float:left; }
	
	#main .ftr_reform .reform04 .col1{ width:auto; margin-bottom:15px; margin-right:0; float:none; }
	#main .ftr_reform .reform04 .col2{ width:48%; margin-right:4%; float:left; }
	#main .ftr_reform .reform04 .col3{ width:48%; float:left; }

}
@media only screen and (max-width: 600px) {
	
	#main .ftr_reform .reform02 .col2{ width:300px; margin:0 auto 20px; float:none; }
	#main .ftr_reform .reform02 .col3{ width:300px; margin:0 auto; float:none; }
	
	#main .ftr_reform .reform03 .col2{ width:300px; margin:0 auto 20px; float:none; }
	#main .ftr_reform .reform03 .col3{ width:300px; margin:0 auto; float:none; }
	
	#main .ftr_reform .reform04 .col2{ width:300px; margin:0 auto 20px; float:none; }
	#main .ftr_reform .reform04 .col3{ width:300px; margin:0 auto; float:none; }
}