@charset"utf-8";
/* ---------------------------------------------------------
　contents
--------------------------------------------------------- */
#contents{ width:960px; margin:0 auto; padding:20px 20px 303px 20px; background:#FFF; }
#keyvisual{ margin:0 auto 20px auto; width:100%; position:relative; }
#keyvisual img{ width:100%; }
#keyvisual div{ background:rgba(51,51,51,0.8); position:absolute; top:340px; width:1000px; height:60px;}
#keyvisual div p{ font-size:18px; color:#FFF; padding:20px 20px 0 20px; font-family: 'Noto Sans Japanese', sans-serif;}

#contents h2{ font-size:20px; font-weight:bold; border:2px solid #000; width:95%; padding:10px 2%; }
.h2_div{ margin:40px 0; }

#contents .area_information{ }
	#contents .area_information > div:nth-of-type(1){
		width:49%; float:left;
	}
	#contents .area_information > div:nth-of-type(2){
		width:49%; float:right;
	}

#contents .area_campaign{ margin:20px 0 0 0; width:100%; background:rgba(46,139,87,0.2); }
#contents .area_campaign h2{  background:rgba(46,139,87,0.8); font-size:20px; color:#FFF; border:none; font-weight:normal; text-align:center; padding:10px 0; width:100%; margin-bottom:5px; }
#contents .area_campaign h3{ font-size:18px; font-weight:bold; padding:5px; margin-bottom:5px; }
#contents .area_campaign p{ font-size:16px; padding:0 10px 10px 5px; line-height:1.5em;}

#contents .area_campaign a:link    { color: #C11920; text-decoration: none; }
#contents .area_campaign a:visited { color: #C11920; text-decoration: none; }
#contents .area_campaign a:hover   { color: #C11920; text-decoration: underline; }
#contents .area_campaign a:active  { color: #C11920; text-decoration: underline; }

#contents .area_recruit{ margin:10px 0; width:auto; border:2px solid #000; padding:10px; } 
#contents .area_recruit .p01{ font-size:18px; font-weight:bold; color:#F60; padding-bottom:10px; } 
#contents .area_recruit .p02{ line-height:1.4; } 

#contents .bn_lessonnote{ margin:10px 0; width:auto; } 
#contents .bn_lessonnote img{ width:100%; } 

#contents .area_blog{ margin:0; width:100%; } 
#contents .area_blog h2{ font-size:20px; font-weight:bold; border:2px solid #000; width:95%; padding:10px 2%; margin-bottom:10px; }
#contents .area_blog h3{ font-size:16px; padding:5px; }
#contents .area_blog p{ font-size:14px; padding:0 5px 5px 5px; line-height:1.2; }


.area_goodsBat{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.area_goodsBat p{
	-webkit-flex: 0 0 470px;
	flex: 0 0 470px;
}

.area_reserve { clear:both; padding-top:20px;}
.area_reserve table{ margin:10px auto; border-collapse:collapse; width:100%; }
.area_reserve table th{ padding:10px; border:1px solid #999; vertical-align:top; font-size:16px; line-height:1.8em; }
.area_reserve table th.th01{ width:auto; }
.area_reserve table th.th02{ width:45px; }
.area_reserve table td{ padding:10px 0; border:1px solid #999; vertical-align:top; font-size:16px; line-height:1.8em; text-align:center; }


.area_guide table{ margin:10px auto; border-collapse:collapse; width:100%; }
.area_guide table td{ padding:10px; border:1px solid #999; vertical-align:top; }
.area_guide table td.td01{ width:410px; text-align:center; }
.area_guide table td.td02{ width:auto; text-align:left; }
.area_guide table td.td02 p{ padding-bottom:10px; line-height:1.7em; }

.area_top_banner{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.area_top_banner img{ width:100%; }

.area_top_banner >div:nth-of-type(1){
	-webkit-flex: 0 0 760px;
	flex: 0 0 760px;
	
}

.area_top_banner >div:nth-of-type(2){
	-webkit-flex: 0 0 180px;
	flex: 0 0 180px;
	
}