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

html{
	font-size:18px;
	letter-spacing:0.2em;}

body{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	margin:0;
	}
	
.clear{
	content: " ";
	clear: both;
	width: 100%;}

span{
	display:inline-block;}
	
	
img{
	vertical-align: bottom;}	
	
a{
	text-decoration:none;
	color:#000;}
	


ul,li{
	list-style:none !important;}


h1,h2,h3,h4.,h5,h6{ font-size:inherit;
	}

h1{
	margin:0;}

#header img{
	width:100%;
	height:auto;}

.pc_main{
	display:block;}
	
.sp_main{
	display:none;}		
	


/*３つの特徴--------------------------*/
#threepoint{
	background-color:#E2FFDB;
	padding:50px 0;
}

.waku{
	width:1000px;
	height:auto;
	border-radius:20px;
	margin:100px auto;
	}
.waku1{
	border:solid 2px #64B597;
	background-color:#fff;
	}
.title{
	font-size:2em;
	font-weight:bolder;
	text-align:center;}
	
.hukidashi{
	position: relative;
	border-bottom: 6px solid #009E92;
}

.hukidashi:after, .hukidashi:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hukidashi:after {
	border-color: rgba(213, 213, 213, 0);
	border-top-color: #009E92;
	border-width: 15px;
	margin-left: -15px;
}
.hukidashi:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #009E92;
	border-width: 21px;
	margin-left: -21px;}
	
	
.point_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-around;
	margin:80px auto;}	
	
.point_block{
	width:250px;
	height:400px;
	box-shadow: 9px 9px 13px -5px #c2c2c2;
	border-radius: 10px;
	position:relative;
	margin:20px;
	background-color:#fff;}	
	
.point_title{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:10px 0 30px;
	border-radius: 10px 10px 0 0;}	

.point_pict{
	margin:0;
	position:absolute;
	top:80px;}



.point_btn{
	position:absolute;
	bottom:0;
	width:250px;
	height:70px;
	border-radius: 0 0 10px 10px;
	margin:0 auto;
	text-align:center;}

.orenge{
	background-color:#FFEDD1;
	}
	
.green{
	background-color:#E6F5D3;
	}
	
.blue{
	background-color:#D1E9EB;
	}		
		
.kochira_btn{
	border-radius:15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	margin-top:15px;}	
	
.kochira_btn:hover{
	opacity:.5;}
		
.ore{
	background-color:#DDA855;}		
	
.mid{
	background-color:#8DAF66;}	

.ao{
	background-color:#53B3BC;}	
	
	
/*目的別コース-----------------------*/
.mokuteki_waku{
	width:1000px;
	height:500px;
	position:relative;
}


.mokuteki_menu{
	position:absolute;
	z-index:50;
	margin:10px 30px;
	width:63%;
}	
	
.mm_title{
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	padding:5px 10px;
	width:220px;
	margin-bottom:0;
	text-align:center;}	
	
.mm_title:hover{
	opacity:.7;}	

.m_grn{
	background-color:#129A92;}
	
.m_ore{
	background-color:#E4826A;}

.m_ao{
	background-color:#9A73AA;}

.m_ppl{
	background-color:#267AAA;}
	
.m_kim{
	background-color:#889829;}		

.mm_text{
	border-radius:10px;
	padding:10px ;
	text-align:justify;
	margin:0 0 0 20px;
	background-color: rgba(255,255,255,0.5);
	line-height:1.3em;
	font-size:.8em;}
	
.mm_text p{
	margin:0 auto;}	

.grn_line{
	border:solid 1px #129A92;}
	
.ore_line{
	border:solid 1px #E4826A;}

.ao_line{
	border:solid 1px #9A73AA;}

.ppl_line{
	border:solid 1px #267AAA;}	
	
.kim_line{
	border:solid 1px #889829;}			
	
			
.mokuteki_pict {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;}		
	
.mokuteki_pict img{
	width:70%;
	height:auto;
	float:right;
	}		
	
.t_right{
	width:170px;
	text-align:right;
	font-size:.9em;
	margin-right:0!important;
	line-height:1.5em;}
	
.tsume{
	letter-spacing:-0.1em;}	
	
.grn_text{
	color:#129A92;
	border-bottom:solid 1px #129A92;}
	
.ore_text{
	color:#E4826A;
	border-bottom:solid 1px #E4826A;}

.ao_text{
	color:#9A73AA;
	border-bottom:solid 1px #9A73AA;}

.ppl_text{
	color:#267AAA;
	border-bottom:solid 1px #267AAA;}
	
.kim_text{
	color:#889829;
	border-bottom:solid 1px #889829;}		
		
/*何歳からでも-----------------------*/
.age_waku{
	width:1000px;
	height:600px;
	position:relative;}

.age_menu{
	position:absolute;
	z-index:50;
	margin:10px;
	width:60%;
	margin-left:30px;}	
	
.pnkline{
	border-bottom:solid 3px #F9E7EB;
	color:#C98091;
	font-weight:bold;
	font-size:1.2em;}
	
.oreline{
	border-bottom:solid 3px #F9EFE6;
	color:#C38348;
	font-weight:bold;
	font-size:1.2em;}	
	
.blueline{}

.age_text{
	line-height:1.3em;}	
	
.age_pict {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;}		
	
.age_pict img{
	width:100%;
	height:auto;
	}		
	
/*選べる通学方法-----------------------*/
.bg_naname{
	background-color:#e4f1c0;
	position: relative;
	z-index: 0;
	padding:50px 0;
	text-align: center;
	margin-top:100px;
	}
.bg_naname::before{
	content: '';
	display: block;
	position: absolute;
	top: 20%;
	right: 0;
	bottom: 20%;
	left: 0;
	background-color: #ffffff;
	transform: skewY(-10deg);
	z-index: -1;
	}
	
.choice_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-around;
	margin-bottom:50px;}
	
.choice_block{
	box-shadow: 9px 9px 13px -5px #c2c2c2;
	margin:20px auto;
	padding-bottom:5px;
	background-color:#FFF;}	
	
	
.choice_title{
	float:left;
	margin:0 0 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#009E92;}
	
.migi{
	text-align:right;
	color:#999;}
	
/*体験プログラム-----------------------*/	
.taiken_pic_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:}	
	
.taiken_pic{
	margin:20px auto;}	
	
/*大学進学も目指せる-----------------------*/		
.grnline{
	border-bottom:solid 3px #F1F7E6;
	color:#97A848;
	font-weight:bold;
	font-size:1.2em;}
	
.d_waku{
	width:1000px;}	
	
.d_menu{
	width:95%;
	margin:auto;}	
	
.ge_text{
	text-align:justify;}
	
	
.jugyo_img{
	width: 600px;
	margin: 80px auto;
}
.jugyo_img img{
	width: 80%;
}
.jugyo_img_title{
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
}

.jugyo_flex{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;}
	
.jugyo_img_box{
	width: 42%;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
	padding: 3%;
	margin: 1%;
	background-color: #ffffff;
	font-size: 1.2em;
	color: #4b7531;
	font-weight:bolder;
	text-align:center;
}
.shita{
	width: 50px;
	margin: auto;
	clear: both;
}
.shita img{
	width: 100%;
}
.jugyo_img_text{
	width: 92%;
	clear: both;
	background-color: #ffffff;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
	padding: 3%;
	margin:0 auto 20px auto;
}
.jugyo_img_text_1{
	font-size: 1.3em;
	font-weight: bolder;
	color: #E57300;
	border-bottom: 2px solid #E57300;
	text-align:center;
}
.jugyo_img_text_2{
	text-align: left;
}
.jugyo_text{
	width: 45%;
	padding-right: 5%;
	float: left;
}	
	
	
	
/*体験記-----------------------*/	
.voice_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-around;}		
	
.voice_block{
	width:45%;
	text-align:center;
	margin:10px;
	padding:100px 10px;
	border:solid 1px #333;}			
		
/*サポート校とは-----------------------*/
#support{
	background-color:#fff;}
		
.support_waku{
	margin:150px auto;
	padding:150px 0 50px;
	width:1000px;}
	
.s_point{
	margin:10px;}	
	
.s_point_title{
	font-weight:bolder;
	font-size:2em;}		
	
.s_point_text{
	text-align:justify;}	
	
	
.s_point02{
	margin:100px auto;}
	
.s_point02_title{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;}
	
.s_point02_title_c{
	background-color:#E3F2F1;
	padding:10px;}			
	
.s_point02_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-around;
}	
	
.s_point02_block{
	border:solid 1px #333;
	padding:50px 20px;
	width:40%;
	text-align:center;
	margin:10px auto;}	
	
.yajirushi{
	margin:10px auto;
	text-align:center;}	
	
.s_point_a_waku{
	border:solid 2px #E35A28;
	width:95%;
	margin:auto;}	
	
.s_point_a_title{
	color:#E35A28;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	margin-bottom:5px;}	
	
.s_point_a_text{
	width:90%;
	margin:20px auto;}	
	
.s_point03_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:space-around;
	margin:50px auto;
}	

.s_point03_block{
	box-shadow: 9px 9px 13px -5px #c2c2c2;
	padding:5px;
	width:400px;
	text-align:center;
	margin:10px auto;}	
	
.s_point03_title{
	margin-bottom:0;}	
	
.s_point03_text{
	font-size:1.8em;
	font-weight:bolder;
	color:#023B6C;}
	
.teikei{
	margin:80px 10px;}	

.detail_logo{
	margin:50px auto;
	text-align:center;}
	
.detail_logo img{
	width:250px;
	height:auto;
	margin:10px;
	vertical-align:middle;}	
	
/*お問い合わせ-----------------------*/	
#contact{
	margin:80px auto;}
	
.logo{
	text-align:center;}	
	
.toi_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.toi_block{
	width:200px;
	margin:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}
	
.btn01{
	background-color:#DA700D;
	border-radius:20px;
	padding:5px 10px;
	margin:0;}		

.btn02{
	background-color:#64AE92;
	border-radius:20px;
	padding:5px 10px;
	margin:0;}		
	
/*固定アイコン-----------------------*/		
.float-nav{
  position: fixed;
  right:0;
  z-index: 15;
  bottom:7%;
}
.float-nav img{
	width:80px;
	}	
	
.float-nav__item{
	margin-bottom:10px;}	
		
	
/*上に戻る-----------------------*/	
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #69b5bc;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*中学生部-----------------------*/	
.fs_bn{
	width:500px;
	margin:100px auto;}
	
.fs_bn img{
	width:100%;
	height:auto;}
	

/*サイトマップ-----------------------*/	
#sitemap{
	width:100%;
	margin:100px auto 0;
	background-color:#F7FFF5;}
	
.sitemap_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;
	padding:100px 0;
	margin:auto;}

.sitemap_block{
	margin:30px;
	width:220px;
	}

.site_midashi{
	border-bottom:solid 1px #008D44;
	}
	
.site_midashi a{
	font-weight:bold;
	color:#008D44;
	}	
		
	
.sitelist{
	margin:10px;
	font-size:.8em;}
	
/*footer-----------------------*/		
.footer_box	{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;
	margin:100px auto 0;}
	
.footer_logo{
	margin:20px;
	width:300px;
	height:auto;}	
	
.footer_logo img{
	width:100%;
	height:auto;}	


	
@media screen and (max-width:1024px){
/*３つの特徴--------------------------*/
.waku{
	width:90%;}

/*目的別コース-----------------------*/	
.mokuteki_waku{
	position:static;
	width:100%;
	height:auto;}

.mokuteki_menu{
	position:static;
	width:90%;
	margin:auto;}

.mokuteki_pict {
	display:none;}
	
		
/*何歳からでも-----------------------*/
.age_waku{
	width:100%;
	position:static;
	height:auto;}

.age_menu{
	position:static;
	width:90%;
	margin:auto;}
	
.age_pict {
	display:none;			
}

/*大学進学も目指せる-----------------------*/			
.d_waku{
	width:100%;}
	
.jugyo_img{
	width: 80%;
}	


/*サポート校とは-----------------------*/
.support_waku{
	width:100%;}
}
@media screen and (max-width: 768px){
/*目的別コース-----------------------*/	
.mokuteki_waku{
	position:static;
	width:100%;
	height:auto;}

.mokuteki_menu{
	position:static;
	width:90%;
	margin:auto;}
	
	
/*固定アイコン-----------------------*/		
.float-nav{
	display: block;
	position: fixed;
	right: 0px;
	z-index: 900;
	bottom:0px;
}
.float-nav ul li{
	float:left;
	margin:0 1px;
}

/*大学進学も目指せる-----------------------*/				
.jugyo_img{
	width: 100%;
}	

.jugyo_img_box{
	font-size:1em;}


/*中学生部-----------------------*/	
.fs_bn{
	width:80%;}
	

/*サイトマップ-----------------------*/	
#sitemap{
	margin:100px auto;
	padding:100px auto;}


}

@media screen and (max-width: 485px){
.pc_main{
	display:none;}	
	
.sp_main{
	display:block;}
		
	
/*目的別コース-----------------------*/
.mm_text{
	margin:auto;
}

/*選べる通学方法-----------------------*/
.choice_block{
	margin:10px;}	

.choice_pict img{
	width:100%;
	height:auto;}	

/*何歳からでも-----------------------*/
.age_title{
	text-align:center;}


/*体験プログラム-----------------------*/
.taiken_pic{
	width:90%;}	

.taiken_pic img{
	width:100%;
	height:auto;}	


/*大学進学も目指せる-----------------------*/	
.jugyo_img_box{
	width: 100%;
	float:inherit;
}

.jugyo_img_title{
	font-size:1.2em;}

/*サポート校とは-----------------------*/	
.s_point_title{
	text-align:center;}	
	
.s_point02_block{
	width:90%;}	
	
.s_point03_block{
	width:95%;}	
	
.s_point03_text{
	font-size:1.4em;}	
	
.teikei_pict img{
	width:100%;
	height:auto;}		
	
	
/*お問い合わせ-----------------------*/	
.logo img{
	width:90%;
	height:auto;}			
	



}