@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;}
	
div {
	overflow:hidden;}
	
img{
	vertical-align: bottom;}	
	
a{
	text-decoration:none;
	color:inherit;}
	
#header img{
	width:100%;
	height:auto;}
	
.pc_main{
	max-width:850px;
	margin:10px auto;
	display:block;}
	
.sp_main{
	display:none;}		
	
	
/*course------------------------------*/
.course{
	max-width:850px;
	margin:50px auto 100px;}

.area_title{
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding:10px 0;}
	
.yamanashi{
	background-color:#59BD7A;}	
	
.shizuoka{
	background-color:#5BA5BC;}	
	
.nagano{
	background-color:#BC5B82;}	
	
.course_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;
	margin:auto;}
	
.course_block{
	max-width:400px;
	border:solid 2px;
	margin:10px;}
	
.course_block2{
	max-width:600px;
	width:95%;
	border:solid 2px ;
	margin:10px auto;}	
	
.yamanashi_border{
	border-color:#59BD7A;}	
	
.shizuoka_border{
	border-color:#5BA5BC;}	

.nagano_border{
	border-color:#BC5B82;}
	
.cb_title{
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	background-color:#EF5A24;
	margin:0 auto;
	padding:10px 0;}	
	
.cb_in_box{
	display: flex;
	align-items:center;
	flex-wrap: wrap;
	justify-content:center;
	margin:auto;}
	
.cib_block{
	width:250px;}	
	
.cib_title{
	color:red;
	border:solid 1px red;
	padding:2px;
	width:150px;
	margin:10px auto;
	font-weight:bold;
	text-align:center;}	
	
.day_list{
	margin:auto;}	
	
.day_list td{
	text-align:right;
	font-weight:bold;
	font-size:1.5em;}		
	
		
.cib_block_pict{
	max-width:150px;
	width:95%;
	margin:auto;}		
	
.cib_block_pict img{
	width:100%;
	height:auto;}	
	
.cibp_text{
	font-size:15px;
	text-align:center;
	margin:10px auto;}	
	
.tsume{
	letter-spacing:.1em;}
	
.youbi_tsume{
	letter-spacing:-0.1em;;
	font-size:.8em;}		
	
.detail{
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 0;}	
	
	
/*中3------------------------------------*/
.header_title{
	text-align:center;
	margin:50px auto;}
	
.ht_waku{
	width:300px;
	padding:3px 0;
	margin:auto;
	border:solid 2px #2BA64D;
	font-weight:bold;
	font-size:1.8em;
	color:red;}	
	
.ht_wamu_memo{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	color:red;}	
	
.pict_box{
	max-width:1000px;
	width:100%;
	display: flex;
	align-items:center;
	flex-wrap: wrap;
	justify-content:center;
	margin:50px auto;}	
	
.pict_block{
	max-width:500px;
	width:100%;}	
	
.pict_block p{
	font-size:16px;
	line-height:1.5em;
	width:92%;
	margin:auto;
	text-align:justify;}	
	
.pict_block img{
	width:100%;
	height:auto;}
	
.pb_text_bold{
	font-weight:bold;
	margin-bottom:0;}
	
.pb_text{
	font-size:.8em;
	margin-top:0;}		
	
.pictblock2_pc{
	display:block;}
	
.pictblock2_sp{
	display:none;}		
	
.pictblock2_pc img{
	width:100%;
	height:auto;}	
	
	

	
	
	
@media screen and (max-width:1000px){
.pictblock2_pc{
	display:none;}
	
.pictblock2_sp{
	display:block;
	max-width:500px;
	width:100%;}	
	
.pictblock2_sp img{
	width:100%;
	height:auto;}	
}	


/*class_map------------------------*/	
.class_map{
	margin:auto;}
	
.c_title{
	max-width:1000px;
	width:100%;
	background-color:#2BA64D;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	margin:auto;}	

.class_box{
	max-width:800px;
	width:100%;
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;
	margin:50px auto;}	
	
.class_block_photo{
	max-width:300px;
	width:100%;
	margin:0 auto 20px;
	text-align:center;}
	
.class_block_map{
	max-width:500px;
	width:100%;	
	text-align:center;}
	
.class_block_map_text{
	max-width:500px;
	width:100%;}
	
.red{
	color:red;}
	
.cbmt_btext{
	text-align:center;
	font-weight:bold;}	
	
.mini{
	font-size:.8em;}	
				
	
.class_block_photo img{
	width:200px;
	height:auto;}	
	
.class_block_map img{
	width:100%;
	height:auto;}
	
.cbp_btn{
	background-color:#9FC9B5;
	border-radius:15px;
	width:180px;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:auto;}		


/*tokuten--------------------------------*/
.tokuten_box{
	text-align:center;}

.tokuten_block{
	margin:50px auto;}

.tb_title{
	font-weight:bold;
	font-size:1.3em;
	margin:50px auto 0;}
	
.tb_text{
	font-size:.8em;
	margin:0 auto;}	
	
.tb_pict{
	max-width:500px;
	width:100%;
	margin:auto;}
	
.tb_pict img{
	width:100%;
	height:auto;}		
	
	
/*time_schedule------------------------*/	
.time_schedule{
	max-width:1000px;
	width:100%;
	margin:50px auto;}
	
.s_k_time{
	margin:auto;
	border-collapse:separate;
	border-spacing:10px;}
	
.s_k_time td:nth-child(2){
	text-align:right;}
	
.s_k_time td:nth-child(3){
	text-align:right;
	line-height:1em;}	
	
@media screen and (max-width:350px){	
.s_k_time td:nth-child(1){
	width:50px;}
}
			
	
.ts_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}	
	
.ts_block{
	max-width:280px;
	width:100%;
	margin:20px;}	
	
.ts_list{
	width:100%;
	border-collapse:separate;
	border-spacing:0 5px;}

.ts_list td:nth-child(1){
	text-align:right;
	width:80px;}
	
.ts_list td:nth-child(2){
	text-align:right;}	
	
.ts_list th:nth-child(2){
	text-align:right;}		

/*1-------------------------------*/
.ts_list tr:nth-child(1) th{
	border-bottom:solid 1px #000;}

/*2-------------------------------*/	
.ts_list tr:nth-child(2) td:nth-child(1){
	border-left:solid 1px red;
	border-top:solid 1px red;
	border-bottom:solid 1px red;}
	
.ts_list tr:nth-child(2) td:nth-child(2){
	border-right:solid 1px red;
	border-top:solid 1px red;
	border-bottom:solid 1px red;}
	
/*3-------------------------------*/		
.ts_list tr:nth-child(3) td:nth-child(1){
	border-left:solid 1px #2BA64D;
	border-top:solid 1px #2BA64D;
	border-bottom:solid 1px #2BA64D;}
	
.ts_list tr:nth-child(3) td:nth-child(2){
	border-right:solid 1px #2BA64D;
	border-top:solid 1px #2BA64D;
	border-bottom:solid 1px #2BA64D;}	
	
/*4-------------------------------*/		
.ts_list tr:nth-child(4) td:nth-child(1){
	border-left:solid 1px red;
	border-top:solid 1px red;
	border-bottom:solid 1px red;}
	
.ts_list tr:nth-child(4) td:nth-child(2){
	border-right:solid 1px red;
	border-top:solid 1px red;
	border-bottom:solid 1px red;}		

.ts_memo{
	text-align:center;}



/*naiyou-------------------------------*/
.naiyou{
	max-width:1000px;
	width:100%;
	margin:50px auto;}
	
.naiyou_list{
	width:100%;
	border:solid 2px #B2C3CE;
	border-collapse:collapse;
	margin:20px auto 50px;}	
	
.naiyou_list th{
	color:#fff;
	border:solid 1px #B2C3CE;
	padding:10px 0;}	
	
.naiyou_list td{
	border:solid 1px #B2C3CE;
	padding:10px 0 10px 5px;}
	
	
	
.gakunen{
	background-color:#B2C3CE;}		
	
.eigo{
	background-color:#1E61C7;}

.sugaku{
	background-color:#33A15A;}
	
.kokugo{
	background-color:#F52C54;}
	
.rika{
	background-color:#FF751C;}
	
.syakai{
	background-color:#4BC5EB;}	
	
.sakubun{
	background-color:#1C7EF4;}		

/*omoushikomi-------------------------------*/	
.omoushikomi{
	max-width:1000px;
	width:100%;
	margin:50px auto;}
	
.o_text{
	font-weight:bold;
	margin-bottom:0;}
	
.red_line{
	 background: linear-gradient(transparent 90%, #F00 0%);
  display: inline;}	
	
.o_memo{
	font-size:.8em;
	margin-top:0;}		
	
.o_waku{
	text-align:center;
	border:solid 2px red;
	max-width:700px;
	padding:10px 0;
	margin:auto;
	font-size:.9em;}	
	
.omo_list{
	max-width:400px;
	width:100%;
	margin:50px auto;
	border-collapse:separate;
	border-spacing:0 10px ;}	
	

/*toi-------------------------------*/	
.toi{
	margin:auto;
	text-align:center;}	

.toi_title{
	font-size:1.2em;
	font-weight:bold;}
	
.tt_ul{
	border-bottom:solid 1px #aaa;}	
	
.toi_sub_title{
	margin-bottom:0;}	
	
.tel{
	font-size:1.5em;
	font-weight:bold;
	margin-top:0;}	
	
.toi_text{
	text-align:center;}	
	
	
/*other------------------------------*/	
.other{
	margin:50px auto;}
	
.other_title{
	text-align:center;
	font-weight:bold;
	margin-bottom:0;}
	
.other_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.o_btn{
	max-width:300px;
	border:solid 1px green;
	margin:10px;
	padding:5px;}			
	
/*kai-logo--------------------------------*/		
.kai-logo {
	width:300px;
	margin:50px auto 10px;}
	
.kai-logo img {
	width: 100%;
	height:auto}
	
	
@media screen and (max-width:1024px){
	
}

@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 485px){
.pc_main{
	display:none;}	
	
.sp_main{
	display:block;	
}

.o_text,.o_memo{
	width:92%;
	margin:10px auto;}
	
	
}