@charset "utf-8";
/* CSS Document */

/*メンテ告知*/
#announce_txt{text-align:center;width:700px;padding:20px;margin:20px auto 30px;font-size:95%;}
#announce_txt p span{font-weight:bold;color:#F00;}

@media screen and (min-width: 768px) {
/*募集終了告知*/
#close{text-align:center;margin:30px auto;border:1px solid #f10000;width:890px;padding:20px;color:#f10000;}
}


/*--------------大見出し------------------ */

#headline01{
	font-size:14px;
}

#headline01 h1{
	background:url(../../image/toppage/top_mainimg.jpg) no-repeat; 
	height:319px;
	width:930px;
}



#headline01 ul{
	width:297px;
	float:left;
	display:inline;
	margin: 246px 0 0 0;
	line-height: 0;
}

#headline01 ul li{
	float:left;
	display:inline;

}

#headline01 ul .main_btn01{
	margin: 0 0 5px 0;
}

#headline01 ul .main_btn02{
	margin-right:5px;
}

/*--------------トップエリア------------------ */

#top_area{
	width:930px;
	margin: 0 0 25px 0;
	
}
#top_area #top_text{
	line-height:1.5em;
	text-align:justify;
	float:left;
	display:inline;
	width:480px;
	margin: 0 14px 0 0;
	font-size:120%;
	}
	
#top_area #top_text img{ width:480px; }
	
#top_area #top_text p{
	margin-top:28px;
}
	
#top_area #top_img{
	float:left;
	display:inline;
	width:415px;
	margin:50px 0 0 0;
}


/*--------------01------------------ */
#first_area{
	width:459px;
	margin:30px auto 10px;
	text-align:center;
}
#first_area .photo01{
	width: 459px;
	margin-right:8px;
	float:left;
	display:inline;
}

#first_area .photo02{
	width: 459px;
	float:left;
	display:inline;
}


/*--------------02------------------ */



#second_area{
	width:930px;
}

#second_area .photo01{
	width:459px;
	float:left;
	display:inline;
	margin-right:8px;
}

#second_area .photo02{
	width:459px;
	float:left;
	display:inline;
}


/*--------------03------------------ */

#midashi03{
	width:930px;
	margin:25px 0 25px 0;
	text-align:center;
}

#midashi03 #sbtn{
	margin-top:30px;
}


#midashi03 .text{
	font-size:120%;
	margin: 0 0 10px 0;
	font-weight:bold;

}


/*20130206追加*/
#midashi{
	margin-bottom:10px;
}

#bar{
	margin-bottom:15px;
}

#midashi03 #explain{
	width:358px;
	height:29px;
	float:left;
	margin-top:30px;
	margin-left:300px;
}
 
#form_area{
	width:930px;
	background:url(../../image/toppage/form_bk.gif) no-repeat 100% 100%;
	height:200px;
}

#main_btn02{
	float:left;
	margin-top:7px;
	margin-left:330px;
}

#about .bar02{
	margin-bottom:20px;
}

#bottom_freedial_pc{
	height:51px;
	width:306px;
	margin:0 auto;
}

#bottom_freedial{
	height:51px;
	width:930px;
}

#about .dial_tsusin{
	float:left;
	margin-left:15px;
	margin-right:50px;
}

#about .dial_tsugaku{
	float:left;
}

#address_con_pc{
	margin-top:15px;
	margin-bottom:35px;
	border-top:1px solid #000;
	text-align:center;
}

#address_con{
	margin-top:30px;
	margin-bottom:35px;
	border-top:1px solid #000;
}

#about .address{
	margin-right:20px;
	margin-top:5px;
}

#about{
	width:930px;
	height:155px;
}

 #about .ab01{
	 width:285px;
	 float:left;
	 margin:0 15px 0 0;
 }
 #about .ab02{
	width:366px;
	float:left;
	display:inline;
	 margin:0 30px 0 0;
 }
 #about .ab03{
	width:216px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
 }

@media screen and (min-width: 769px) { 
 #banner_area ul{
	display: table;
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px 0;	 
 }
 #banner_area ul:last-child{padding:0 0 30px 0;}
 
#banner_area ul li{
	display:table-cell;	
	vertical-align:middle;
	width:20%;
	padding:0 10px 0 0;
}

#banner_area ul li img{
	width:100%;
}

#banner_area ul li:last-child{
	padding-right:0;
}

.banner1colm a img{
	width:48.8% !important;
}

/*0820追加*/

	.h3none{background-color: white;}	
	
.kyukou_bnr{margin-bottom: 55px;}	

.forSP{display: none}
	
}



@media screen and (max-width: 768px) {
	
/*クローズ告知*/
#close{text-align:left;margin:75px 5px 5px 5px;;border:1px solid #f10000;padding:20px;color:#f10000;}	

#headline01 h1{
	width:100%;
	height:auto;
}

#headline01 ul{
	width:98%;
	float:left;
	display:inline;
	margin: 0 1%;
	line-height: 0;
}

#top_area{
	width:100%;
	margin: 0 0 15px 0;
	
}

#top_area #top_text{
	line-height:1.5em;
	text-align:justify;
	float:left;
	display:inline;
	width:100%;
	margin: 0 5px 0 0;
	font-size:90%;
	}
	
#top_area #top_text img{
	width: 98%;
    margin: 10px 1% 0 1%; }
	
#top_area #top_text p{
	margin-top:10px;
	width: 98%;
    margin: 10px 1% 0 1%;
}
	
#top_area #top_img{
	display:inline;
	width:98%;
	margin: 0 1% 0 1%;
}

#top_area #top_img img{
	width:100% !important;
}

#midashi{
	margin: 10px;
}


/*--------------01------------------ */
#first_area{
	height: auto;
	width: 98%;
    margin: 0 1% 0 1%;
}
#first_area .photo01{
	width: 100%;
	margin: 0 0 3px 0;
    float: left;
    display: inline;
}

#first_area .photo02{
	width: 100%;
	margin: 0 0 3px 0;
    float: left;
    display: inline;
}


/*--------------02------------------ */



#second_area{
	width: 98%;
    margin: 0 1% 0 1%;;
}

#second_area .photo01{
	width: 100%;
	margin: 0 0 3px 0;
    float: left;
    display: inline;
}

#second_area .photo02{
	width: 100%;
	margin: 0 0 3px 0;
    float: left;
    display: inline;
}

/*--------------03------------------ */

#midashi03{
	width:98%;
	margin:10px 1% 10px 1%;
	text-align:center;
}

#midashi03 #sbtn{
	margin-top:10px;
}


#midashi03 .text{
	font-size:120%;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#form_area{
	width:100%;
	background:url() no-repeat 100% 100%;
	height:auto;
	margin-bottom: 10px;
}

#midashi03 #explain{
	width:98%;
	margin:15px 1% 0 1%;
	height:auto;
	float:left;

}

#main_btn02{
	float:left;
	margin-top:7px;
	margin-left:0;
}

 #banner_area{
	 padding:0 1% 15px 1%;
 }
 
 #about{
	border-top:1px solid #000;
	padding-top:10px;
	width:100%;
	height:auto;
	margin: 0 auto 10px auto;
}

#bottom_freedial{
	height:auto;
	width:100%;
}

#about .dial_tsusin{
	float:left;
	width:98%;
	margin:0 auto;
	padding:0 1% 10px 1%;
	
}

#about .dial_tsugaku{
	float:left;
	width:90%;
	margin:0 auto;
	padding:0 2% 0 2%;
	text-align:center;
}


#address_con{
	width:98%;
	margin:10px auto;
	padding:0 1% 0 1%;
	border-top:1px solid #000;
}

 #banner_area ul:last-child{
	padding: 0 0 30px 0;	 
 }
 
#banner_area ul li img{
	width:100%;
}
	
/*0820追加*/
	


.forPC{display: none}	
	
.forSP{display:initial;}	

}