html{
	scroll-behavior: smooth;	
}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{
	min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.contents-box{
	width:1024px; 
	margin:50px auto 0 auto;
}
.contents-box h2{
	margin:0 auto;
}
.contents-box .lead-txt{
	font-size:16px;
	text-align: center;
	margin-top:20px;
	padding:0;
}
.haru-menu-btn{
	list-style: none;
	margin:0 0 30px 0;
	padding:0;
	display: flex;
	justify-content: space-between;
}
.haru-menu-btn li{
	color:#006977;
	font-weight:bold;
	height:44px;
	line-height: 44px;
	text-align: center;
	width:294px;
	font-size:22px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.haru-menu-btn li a{
	color:#006977;
	display: block;
	text-decoration: none;
}
.haru-menu-btn img{
	width:34px;
	height:34px;
	margin:auto 5px auto 0;
	
}
.btn-bunkei{
	background: #A2DDB9;
	box-shadow : 0px 6px 0px rgba(51, 102, 102, 1);
}
.btn-rikei{
	background: #C7AFD8;
	box-shadow : 0px 6px 0px rgba(102, 51, 102, 1);
}
.btn-sonota{
	background: #FBB29E;
	 box-shadow : 0px 6px 0px rgba(153, 51, 51, 1);
}
.haru-menu-btn li:hover{
    opacity: 0.7;
}
.genre-title{
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	padding:5px 10px;
	display: inline-block;
}
.contents-box .genre{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contents-box .genre:last-child{
	margin-bottom:-20px;
}
.genre-box{
	width:241px;
	margin-bottom:20px;
}
.genre-box h5{
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height: 30px;
	text-align: center;
}
.genre-box h5 a{
	color:#333;
	display: block;
	text-decoration: none;
	border: 1px solid #CCC;
}
.genre-box h5 a:link{
	background: #FFF;
}
.genre-box h5 a:visited{
	background: #FFF;
}
.bunkei-haru .genre-box h5 a:hover{
	background: #d4efd3;
	text-decoration:none;
}
.bunkei-haru .genre-box h5 a:active{
	background: #d4efd3;
}
.rikei-haru .genre-box h5 a:hover{
	background: #e5d9ed;
	text-decoration:none;
}
.rikei-haru .genre-box h5 a:active{
	background: #e5d9ed;
}
.sonota-haru .genre-box h5 a:hover{
	background: #fddbd1;
	text-decoration:none;
}
.sonota-haru .genre-box h5 a:active{
	background: #fddbd1;
}
.genre-box img{
	display: block;
	float:left;
	width:72px;
}
.genre-box p{
	margin:0;
	padding:0;
	float:right;
	width:156px;
	font-size:13px;
	line-height: 19px;
}
/*最終行が2個の時*/
.contents-box .box2:before{
  content:"";
  display: block;
  width:241px;
  order:1;
}
.contents-box .box2:after{
  content:"";
  display: block;
  width:241px;
}
/*最終行が1個の時*/
.contents-box .box1:after{
  content:"";
  display: block;
  width:241px;
}


/*下層ページ*/
#titBox{
	/*border: 1px solid #FF0000;*/
	height:44px;
	width:1024px;
	margin:20px auto;
}
#titBox h3{
	color:#006977;
	line-height:44px;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0 20px 0 50px ;
}

#haru-box div#school{
	margin-bottom:20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	
#haru-box div#school div.schoolList{
	width:494px;
	border: 1px solid #CCC;
	margin-bottom:30px;
	padding-bottom:0;
	}
#haru-box div#school div.schoolList h4{
	/*height:40px;*/
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
	font-weight:bold;
	font-size:20px;
	background: #e8e8e8;
	color:#333;
	margin:0;
	}
#haru-box div#school div.schoolList h4.small{
	/*font-size:98%;*/	/*文字列が長い学校【例】イー・エフ・エデュケーション・ファースト日本事務局*/
}

#haru-box div#school div.schoolList p.areaname{
	height:40px;
	margin-left:10px;
	font-size:12px;
	line-height:40px;
	margin-bottom:0;
	}	
	
#haru-box div#school div.schoolList div.clearfix{
	width:494px;
	padding-bottom:10px;
	display: flex;
	justify-content: space-between;
}
	
#haru-box div#school div.schoolList div.clearfix div.img{
	width:190px;
	/*float:left;*/
	text-align:right;
	min-height: 180px;
	}	
#haru-box div#school div.schoolList div.clearfix div.btnArea{
	margin-left:20px;
	/*float:right;*/
	width:272px;
	display: flex;
  	flex-direction: column;
	}		
#haru-box div#school div.schoolList div.clearfix div.btnArea ul.bt01{
	margin:0;
	padding:0;
	}

#haru-box div#school div.schoolList div.clearfix div.btnArea ul.bt01 li{
	margin-bottom:5px;
	width:136px;
	float:left;
	/*background: url(../images/list_mark.gif) no-repeat center left;*/
	padding-left:14px;
	position: relative;
	}
#haru-box div#school div.schoolList div.clearfix div.btnArea ul.bt01 li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 2px solid #006977;
	border-right: 2px solid #006977;
}



	
#haru-box div#school div.schoolList div.clearfix div.btnArea ul.bt01 li.long{
	clear:left;
	width:272px;
	/*background: url(../images/list_mark.gif) no-repeat center left;*/
	padding-left:14px;
	}
	
#haru-box div#school div.schoolList div.clearfix div.btnArea ul.bt02{
	clear:both;
	padding:20px 0 0 0;
	width:272px;
	text-align: center;
	margin-top: auto;
	}
.bt01 a:link{
	color:#333;
}
.bt01 a:visited{
	color:#333;
}
.bt01 a:hover{
	color:#333;
	text-decoration:underline;
}
.bt01 a:active{
	color:#333;
	text-decoration:underline;
}
#haru-box div#btmLink{
	width:1024px;
	margin-bottom:30px;
	border:#CCC solid 1px;
	padding:10px 10px 20px 10px;
	}

#haru-box div#btmLink h4{
	color:#006977;
	margin:0;
	text-align:left;
	padding:0 0 0 40px ;
	font-size:20px;
	font-weight:bold;
	height:38px;
	line-height: 38px;
	background: url(../images/check_icon.png) no-repeat center left;
	}
#haru-box div#btmLink div#btmLinkIn h5{
	height:26px;
	line-height: 26px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	font-weight:500;
	color:#FFF;
	display: inline-block;
	background: #006977;
	margin-top:20px;
	}
#haru-box div#btmLink div#btmLinkIn ul{
	margin:0;
	padding:0;
}
#btmLinkIn ul:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#btmLinkIn ul{
  min-height: 1px;
}
* html #btmLinkIn ul{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.btmlink01 li,.btmlink02 li{
	margin-left:5px;
	font-size:14px;
	display: inline-block;
	color:#333;
	padding:3px 6px;
}
.btmlink01 a:link,.btmlink02 a:link{
	color:#333;
	padding:3px 6px;
}
.btmlink01 li a:visited,.btmlink02 li a:visited{
	color:#333;
	padding:3px 6px;
}
.btmlink01 li a:hover,.btmlink02 li a:hover{
	color:#333;
	text-decoration:underline;
	background: #d4e8f1;
	padding:3px 6px;
}
.btmlink01 li a:active,.btmlink02 li a:active{
	color:#333;
	text-decoration:underline;
	background: #d4e8f1;
	padding:3px 6px;
}
#haru-box.bunkei div#titBox h3.b01{	background:url(../images/ic_01.png) center left 5px no-repeat;background-size:34px; 	}
#haru-box.bunkei div#titBox h3.b02{	background:url(../images/ic_02.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b03{	background:url(../images/ic_03.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b04{	background:url(../images/ic_04.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b05{	background:url(../images/ic_05.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b06{	background:url(../images/ic_06.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b07{	background:url(../images/ic_07.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b08{	background:url(../images/ic_08.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b09{	background:url(../images/ic_09.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b10{	background:url(../images/ic_10.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b11{	background:url(../images/ic_11.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b12{	background:url(../images/ic_12.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b13{	background:url(../images/ic_13.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.bunkei div#titBox h3.b14{	background:url(../images/ic_14.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r15{	background:url(../images/ic_15.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r16{	background:url(../images/ic_16.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r17{	background:url(../images/ic_17.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r18{	background:url(../images/ic_18.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r19{	background:url(../images/ic_19.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r20{	background:url(../images/ic_20.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r21{	background:url(../images/ic_21.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r22{	background:url(../images/ic_22.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r23{	background:url(../images/ic_23.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r24{	background:url(../images/ic_24.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r25{	background:url(../images/ic_25.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r26{	background:url(../images/ic_26.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r27{	background:url(../images/ic_27.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r28{	background:url(../images/ic_28.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.rikei div#titBox h3.r29{	background:url(../images/ic_29.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o30{	background:url(../images/ic_30.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o31{	background:url(../images/ic_31.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o32{	background:url(../images/ic_32.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o33{	background:url(../images/ic_33.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o34{	background:url(../images/ic_34.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o35{	background:url(../images/ic_35.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o36{	background:url(../images/ic_36.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o37{	background:url(../images/ic_37.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o38{	background:url(../images/ic_38.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o39{	background:url(../images/ic_39.png) center left 5px no-repeat;background-size:34px;	}
#haru-box.other div#titBox h3.o40{	background:url(../images/ic_40.png) center left 5px no-repeat;background-size:34px;	}
#haru-box ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.c-link{
	/*background: url(../images/list_mark.gif) no-repeat center left;*/
	padding-left:20px;
	position: relative;
}
.c-link:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 2px solid #006977;
	border-right: 2px solid #006977;
}
.text12 a{
	color:#000;
}
.bunkei-bg{
	background:#A2DDB9;
}

.rikei-bg{
	background:#C7AFD8;
}
.sonota-bg{
	background:#FBB29E;
}

.online-form-link{
	position: fixed; 
	bottom: 0; 
	text-align: center;
	width: 100%; 
	z-index:2;
	left:0;
}