@charset "utf-8";

..tab_wrap{
	width:500px;
	margin:80px auto;
} input[type="radio"]{display:none;}

.tab_area{
	/**font-size:0;**/
	/**margin:0 10px;**/
	display: flex;
	width: 100%;
}

.tab_area label{
	/**width:100px;**/
	margin:0 2px;
	display:inline-block;
	padding:12px 12px;
	color:#fff;
	background:#b3b3b3;
	/**text-align:center;**/
	font-size:11px;
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-radius: 3px 3px 0 0;
	flex-grow: 1;
}

.tab_area label:hover{
	/**opacity:0.5;**/
}

.panel_area{
	background:#fff;
	padding: 10px;
}

.tab_panel{
	width:100%;
	/**padding:20px 0;**/
	display:none;
}

.tab_panel p{
	font-size:14px;
	letter-spacing:1px;
	line-height: 150%;
	/**text-align:center;**/
	padding: 10px;
}


#tab1:checked ~ .tab_area .tab1_label{background:#51b7c9; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block; line-height: 150%;}

#tab2:checked ~ .tab_area .tab2_label{background:#2674c9; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block; line-height: 150%;}

#tab3:checked ~ .tab_area .tab3_label{background:#43a4c9; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block; line-height: 150%;}

#tab4:checked ~ .tab_area .tab4_label{background:#5b74c9; color:#fff;}
#tab4:checked ~ .panel_area #panel4{display:block; line-height: 150%;}

#tab5:checked ~ .tab_area .tab5_label{background:#265689; color:#fff;}
#tab5:checked ~ .panel_area #panel5{display:block; line-height: 150%;}











..tab_wrap2{
	width:500px;
	margin:80px auto;
} input[type="radio"]{display:none;}

.tab_area2{
	/**font-size:0;**/
	/**margin:0 10px;**/
	display: flex;
	width: 100%;
}

.tab_area2 label{
	/**width:100px;**/
	margin:0 2px;
	display:inline-block;
	padding:12px 12px;
	color:#fff;
	background:#b3b3b3;
	/**text-align:center;**/
	font-size:11px;
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-radius: 3px 3px 0 0;
	flex-grow: 1;
}


.tab_area2 label:hover{
	/**opacity:0.5;**/
}

.panel_area2{
	background:#fff;
}

.tab_panel2{
	width:100%;
	/**padding:20px 0;**/
	display:none;
}

.tab_panel2 p{
	font-size:14px;
	letter-spacing:1px;
	line-height: 150%;
	/**text-align:center;**/
	padding: 10px;
}

.tab_area2 .tab1_label2{background:#51b7c9; color:#fff;}
.panel_area2 #panel1{display:block;}

.tab_area2 .tab2_label2{background:#F79428; color:#fff;}
.panel_area #panel2{display:block;}

.tab_area2 .tab3_label2{background:#B2D235; color:#fff;}
.panel_area #panel3{display:block;}

.tab_area2 .tab4_label2{background:#F6ADC6; color:#fff;}
.panel_area #panel4{display:block;}

.tab_area2 .tab5_label2{background:#265689; color:#fff;}
.panel_area #panel5{display:block;}







.tab_area2_pc{
	/**font-size:0;**/
	/**margin:0 10px;**/
	display: flex;
	width: 100%;
}

.tab_area2_pc label{
	/**width:100px;**/
	margin:0 2px;
	display:inline-block;
	padding:20px 29px;
	color:#fff;
	background:#b3b3b3;
	/**text-align:center;**/
	font-size:23px;
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-radius: 3px 3px 0 0;
	flex-grow: 1;
}


.tab_area2_pc label:hover{
	/**opacity:0.5;**/
}

.panel_area2_pc{
	background:#fff;
	padding: 10px;
}

.tab_panel2_pc{
	width:100%;
	/**padding:20px 0;**/
	display:none;
}

.tab_panel2_pc p{
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
	padding: 10px;
}

.tab_area2_pc .tab1_label2_pc{background:#51b7c9; color:#fff;}
.panel_area2_pc #panel1{display:block; line-height: 150%;}

.tab_area2_pc .tab2_label2_pc{background:#F79428; color:#fff;}
.panel_area_pc #panel2{display:block; line-height: 150%;}

.tab_area2_pc .tab3_label2_pc{background:#B2D235; color:#fff;}
.panel_area_pc #panel3{display:block; line-height: 150%;}

.tab_area2_pc .tab4_label2_pc{background:#F6ADC6; color:#fff;}
.panel_area_pc #panel4{display:block; line-height: 150%;}

.tab_area2_pc .tab5_label2_pc{background:#265689; color:#fff;}
.panel_area_pc #panel5{display:block; line-height: 150%;}








.table-space {
    /**border: solid 1px #000000;**/
    border-collapse: separate;
    border-spacing: 10px 0px;
}

.table-space td {
    /**border: solid 1px #000000;
    border: solid 1px #007275;**/
}



.point {
	width: 60px;
	height: 25px;
}


.terakoya-banner {
	width: 306px;
	height: 340px;
}

.terakoya-banner-sp {
	display: block;
    box-sizing: border-box;
    padding: 10vw;
}


 




@media screen and (max-width:500px) {
	.course-head-1{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-1{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 4.5vw;
		border-bottom: none;
		border-left: 10px solid #51b7c9;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-2{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-2{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 4.5vw;
		border-bottom: none;
		border-left: 10px solid #F79428;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-3{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-3{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 4.5vw;
		border-bottom: none;
		border-left: 10px solid #B2D235;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-4{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-4{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 4.5vw;
		border-bottom: none;
		border-left: 10px solid #F6ADC6;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-5{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-5{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 4.5vw;
		border-bottom: none;
		border-left: 10px solid #265689;
		padding:15px;
		margin-left: 8px;
	}
}





@media screen and (min-width: 500px) and (max-width:3550px) {
	.course-head-1{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-1{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 2.0vw;
		border-bottom: none;
		border-left: 10px solid #51b7c9;
		padding:15px;
		margin-left: 8px;
	}
 

	.course-head-2{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-2{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 2.0vw;
		border-bottom: none;
		border-left: 10px solid #F79428;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-3{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-3{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 2.0vw;
		border-bottom: none;
		border-left: 10px solid #B2D235;
		padding:15px;
		margin-left: 8px;
	}


	.course-head-4{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-4{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 2.0vw;
		border-bottom: none;
		border-left: 10px solid #F6ADC6;
		padding:15px;
		margin-left: 8px;
	}

	.course-head-5{
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		margin-top: 2.0vw;
		margin-bottom: 1.0vw;
		font-size: 5.0vw;
		font-weight: 800;
		line-height: 180%;
		border-bottom: 2px solid #000;
	}

	h2.course-head-5{
		margin-top: 2.0vw;
		margin-bottom: 2.0vw;
		text-align: left;
		font-size: 2.0vw;
		border-bottom: none;
		border-left: 10px solid #265689;
		padding:15px;
		margin-left: 8px;
	}
}


.tb-wrap{
  width:100%;
  overflow-x:scroll;
  text-align: center;
}
table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #333;
  text-align:left;
  box-sizing:border-box;
}
.tb01 th {
  background: #b9dffb;
  /**color: #fff;**/
  
}


.tb-heading{
	margin-top: 40px;
	margin-bottom: 5px;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}


.tb-heading-red{
	color: red;
}