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

/* -------------------------------------------------------------------------- */
/*画像バナー*/
/* -------------------------------------------------------------------------- */
.bannerImage img{ width: 100%; margin: 15px 0 20px 0;}
.bannerImage a:hover   { background: #ffffff; filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}	



/* -------------------------------------------------------------------------- */
/*講座終了案内*/
/* -------------------------------------------------------------------------- */
.closeInfo {
    position: fixed;
	width: 100%;
    top: 118px;
    right: 0;
	z-index: 10000000;
	color: #ffffff;
	padding: 30px 20px;
	text-align: center;
	font-size: 2.0em;
	background-color:  rgba(230,0,18,0.85);
	}

/* -------------------------------------------------------------------------- */
/*スライダー下，インフォメーション*/
/* -------------------------------------------------------------------------- */
.infoTxt {
	width: 100%;
	margin: 10px auto 10px auto;
	padding: 10px;
	background: #eeeeee;
	text-align:right;
	border-bottom: 1px dotted #cccccc;
	}
@media (min-width: 1200px) {.infoTxt{font-size: 1.0em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.infoTxt {font-size: 1.0em;line-height:1.0;}}
@media (min-width: 768px) and (max-width: 991px) {.infoTxt {font-size: 1.0em;line-height:1.0;}}
@media (max-width: 767px) {.infoTxt {font-size: 1.2em;line-height:1.1;}}
	
	
/* -------------------------------------------------------------------------- */
/*コンテンツ見出し*/
/* -------------------------------------------------------------------------- */
/*高校生トップ---------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.contentsMain-high{
		background-image: url(../../images/cateMainHighschoolPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		display: block;
		margin: 0;
		padding-bottom: calc(100%*80/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.2%;
		padding-left:12%;
		font-size: 3.0em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-high .read{
		color: #000000;
		font-size: 0.5em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 3.0% 0 0 0;
		text-align: left;
		}
}/*1200以上　終了タグ----------------------*/
												
@media (min-width: 992px) and (max-width: 1199px){
	.contentsMain-high{
		background-image:url(../../images/cateMainHighschoolPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*40/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.4em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-high .read{
		color: #000000;
		font-size: 0.60em;
		line-height: 1.2;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*992以上1199以下　終了タグ----------------------*/

@media (min-width: 768px) and (max-width: 991px){
	.contentsMain-high{
		background-image: url(../../images/cateMainHighschoolPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*30/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.2em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-high .read{
		color: #000000;
		font-size: 0.65em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*768以上991以下　終了タグ----------------------*/

@media (max-width: 767px) {
.contentsMain-high{
		background-image: url(../../images/cateMainHighschoolSp.svg);		
		background-repeat: no-repeat;
		background-size: 100%;
		-moz-background-size: 100%;
		display: block;
		margin: 5% 0 0 0;
		padding:26% 0 2% 0;
		text-align: center;
		height: auto;
		}
		
	.contentsMain-high .read{
		color: #000000;
		font-size: 0.32em;
		line-height: 1.2;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		text-align: center;
		word-wrap:break-word;
		overflow-wrap:break-word;
		display: block;
		}
	
	.contentsMain-high .image img{width: 60%;}
	
	.contentsMain-high .bg{
		background-color: rgba(248,61,123,0.90);
		color: #ffffff;
		padding: 3px 0;
		text-align: center;
		width: 100%;
		margin: 0 0 1% 0;
		display: inline-block;
		font-size: 0.8em;
		line-height: 1.2;
		}
}/*767以下　終了タグ----------------------*/
		
													
											
/*中学生トップ---------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.contentsMain-junior{
		background-image: url(../../images/cateMainJuniorhighPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		display: block;
		margin: 0;
		padding-bottom: calc(100%*80/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.2%;
		padding-left:12%;
		font-size: 3.0em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-junior .read{
		color: #000000;
		font-size: 0.5em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 3.0% 0 0 0;
		text-align: left;
		}
}/*1200以上　終了タグ----------------------*/
												
@media (min-width: 992px) and (max-width: 1199px){
	.contentsMain-junior{
		background-image: url(../../images/cateMainJuniorhighPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*40/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.4em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-junior .read{
		color: #000000;
		font-size: 0.60em;
		line-height: 1.2;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*992以上1199以下　終了タグ----------------------*/

@media (min-width: 768px) and (max-width: 991px){
	.contentsMain-junior{
		background-image: url(../../images/cateMainJuniorhighPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*30/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.2em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-junior .read{
		color: #000000;
		font-size: 0.65em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*768以上991以下　終了タグ----------------------*/

@media (max-width: 767px) {
.contentsMain-junior{
		background-image: url(../../images/cateMainJuniorhighSp.svg);		
		background-repeat: no-repeat; 
		background-size: 100%;
		-moz-background-size: 100%;
		display: block;
		margin: 5% 0 0 0;
		padding:26% 0 2% 0;
		text-align: center;
		height: auto;
		}
		
	.contentsMain-junior .read{
		color: #000000;
		font-size: 0.32em;
		line-height: 1.2;
		padding: 0 0 0 0;
		margin: 0% 0 0 0;
		text-align: center;
		word-wrap:break-word;
		overflow-wrap:break-word;
		display: block;
		}
		
	.contentsMain-junior .image img{width: 60%;}
		
	.contentsMain-junior .bg{
		background-color:rgba(59,84,191,0.95);;
		color: #ffffff;
		padding: 3px 0;
		text-align: center;
		width: 100%;
		margin: 0 0 1% 0;
		display: inline-block;
		font-size: 0.8em;
		line-height: 1.2;
		}		
}/*767以下　終了タグ----------------------*/

/*小学生トップ---------------------------------------------------------------------------------------------------------*/ 
@media (min-width: 1200px) {
	.contentsMain-elementary{
		background-image: url(../../images/cateMainElementaryPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		display: block;
		margin: 0;
		padding-bottom: calc(100%*80/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.2%;
		padding-left:12%;
		font-size: 3.0em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-elementary .read{
		color: #000000;
		font-size: 0.5em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 3.0% 0 0 0;
		text-align: left;
		}
}/*1200以上　終了タグ----------------------*/
												
@media (min-width: 992px) and (max-width: 1199px){
	.contentsMain-elementary{
		background-image: url(../../images/cateMainElementaryPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*40/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.4em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-elementary .read{
		color: #000000;
		font-size: 0.60em;
		line-height: 1.2;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*992以上1199以下　終了タグ----------------------*/

@media (min-width: 768px) and (max-width: 991px){
	.contentsMain-elementary{
		background-image: url(../../images/cateMainElementaryPc.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		padding-bottom: calc(100%*30/1440);/* calc(100*ImageHeight/ImageWidth)% */		
		padding-top:1.6%;
		padding-left:12%;
		display: block;
		margin:0;
		font-size: 2.2em;
		color: #ffffff;
		overflow: hidden;
		}
		
	.contentsMain-elementary .read{
		color: #000000;
		font-size: 0.65em;
		line-height: 1.4;
		padding: 0 0 0 0;
		display: block;
		margin: 5% 0 0 0;
		text-align: left;
		}
}/*768以上991以下　終了タグ----------------------*/

@media (max-width: 767px) {
	.contentsMain-elementary{
		background-image: url(../../images/cateMainElementarySp.svg);		
		background-repeat: no-repeat; 
		background-size: 100%;
		-moz-background-size: 100%;
		display: block;
		margin: 5% 0 0 0;
		padding:26% 0 2% 0;
		text-align: center;
		height: auto;
		}
		
	.contentsMain-elementary .read{
		color: #000000;
		font-size: 0.32em;
		line-height: 1.2;
		padding: 0 0 0 0;
		margin: 0% 0 0 0;
		text-align: center;
		word-wrap:break-word;
		overflow-wrap:break-word;
		display: block;
		}
		
	.contentsMain-elementary .image img{width: 60%;}
		
	.contentsMain-elementary .bg{
		background-color:rgba(67,188,64,0.95);;
		color: #ffffff;
		padding: 3px 0;
		text-align: center;
		width: 100%;
		margin: 0 0 1% 0;
		display: inline-block;
		font-size: 0.8em;
		line-height: 1.2;
		}
		
		
}/*767以下　終了タグ----------------------*/
		
		
/*デフォルト*/ 
@media (min-width: 1200px) {.contentsMain-default  {margin: 0 0 0 0;padding:30px 0;border-style: solid; border-width: 0px 0px 0px 8px; border-color: #3b54bf; box-sizing: border-box;
													display: block;text-indent: 10px;font-size: 3.0em;color: #3b54bf;}}
												
@media (min-width: 992px) and (max-width: 1199px){.contentsMain-default {margin: 0;padding:30px 0;border-style: solid; border-width: 1px 0px 1px 0px; border-color: #3b54bf; box-sizing: border-box;
													display: block;text-align: center;font-size: 3.0em;color: #3b54bf;}}
													
@media (min-width: 768px) and (max-width: 991px) {.contentsMain-default {margin:  0 0 0 0;padding:30px 0;border-style: solid; border-width: 1px 0px 1px 0px; border-color: #3b54bf; box-sizing: border-box;
													display: block;text-align: center;font-size: 3.0em;color: #3b54bf;}}
													
@media (max-width: 767px) {.contentsMain-default  {margin: 0 0 0 0;padding:30px 0;border-style: solid; border-width: 1px 0px 1px 0px; border-color: #3b54bf; box-sizing: border-box;
													display: block;text-align: center;font-size: 3.0em;color: #3b54bf;}}
	
	
/*コンテンツ中見出し------------------------------------------------------------*/
/*中見出し内バッジ*/
.badgebox{margin: 5px 0 5px 10px; display: inline-block;}
.badgebox .badge-club {
  	display: inline-block;
  	min-width: 15px;
	padding: 8px 7px 5px 7px;
	font-size:0.55em;
 	margin:-2px 0 0 0;
  	color:#333333;
  	background-color:#fff;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	border-radius: 15px;
  	margin-right:3px;
  	line-height:1;
	}
	
/*高校生*/
.contentsTitle-high{
	margin: 0 0 2% 0;
	background-color: #f83d7b;
	width: 100%;
	color: #ffffff;
	z-index: 1;
	}
@media (min-width: 1200px) {.contentsTitle-high{padding: 30px 10px 20px 10px;font-size: 2.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsTitle-high{padding: 15px 10px;font-size: 1.6em;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsTitle-high{padding: 10px 10px;font-size: 1.4em;}}
@media (max-width: 767px) {.contentsTitle-high{padding: 7px 10px;font-size: 1.6em;}}

.contentsTitle-high .icon{margin-right:5px;}

/*中学生*/
.contentsTitle-junior{
	margin: 0 0 2% 0;
	background-color: #3b54bf;
	width: 100%;
	color: #ffffff;
	}
@media (min-width: 1200px) {.contentsTitle-junior{padding: 30px 10px 20px 10px;font-size: 2.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsTitle-junior{padding: 15px 10px;font-size: 1.6em;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsTitle-junior{padding: 10px 10px;font-size: 1.4em;letter-spacing: -0.1em;}}
@media (max-width: 767px) {.contentsTitle-junior{padding: 7px 10px;font-size: 1.6em;}}

.contentsTitle-junior .icon{margin-right:5px;}
.contentsTitle-junior .tab img{margin-right:5px;}
	
/*小学生*/
.contentsTitle-elementary{
	margin: 0 0 2% 0;
	background-color: #43bc40;
	width: 100%;
	color: #ffffff;
	}
@media (min-width: 1200px) {.contentsTitle-elementary{padding: 30px 10px 20px 10px;font-size: 2.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsTitle-elementary{padding: 15px 10px;font-size: 1.6em;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsTitle-elementary{padding: 10px 10px;font-size: 1.4em;}}
@media (max-width: 767px) {.contentsTitle-elementary{padding: 7px 10px;font-size: 1.6em;}}

.contentsTitle-elementary .icon{margin-right:5px;}


/*デフォルト*/
.contentsTitle-default{
	margin: 0 0 2% 0;
	background-color: #3b54bf;
	width: 100%;
	color: #ffffff;
	}
@media (min-width: 1200px) {.contentsTitle-default{padding: 0px 10px 0px 10px;font-size: 2.0em; line-height: 1.6; border-bottom: 3px solid #9daffb;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsTitle-default{padding:0px 10px 0px 10px;font-size: 1.6em;line-height: 2.0; border-bottom: 3px solid #9daffb;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsTitle-default{padding:0px 10px 0px 10px;font-size: 1.6em;line-height: 2.0; border-bottom: 3px solid #9daffb;}}
@media (max-width: 767px) {.contentsTitle-default{padding:0px 10px 0px 10px;font-size: 1.6em;line-height: 2.0; border-bottom: 3px solid #9daffb; text-align: center;}}

.contentsTitle-default .icon{margin-right:5px;}


/*デフォルト*/
@media (min-width: 1200px) {
.title_default{text-align:center;margin:2% 0 2% 0;padding:1% 0 0 0;font-size: 2.7em;line-height: 2.2;background-image: url(../../images/title_Pcbg.svg);background-repeat: no-repeat;background-size: 100%;color: #3b54bf;}
.title_default:after{border-bottom: 1px solid #b5b5b6;width: 20%;position: relative;content: "";margin: 0 auto;}
}

@media (min-width: 992px) and (max-width: 1199px){
.title_default{text-align:center;margin:2% 0 2% 0;padding:1% 0 0 0;font-size: 2.7em;line-height: 2.2;background-image: url(../../images/title_Pcbg.svg);background-repeat: no-repeat;background-size: 100%;color: #3b54bf;}
.title_default:after{border-bottom: 1px solid #b5b5b6;width: 20%;position: relative;content: "";margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
.title_default{text-align:center;margin:2% 0 2% 0;padding:3% 0 0 0;font-size: 2.7em;line-height: 1.2;background-image: url(../../images/title_Spbg.svg);background-repeat: no-repeat;background-size: 100%;color: #3b54bf;}
.title_default:after{border-bottom: 1px solid #b5b5b6;width: 20%;position: relative;content: "";margin: 10px auto 0px auto;}
}

@media (max-width: 767px) {
.title_default{text-align:center;margin:2% 0 2% 0;padding:3% 0 0 0;font-size: 2.7em;line-height: 1.2;background-image: url(../../images/title_Spbg.svg);background-repeat: no-repeat;background-size: 100%;color: #3b54bf;}
.title_default:after{border-bottom: 1px solid #b5b5b6;width: 20%;position: relative;content: "";margin: 10px auto 0px auto;}
}




	
/*コンテンツ小見出し------------------------------------------------------------*/
/*高校生*/
@media (min-width: 1200px) {.contentsStitle-high{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#f83d7b;font-weight:bold;border-bottom: 2px solid #f83d7b;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsStitle-high{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#f83d7b;font-weight:bold;border-bottom: 2px solid #f83d7b;}}		
@media (min-width: 768px) and (max-width: 991px) {.contentsStitle-high{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#f83d7b;font-weight:bold;border-bottom: 2px solid #f83d7b;}}		
@media (max-width: 767px) {.contentsStitle-high{font-size:1.4em;line-height:1.3;padding:8px 5px 8px 5px;margin:0 0 0.5em 0;color:#f83d7b;font-weight:bold;border: 3px solid #f83d7b;text-align: center;}}

/*中学生*/
@media (min-width: 1200px) {.contentsStitle-junior{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#3b54bf;font-weight:bold;border-bottom: 2px solid #3b54bf;text-align: center;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsStitle-junior{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#3b54bf;font-weight:bold;border-bottom: 2px solid #3b54bf;text-align: center;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsStitle-junior{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#3b54bf;font-weight:bold;border-bottom: 2px solid #3b54bf;text-align: center;}}	
@media (max-width: 767px) {.contentsStitle-junior{font-size:1.4em;line-height:1.3;padding:8px 5px 8px 5px;margin:0 0 0.5em 0;color:#3b54bf;font-weight:bold;border: 3px solid #3b54bf;text-align: center;}}

/*小学生*/
@media (min-width: 1200px) {.contentsStitle-elementary{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#43bc40;font-weight:bold;border-bottom: 2px solid #43bc40;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsStitle-elementary{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#43bc40;font-weight:bold;border-bottom: 2px solid #43bc40;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsStitle-elementary{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:0 0 0.5em 0;color:#43bc40;font-weight:bold;border-bottom: 2px solid #43bc40;}}
@media (max-width: 767px) {.contentsStitle-elementary{font-size:1.4em;line-height:1.3;padding:8px 5px 8px 5px;margin:0 0 0.5em 0;color:#43bc40;font-weight:bold;border: 3px solid #43bc40; text-align: center;}}

/*デフォルト*/
@media (min-width: 1200px) {.contentsStitle-default{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:10px 0 0.5em 0;color:#333333;font-weight:bold;border-bottom: 2px solid #333333;}}
@media (min-width: 992px) and (max-width: 1199px){.contentsStitle-default{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:10px 0 0.5em 0;color:#333333;font-weight:bold;border-bottom: 2px solid #333333;}}
@media (min-width: 768px) and (max-width: 991px) {.contentsStitle-default{font-size:2.0em;line-height:1.3;padding:0 5px 0 0;margin:10px 0 0.5em 0;color:#333333;font-weight:bold;border-bottom: 2px solid #333333;}}
@media (max-width: 767px) {.contentsStitle-default{font-size:1.4em;line-height:1.3;padding:8px 5px 8px 5px;margin:10px 0 0.5em 0;color:#333333;font-weight:bold;border: 3px solid #333333; text-align: center;}}


/*コースボックス*/
@media (min-width: 1200px) {
	.coursebox{margin:0 0 20px 0; float: left; background-color: #eeeeee; padding: 0.5em; width: 100%;}	
	.tabbadgecourse {
		display: inline-block;
		min-width: 30px;
		padding: 5px;
		font-size:1.2em;
		color:#ffffff;
		background-color:#333333;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		margin-right:10px;
		float: left;
		margin:0.2em;
		}
}


@media (min-width: 992px) and (max-width: 1199px){
	.coursebox{	margin:0 0 20px 0; float: left; background-color: #eeeeee; padding: 0.5em; width: 100%;}		
	.tabbadgecourse {
		display: inline-block;
		min-width: 25px;
		padding: 5px;
		font-size:1.0em;
		color: #ffffff;
		background-color:#333333;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height:1.4;
		float: left;
		margin:0.2em;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
	.coursebox{	margin:0 0 20px 0; float: left; background-color: #eeeeee; padding: 0.5em; width: 100%;}
	.tabbadgecourse {
		display: inline-block;
		min-width: 20px;
		padding: 4px;
		font-size:0.8em;
		color: #ffffff;
		background-color:#333333;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height:0.8;
		float: left;
		margin:0.2em;
		}
}

@media (max-width: 767px) {
	.coursebox{	margin:0 0 20px 0; float: left; background-color: #eeeeee; padding: 0.5em; width: 100%;}		
	.tabbadgecourse {
		display: inline-block;
		min-width: 18px;
		padding: 3px;
		font-size:1.0em;
		color: #ffffff;
		background-color:#333333;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height:0.8;
		float: left;
		margin:0.2em;
		}
}


/* -------------------------------------------------------------------------- */
/*パン屑リスト*/
/* -------------------------------------------------------------------------- */
.breadcrumb  .icon{
	margin: 0 5px 0 0;
	}

.breadcrumb a:link    { text-decoration: none; color: #e60012;}
.breadcrumb a:visited { text-decoration: none; color: #e60012;}
.breadcrumb a:active  { text-decoration: none; color: #e60012;}
.breadcrumb a:hover   { text-decoration: underline; color: #e60012;}


/* -------------------------------------------------------------------------- */
/*コンテンツリード文*/
/* -------------------------------------------------------------------------- */
.contentsRead{
	margin: 1em 0 0 0;
	padding: 1em;
	background-color: #f9f9f9;
	}

.contentsRead .txt img{
	width: 100%;
	max-width: 722px;
	margin: 0 0 0 0;
	}

.contentsRead .Photo img{
	width: 100%;
	max-width: 285px;
	margin: 0 0 0 0;
	}


/* -------------------------------------------------------------------------- */
/*コンテンツページ内ナビ*/ 
/* -------------------------------------------------------------------------- */
.contentspageNav-high {background-color: #fed8e5;}
.contentspageNav-high a:link    { color: #333333; text-decoration: none; background-color: #fed8e5; display: block; width:100%; height: 100%;padding:10px;}
.contentspageNav-high a:visited { color: #333333; text-decoration: none; background-color: #fed8e5; display: block;}
.contentspageNav-high a:active  { color: #333333; text-decoration: none; background-color: #fed8e5; display: block;}
.contentspageNav-high a:hover   { color: #333333; text-decoration: none; background-color: #ffffff; display: block;filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

.contentspageNav-junior {background-color: #d8ddf2;}
.contentspageNav-junior a:link    { color: #333333; text-decoration: none; background-color: #d8ddf2; display: block; width:100%; height: 100%;padding:10px;}
.contentspageNav-junior a:visited { color: #333333; text-decoration: none; background-color: #d8ddf2; display: block;}
.contentspageNav-junior a:active  { color: #333333; text-decoration: none; background-color: #d8ddf2; display: block;}
.contentspageNav-junior a:hover   { color: #333333; text-decoration: none; background-color: #ffffff; display: block;filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

.contentspageNav-elementary {background-color: #d9f2d9;}
.contentspageNav-elementary a:link    { color: #333333; text-decoration: none; background-color: #d9f2d9; display: block; width:100%; height: 100%;padding:10px;}
.contentspageNav-elementary a:visited { color: #333333; text-decoration: none; background-color: #d9f2d9; display: block;}
.contentspageNav-elementary a:active  { color: #333333; text-decoration: none; background-color: #d9f2d9; display: block;}
.contentspageNav-elementary a:hover   { color: #333333; text-decoration: none; background-color: #ffffff; display: block;filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}




/* -------------------------------------------------------------------------- */
/*吹き出し*/ 
/* -------------------------------------------------------------------------- */
.balloon_boxArea{ margin:0 0 20px 0;}

.balloon_boxLarge {
		margin: 0 0 20px 0;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 100%;
		}
		
.balloon_boxLarge2 {
		margin: 0 0 20px 0;
		background: #eeeeee;
		padding: 10px 10px 0 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 100%;
		}

/*1200以上--------------------------------------------------------- */
@media (min-width: 1200px) {
/*通常-- */	
	.balloon_box {
		margin: 0.5em 0 2em 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 20px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
	}

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

	.balloon_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #ffffff;
		border-width: 20px;
		margin-top: -5px;
	}

	.balloon_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-left-color: #999999;
		border-width: 21px;
		margin-top: -6px;
	}
	
/*講師イメージ*/ 
.teacher{
		margin: 0 auto 30px auto;
		text-align: center;
		}
.teacher img{width: 100%; max-width: 260px;margin: 0 auto;}
	
	
/*right-- */	
		.balloon_boxRight {
		float: right;
		margin: 0 10px 0px 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

	.balloon_boxRight:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

	.balloon_boxRight:before {
		border-color: rgba(204, 204, 204, 0);
		border-right-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*left-- */	
.balloon_boxLeft {
		margin: 0 0 0 10px;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

.balloon_boxLeft:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

.balloon_boxLeft:before {
		border-color: rgba(204, 204, 204, 0);
		border-left-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*rightイメージ*/ 
.imageRight{margin: 0 0 0 0;float: left;width: 20%;}
.imageRight img{width: 100%;margin: 0 auto;}
.imageRight2{margin: 0 0 0 0;float: right;width: 25%;}
.imageRight2 img{width: 100%;margin: 0 auto;}
	
/*leftイメージ*/ 
.imageLeft{margin: 0 0 0 0;float: right;width: 20%;}
.imageLeft img{width: 100%;margin: 0 auto;}
.imageLeft2{margin: 0 0 0 10px;float: right;width: 25%;}
.imageLeft2 img{width: 100%;margin: 0 auto;}
.imageLeft3{margin: 0 0 0 10px;float: right;width: 30%;}
.imageLeft3 img{width: 100%;margin: 0 auto;}
}/*1200以下　終了タグ----------------------*/

/*992以上1199以下--------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px){
	.balloon_box {
		margin: 0.5em 0 1.6em 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 100%;
	}

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

	.balloon_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 20px;
		margin-left: -5px;
	}

	.balloon_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #999999;
		border-width: 21px;
		margin-left: -6px;
	}	
	
	/*講師イメージ*/ 
	.teacher{
		margin: 0 auto 30px auto;
		text-align: center;
		}
	.teacher img{width: 100%; max-width: 180px;margin: 0 auto;}
	
	
	
/*right-- */	
		.balloon_boxRight {
		float: right;
		margin: 0 10px 0 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

	.balloon_boxRight:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

	.balloon_boxRight:before {
		border-color: rgba(204, 204, 204, 0);
		border-right-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*left-- */	
.balloon_boxLeft {
		margin: 0 0 0 10px;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

.balloon_boxLeft:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

.balloon_boxLeft:before {
		border-color: rgba(204, 204, 204, 0);
		border-left-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*rightイメージ*/ 
.imageRight{margin: 0 0 0 0;float: left;width: 20%;}
.imageRight img{width: 100%;margin: 0 auto;}
.imageRight2{margin: 0 0 0 0;float: right;width: 25%;}
.imageRightt2 img{width: 100%;margin: 0 auto;}
	
/*leftイメージ*/ 
.imageLeft{margin: 0 0 0 0;float: right;width: 20%;}
.imageLeft img{width: 100%;margin: 0 auto;}
.imageLeft2{margin: 0 0 0 0;float: right;width: 25%;}
.imageLeft2 img{width: 100%;margin: 0 auto;}
.imageLeft3{margin: 0 0 0 10px;float: right;width: 30%;}
.imageLeft3 img{width: 100%;margin: 0 auto;}
}/*992以上1199以下　終了タグ----------------------*/

/*768以上991以下--------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	.balloon_box {
		margin: 0.5em 0 1.6em 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 100%;
	}

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

	.balloon_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 20px;
		margin-left: -5px;
	}

	.balloon_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #999999;
		border-width: 21px;
		margin-left: -6px;
	}	
	
	/*講師イメージ*/ 
	.teacher{
		margin: 0 auto 30px auto;
		text-align: center;
		}
	.teacher img{width: 100%; max-width: 180px;margin: 0 auto;}
	
/*right-- */	
		.balloon_boxRight {
		float: right;
		margin: 0 10px 0 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 80%;
		}

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

	.balloon_boxRight:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

	.balloon_boxRight:before {
		border-color: rgba(204, 204, 204, 0);
		border-right-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*left-- */	
.balloon_boxLeft {
		margin: 0 0 0 10px;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 80%;
		}

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

.balloon_boxLeft:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

.balloon_boxLeft:before {
		border-color: rgba(204, 204, 204, 0);
		border-left-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*rightイメージ*/ 
.imageRight{margin: 0 0 0 0;float: left;width: 15%;}
.imageRight img{width: 100%;margin: 0 auto;}
.imageRight2{margin: 0 0 0 0;float: right;width: 35%;}
.imageRightt2 img{width: 100%;margin: 0 auto;}
	
/*leftイメージ*/ 
.imageLeft{margin: 0 0 0 0;float: right;width: 15%;}
.imageLeft img{width: 100%;margin: 0 auto;}
.imageLeft2{margin: 0 0 0 0;float: right;width: 35%;}
.imageLeft2 img{width: 100%;margin: 0 auto;}
.imageLeft3{margin: 0 0 0 10px;float: right;width: 30%;}
.imageLeft3 img{width: 100%;margin: 0 auto;}
}/*768以上991以下　終了タグ----------------------*/



/*767以下--------------------------------------------------------- */
@media (max-width: 767px) {
	.balloon_box {
		margin: 0.5em 0 1.6em 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 100%;
	}

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

	.balloon_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 20px;
		margin-left: -5px;
	}

	.balloon_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #999999;
		border-width: 21px;
		margin-left: -6px;
	}	
	
	/*講師イメージ*/ 
	.teacher{
		margin: 0 auto 30px auto;
		text-align: center;
		}
	.teacher img{width: 100%; max-width: 180px;margin: 0 auto;}
	
	
/*right-- */	
		.balloon_boxRight {
		float: right;
		margin: 0 10px 0 0;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

	.balloon_boxRight:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

	.balloon_boxRight:before {
		border-color: rgba(204, 204, 204, 0);
		border-right-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*left-- */	
.balloon_boxLeft {
		margin: 0 0 0 10px;
		position: relative;
		background: #ffffff;
		border: 1px solid #999999;
		padding: 10px;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
		width: 70%;
		}

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

.balloon_boxLeft:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #ffffff;
		border-width: 10px;
		margin-top: -5px;
		}

.balloon_boxLeft:before {
		border-color: rgba(204, 204, 204, 0);
		border-left-color: #999999;
		border-width: 11px;
		margin-top: -6px;
		}	
	
/*rightイメージ*/ 
.imageRight{margin: 0 0 0 0;float: left;width: 20%;}
.imageRight img{width: 100%; margin: 0 auto;}
.imageRight2{margin: 0 0 0 0;float: left;width: 25%;}
.imageRight2 img{width: 100%; margin: 0 auto;}

/*leftイメージ*/ 
.imageLeft{margin: 0 0 0 0;float: right;width: 20%;}
.imageLeft img{width: 100%; margin: 0 auto;}
.imageLeft2{margin: 0 0 0 0;float: right;width: 25%;}
.imageLeft2 img{width: 100%;margin: 0 auto;}
.imageLeft3{margin: 0 0 0 10px;float: right;width: 30%;}
.imageLeft3 img{width: 100%;margin: 0 auto;}

}/*767以下　終了タグ----------------------*/




/*アコーディオン01-------------------------------------------------------------*/ 
.accordion01 {
	margin: 0 0 1.2em 0;
	padding:0;
	}

.accordion01 .ac-content01 {
	margin: 0;padding:0;
	}

.accordion01 input {
	display: none;
	}

.accordion01 label {
	display: block;
	background: #cccccc;
	cursor: pointer;
	padding: 20px;
	font-size: 1.2em;
	text-align: center;
	width: 70%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	margin: 2em auto 20px auto;
	}

.accordion01 label:hover {
	background: #555555;
	color: #ffffff;	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	}

/*アコーディオン内コンテンツ*/ 
.accordion01 .ac-cont01 {
	transition: 0.3s;
	height: 0;
	overflow: hidden; 
	padding: 0;
	}

.accordion01 input:checked + .ac-cont01 {
	height: auto;
	padding: 0;
	}

/*アコーディオン02-------------------------------------------------------------*/ 
.accordion02 {
	margin: 0 0 1.0em 0;
	padding:0;
	}

.accordion02 .ac-content02 {
	margin: 0;padding:0;
	}

.accordion02 input {
	display: none;
	}

.accordion02 label {
	display: block;
	background: #cccccc;
	cursor: pointer;
	padding: 20px;
	font-size: 1.2em;
	text-align: center;
	width: 70%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	margin: 2em auto 20px auto;
	}

.accordion02 label:hover {
	background: #555555;
	color: #ffffff;	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	}

/*アコーディオン内コンテンツ*/ 
.accordion02 .ac-cont02 {
	transition: 0.3s;
	height: 0;
	overflow: hidden;
	padding: 0;
	}

.accordion02 input:checked + .ac-cont02 {
	height: auto;
	padding: 0;
	}

/*アコーディオン03-------------------------------------------------------------*/ 
.accordion03 {
	margin: 0 0 30px 0;
	padding:0;
	}

.accordion03 .ac-content03 {
	margin: 0;padding:0;
	}

.accordion03 input {
	display: none;
	}

.accordion03 label {
	display: block;
	background: #cccccc;
	cursor: pointer;
	padding: 20px;
	font-size: 1.2em;
	text-align: center;
	width: 70%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	margin: 2em auto 20px auto;
	}

.accordion03 label:hover {
	background: #555555;
	color: #ffffff;	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	}

/*アコーディオン内コンテンツ*/ 
.accordion03 .ac-cont03 {
	transition: 0.3s;
	height: 0;
	overflow: hidden;
	padding: 0;
	}

.accordion03 input:checked + .ac-cont03 {
	height: auto;
	padding: 0;
	}


/* -------------------------------------------------------------------------- */
/*tab contents
/* -------------------------------------------------------------------------- */

/* tab contents1----------------- */
.tabContents{
	margin: 0 0 1.5em 0;
	padding: 0;
	}

/* タブメニュー ---------------------------------------------*/
.tabContents-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	}

.tabContents-nav li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	background: #eee;
	margin: 0;
	cursor: pointer;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	color: #333333;
	text-align: center;
	}

@media (min-width: 1200px) {.tabContents-nav li {padding: 14px 40px;font-size: 1.4em;margin: 0 -1px 0 0;}}
@media (min-width: 992px) and (max-width: 1199px){.tabContents-nav li {padding: 8px 40px;font-size: 1.6em;margin: 0 -1px 0 0;}}
@media (min-width: 768px) and (max-width: 991px) {.tabContents-nav li {padding: 10px 40px;font-size: 1.6em;margin: 0 -1px 0 0;}}
@media (max-width: 767px) {.tabContents-nav li {padding: 12px 13px;font-size:1.7em;margin: 0 -1px 0 0;}}

.tabContents-nav li:hover {background: #3b54bf;	color: #ffffff;}

.tabContents-nav li.act {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	background: #3b54bf;
	color: #ffffff;
	}

.tabContents-nav .icon{margin-right:5px;}
/* タブの中身 ---------------------------------------------*/
.tabContents-box {
	margin: -1px 0 1.5em 0;
	padding: 1.0em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	width: 100%;
	float: left;
	}

.tabContents-box div {display: none;margin: 0;}

.tabContents-box div.act { display: block;}

.tabContents-box img{ width:100%; margin: 0 0 20px 0;}


/* tab contents2は　767以下でタブの表示数が学年ごとに違うため、それぞれの学年CSSに移動----------------- */



/* tab contents3----------------- */
.tabContents3{
	margin: 0 0 3em 0;
	padding: 0;
	}
	
/* タブメニュー3 ---------------------------------------------*/
.tabContents3-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.tabContents3-nav ul {margin: 0;padding: 0px;list-style: none;}

.tabContents3-nav li {list-style: none;
	float: left;
	background: #eee;
	cursor: pointer;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	color: #333333;
	text-align: center;
	margin: 0;
	}

@media (min-width: 1200px) {.tabContents3-nav li {padding: 14px 0px;font-size: 1.4em;width: 16.666666666666666%;}}
@media (min-width: 992px) and (max-width: 1199px){.tabContents3-nav li {padding: 8px 0px;font-size: 1.6em;width:16.666666666666666%;}}
@media (min-width: 768px) and (max-width: 991px) {.tabContents3-nav li {padding: 10px 0px;font-size: 1.4em;width:33.33333333333333%;}}
@media (max-width: 767px) {.tabContents3-nav li {padding: 12px 0px;font-size:1.6em;width: 33.33333333333333%;}}

.tabContents3-nav li:hover {background: #3b54bf;	color: #ffffff;}
.tabContents3-nav li:first-child:hover {background: #e71e2d;	color: #ffffff;}

.tabContents3-nav li.act {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	background: #3b54bf;
	color: #ffffff;
	}
	
.tabContents3-nav li:first-child.act {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	background: #e71e2d;
	box-sizing: border-box;
	color: #ffffff;
	}

/* タブの中身 ---------------------------------------------*/
.tabContents3-box {
	margin: -1px 0 0 0;
	padding: 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	width: 100%;
	float: left;
	}

.tabContents3-box div {display: none; padding: 10px;}

.tabContents3-box div.act { display: block;}

.tabContents3-box img{ width:100%; margin: 0 0 20px 0;}










/* スタディ生活 ---------------------------------------------*/
.studyLifeTxtArea{float: left;display: block; margin: 0; padding: 0;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}

@media (min-width: 1200px) {.studyLifeTxtArea{width: 85%;}}
@media (min-width: 992px) and (max-width: 1199px){.studyLifeTxtArea{width: 85%;}}
@media (min-width: 768px) and (max-width: 991px) {.studyLifeTxtArea{width: 85%;}}
@media (max-width: 767px) {.studyLifeTxtArea{width: 85%;}}


.studyLifeImageArea{float: left;display: block; margin: 0;  padding-right: 0.5em;}

@media (min-width: 1200px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (min-width: 992px) and (max-width: 1199px){.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (min-width: 768px) and (max-width: 991px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (max-width: 767px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}


/* スケジュールエリア */
.studyLifeScheduleArea{
	margin: 1em auto;
	padding: 2em;
	clear: both;
	text-align: center;
	display: block;
	position: relative;
	background-color: #eeeeee;
	float: left;
	}
	
@media (min-width: 1200px) {.studyLifeScheduleArea{width: 100%;}}
@media (min-width: 992px) and (max-width: 1199px){.studyLifeScheduleArea{width: 100%;}}
@media (min-width: 768px) and (max-width: 991px) {.studyLifeScheduleArea{width: 100%; }}
@media (max-width: 767px) {.studyLifeScheduleArea{width: 100%; }}
	
.studyLifeScheduleArea img{ width: 100%;max-width: 500px;border: 1px solid #333333;box-shadow:5px 5px 2px 2px #b2b1b1;-moz-box-shadow:5px 5px 2px 2px #b2b1b1;-webkit-box-shadow:5px 5px 2px 2px #b2b1b1;}

.studyLifeScheduleArea .zoom{
	margin: 0;
	padding: 0;
	position: absolute;
	filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
	color: #333333;	
	}
	
@media (min-width: 1200px) {.studyLifeScheduleArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (min-width: 992px) and (max-width: 1199px){.studyLifeScheduleArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (min-width: 768px) and (max-width: 991px) {.studyLifeScheduleArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (max-width: 767px) {.studyLifeScheduleArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}

.studyLifeScheduleArea .zoom a:link     { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.studyLifeScheduleArea .zoom a:visited  { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.studyLifeScheduleArea .zoom a:active   { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.studyLifeScheduleArea .zoom a:hover    { text-decoration: none; color: #ffcc00;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}


/* タブ切り替えテキストエリア ---------------------------------------------*/
.tabContentsTxtArea{float: left;display: block; margin: 0; padding: 0;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}

@media (min-width: 1200px) {.tabContentsTxtArea{width: 85%;}}
@media (min-width: 992px) and (max-width: 1199px){.tabContentsTxtArea{width: 85%;}}
@media (min-width: 768px) and (max-width: 991px) {.tabContentsTxtArea{width: 85%;}}
@media (max-width: 767px) {.tabContentsTxtArea{width: 85%;}}


@media (min-width: 1200px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (min-width: 992px) and (max-width: 1199px){.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (min-width: 768px) and (max-width: 991px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}
@media (max-width: 767px) {.studyLifeImageArea{width: 15%;}.studyLifeImageArea img{width: 100%; max-width: 150px;}}


/*  タブ切り替えコンテンツエリア */
.tabContentsArea{
	margin: 1em auto;
	padding: 2em;
	clear: both;
	text-align: center;
	display: block;
	position: relative;
	background-color: #eeeeee;
	float: left;
	}
	
@media (min-width: 1200px) {.tabContentsArea{width: 100%;}}
@media (min-width: 992px) and (max-width: 1199px){.tabContentsArea{width: 100%;}}
@media (min-width: 768px) and (max-width: 991px) {.tabContentsArea{width: 100%; }}
@media (max-width: 767px) {.tabContentsArea{width: 100%; }}
	
.tabContentsArea .zoom{
	margin: 0;
	padding: 0;
	position: absolute;
	filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
	color: #333333;	
	}
	
@media (min-width: 1200px) {.tabContentsArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (min-width: 992px) and (max-width: 1199px){.tabContentsArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (min-width: 768px) and (max-width: 991px) {.tabContentsArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}
@media (max-width: 767px) {.tabContentsArea .zoom{top: 50%;left: 50%;font-size: 50px; margin: -20px 0 0 -20px;}}

.tabContentsArea .zoom a:link     { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.tabContentsArea .zoom a:visited  { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.tabContentsArea .zoom a:active   { text-decoration: none; color: #333333;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.tabContentsArea .zoom a:hover    { text-decoration: none; color: #ffcc00;filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}


/*  タブエリア内アイコン表示*/
@media (min-width: 1200px) {
.tabContents-box .iconArea{ float: right; margin: 0 0 -2% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea img{ width:17%;}
.tabContents-box .iconArea .icon{ margin-right:5px; }

.tabContents-box .iconArea2{ float: right; margin: 0 0 1% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea2 img{ width:17%;}
.tabContents-box .iconArea2 .icon{ margin-right:5px; }
}/* 1200 終了--------- */

@media (min-width: 992px) and (max-width: 1199px) {
.tabContents-box .iconArea{ float: right; margin: 0 0 -2% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea img{ width:17%;}
.tabContents-box .iconArea .icon{ margin-right:5px; }

.tabContents-box .iconArea2{ float: right; margin: 0 0 1% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea2 img{ width:17%;}
.tabContents-box .iconArea2 .icon{ margin-right:5px; }
}/* 992-1199 終了--------- */

@media (min-width: 768px) and (max-width: 991px) {
.tabContents-box .iconArea{ float: right; margin:0 0 -2% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea img{ width:17%;}
.tabContents-box .iconArea .icon{ margin-right:5px; }

.tabContents-box .iconArea2{ float: right; margin: 0 0 1% 0%; display: block; width: 100%; text-align: right;}
.tabContents-box .iconArea2 img{ width:17%;}
.tabContents-box .iconArea2 .icon{ margin-right:5px; }
}/* 768-991 終了--------- */

@media (max-width: 767px) {
.tabContents-box .iconArea{ float:left; margin: 0 0 1% 0%; display: block; width: 100%; text-align: left;}
.tabContents-box .iconArea img{ width:24%;}
.tabContents-box .iconArea .icon{ margin-right:5px; }

.tabContents-box .iconArea2{ float: left; margin: 0 0 1% 0%; display: block; width: 100%; text-align: left;}
.tabContents-box .iconArea2 img{ width:24%;}
.tabContents-box .iconArea2 .icon{ margin-right:5px; }
}/* 767--------- */

.tabContents-box .image img{ width: 100%;}
.tabContents-box .image a:hover{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

/* -------------------------------------------------------------------------- */
/*中学生スタートアップ 
/* -------------------------------------------------------------------------- */

.startup-Junior{
	background-color: #d8ddf2;
	width: 100%;
	margin: 15px auto;
	padding: 0;
	border-radius: 10px;/* CSS3草案 */  
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px; /* Firefox用 */ 
	}
	
.startup-Junior img{
	width: 100%;
	max-width: 1140px;
	}
	
.startup-Junior .wrap{ padding: 15px;}



/* -------------------------------------------------------------------------- */
/*学院長のホンネ
/* -------------------------------------------------------------------------- */
.ac-container2{
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
	}

.ac-container2 div{margin: 0 0 10px 0;
	}
	
.ac-container2 label{
    margin: 0px;
    padding: 10px 50px 10px 10px;
    position: relative;
    z-index: 20;
    display: block;
    min-height: 30px;
    cursor: pointer;
	color: #08507a;
	font-weight: normal;	
   	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #08507a; 
	background: #ffffff;	
	font-weight:bold;
	}
	
@media (min-width: 1200px) {.ac-container2 label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container2 label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container2 label{font-size: 1.4em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container2 label{font-size: 1.6em;line-height:1.2;}}
	
.ac-container2 input{display: none;}

.ac-container2 label:first-of-type:after {
	content:'\f107';
	font-family:FontAwesome;
	font-size:40px;
	font-weight:normal;
	color:#08507a; 
	position:absolute;
	height:40px;
	top:0;
	bottom:0;
	right:10px;
	line-height:1;
	margin:auto 0;
    transition: all 0.2s;
}
.ac-container2 input:checked + label:after{
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.4s;
}
	
.ac-container2 article{
    margin-top: -1px;
    overflow-y: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
   	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #08507a; 
	background: #ffffff;
	padding:0px 10px 0px 10px;
	}
	
.ac-container2 input:checked ~ article{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	}

.ac-container2 article h4{
	padding:10px 0px 10px 0px;
	margin:0 0 0 0;
	color:#0c9ac5;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.ac-container2 article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container2 article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container2 article h4{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container2 article h4{font-size:1.4em;line-height:1.2;}}
	
.ac-container2 article ul li{
    color: #333333;
    padding:0px 0px 10px 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
   }
   
@media (min-width: 1200px) {.ac-container2 article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container2 article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container2 article ul li{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container2 article ul li{font-size:1.6em;line-height:1.2;}}
   
  .ac-container2 article p{
    color: #333333;
    padding:0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	margin-top: 10px;
   }
   
@media (min-width: 1200px) {.ac-container2 article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container2 article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container2 article p{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container2 article p{font-size:1.6em;line-height:1.2;}}
 
.ac-container2 input:checked ~ article.acheight2{height: auto;}


.ac-container2 input:checked ~ article.acheight100{height: 100px;}
.ac-container2 input:checked ~ article.acheight150{height: 150px;}
.ac-container2 input:checked ~ article.acheight200{height: 200px;}
.ac-container2 input:checked ~ article.acheight250{height: 250px;}
.ac-container2 input:checked ~ article.acheight300{height: 300px;}
.ac-container2 input:checked ~ article.acheight350{height: 350px;}
.ac-container2 input:checked ~ article.acheight400{height: 400px;}
.ac-container2 input:checked ~ article.acheight450{height: 450px;}
.ac-container2 input:checked ~ article.acheight500{height: 500px;}
.ac-container2 input:checked ~ article.acheight600{height: 600px;}
.ac-container2 input:checked ~ article.acheight700{height: 700px;}
.ac-container2 input:checked ~ article.acheight800{height: 800px;}
.ac-container2 input:checked ~ article.acheight900{height: 900px;}
.ac-container2 input:checked ~ article.acheight1000{height: 1000px;}
.ac-container2 input:checked ~ article.acheight1100{height: 1100px;}
.ac-container2 input:checked ~ article.acheight1200{height: 1200px;}
.ac-container2 input:checked ~ article.acheight1300{height: 1300px;}
.ac-container2 input:checked ~ article.acheight1400{height: 1400px;}
.ac-container2 input:checked ~ article.acheight1500{height: 1500px;}
.ac-container2 input:checked ~ article.acheight1600{height: 1600px;}
.ac-container2 input:checked ~ article.acheight1700{height: 1700px;}
.ac-container2 input:checked ~ article.acheight1800{height: 1800px;}
.ac-container2 input:checked ~ article.acheight1900{height: 1900px;}
.ac-container2 input:checked ~ article.acheight2000{height: 2000px;}
.accordion input:checked ~ article.acheightauto{height: auto;}




/* -------------------------------------------------------------------------- */
/*カリキュラム科目　FAQ
/* -------------------------------------------------------------------------- */
.ac-container{
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
	}
.ac-container .icon{margin-right:5px;}

.ac-container .area{margin: 0 5px 5px 5px; display: block;}

.ac-container div{margin: 0 0 10px 0;
	}
	
.ac-container label{
    margin: 0px;
    padding: 10px 50px 10px 10px;
    position: relative;
    z-index: 20;
    display: block;
    min-height: 30px;
    cursor: pointer;
    color: #333333;
	font-weight: normal;	
   	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #cccccc; 
	background: #d3eeff;
	}
	
@media (min-width: 1200px) {.ac-container label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container label{font-size: 1.4em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container label{font-size: 1.6em;line-height:1.2;}}
	
.ac-container input{display: none;}

.ac-container label:first-of-type:after {
	content:'\f107';
	font-family:FontAwesome;
	font-size:40px;
	font-weight:normal;
	color:#71c9ff;
	position:absolute;
	height:40px;
	top:0;
	bottom:0;
	right:10px;
	line-height:1;
	margin:auto 0;
    transition: all 0.2s;
}
.ac-container input:checked + label:after{
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.4s;
}
	
.ac-container article{
    margin-top: -1px;
    overflow-y: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
   	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	background: #ffffff;
	padding:0px 10px 0px 10px;
	}
	
.ac-container input:checked ~ article{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	}

.ac-container article h4{
	padding:10px 0px 10px 0px;
	margin:0 0 0 0;
	color:#0c9ac5;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.ac-container article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container article h4{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container article h4{font-size:1.4em;line-height:1.2;}}
	
.ac-container article ul li{
    color: #333333;
    padding:0px 0px 10px 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
   }
   
@media (min-width: 1200px) {.ac-container article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container article ul li{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container article ul li{font-size:1.6em;line-height:1.2;}}
   
  .ac-container article p{
    color: #333333;
    padding:0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	margin-top: 10px;
   }
   
@media (min-width: 1200px) {.ac-container article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.ac-container article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.ac-container article p{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.ac-container article p{font-size:1.6em;line-height:1.2;}}
 
.ac-container input:checked ~ article.acheight{height: auto;}


.ac-container input:checked ~ article.acheight100{height: 100px;}
.ac-container input:checked ~ article.acheight150{height: 150px;}
.ac-container input:checked ~ article.acheight200{height: 200px;}
.ac-container input:checked ~ article.acheight250{height: 250px;}
.ac-container input:checked ~ article.acheight300{height: 300px;}
.ac-container input:checked ~ article.acheight350{height: 350px;}
.ac-container input:checked ~ article.acheight400{height: 400px;}
.ac-container input:checked ~ article.acheight450{height: 450px;}
.ac-container input:checked ~ article.acheight500{height: 500px;}
.ac-container input:checked ~ article.acheight600{height: 600px;}
.ac-container input:checked ~ article.acheight700{height: 700px;}
.ac-container input:checked ~ article.acheight800{height: 800px;}
.ac-container input:checked ~ article.acheight900{height: 900px;}
.ac-container input:checked ~ article.acheight1000{height: 1000px;}
.ac-container input:checked ~ article.acheight1100{height: 1100px;}
.ac-container input:checked ~ article.acheight1200{height: 1200px;}
.ac-container input:checked ~ article.acheight1300{height: 1300px;}
.ac-container input:checked ~ article.acheight1400{height: 1400px;}
.ac-container input:checked ~ article.acheight1500{height: 1500px;}
.ac-container input:checked ~ article.acheight1600{height: 1600px;}
.ac-container input:checked ~ article.acheight1700{height: 1700px;}
.ac-container input:checked ~ article.acheight1800{height: 1800px;}
.ac-container input:checked ~ article.acheight1900{height: 1900px;}
.ac-container input:checked ~ article.acheight2000{height: 2000px;}
.accordion input:checked ~ article.acheightauto{height: auto;}


/* -------------------------------------------------------------------------- */
/*コンテンツ　偏差値
/* -------------------------------------------------------------------------- */
.studyScoreArea{
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
	}
.studyScoreArea .icon{margin-right:5px;}

.studyScoreArea .area{margin: 0 5px 5px 5px; display: block;}

.studyScoreArea div{margin: 0 0 10px 0;
	}
	
.studyScoreArea label{
    margin: 0px;
    padding: 10px 50px 10px 10px;
    position: relative;
    z-index: 20;
    display: block;
    min-height: 30px;
    cursor: pointer;
    color: #333333;
	font-weight: normal;	
   	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #cccccc; 
	background: #d3eeff;
	}
	
@media (min-width: 1200px) {.studyScoreArea label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.studyScoreArea label{font-size: 1.4em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.studyScoreArea label{font-size: 1.4em;line-height:1.2;}}
@media (max-width: 767px) {.studyScoreArea label{font-size: 1.6em;line-height:1.2;}}
	
.studyScoreArea input{display: none;}

.studyScoreArea label:first-of-type:after {
	content:'\f107';
	font-family:FontAwesome;
	font-size:40px;
	font-weight:normal;
	color:#71c9ff;
	position:absolute;
	height:40px;
	top:0;
	bottom:0;
	right:10px;
	line-height:1;
	margin:auto 0;
    transition: all 0.2s;
}
.studyScoreArea input:checked + label:after{
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.4s;
}
	
.studyScoreArea article{
    margin-top: -1px;
    overflow-y: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
   	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	background: #ffffff;
	padding:0px 10px 0px 10px;
	}
	
.studyScoreArea input:checked ~ article{
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	}

.studyScoreArea article h4{
	padding:10px 0px 10px 0px;
	margin:0 0 0 0;
	color:#0c9ac5;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.studyScoreArea article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.studyScoreArea article h4{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.studyScoreArea article h4{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.studyScoreArea article h4{font-size:1.4em;line-height:1.2;}}
	
.studyScoreArea article ul li{
    color: #333333;
    padding:0px 0px 10px 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
   }
   
@media (min-width: 1200px) {.studyScoreArea article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.studyScoreArea article ul li{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.studyScoreArea article ul li{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.studyScoreArea article ul li{font-size:1.6em;line-height:1.2;}}
   
  .studyScoreArea article p{
    color: #333333;
    padding:0px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	margin-top: 10px;
   }
   
@media (min-width: 1200px) {.studyScoreArea article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.studyScoreArea article p{font-size:1.2em;line-height:1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.studyScoreArea article p{font-size:1.2em;line-height:1.2;}}
@media (max-width: 767px) {.studyScoreArea article p{font-size:1.6em;line-height:1.2;}}
 
.studyScoreArea input:checked ~ article.acheight{height: auto;}




/* -------------------------------------------------------------------------- */
/*コンセプトカラム3*/
/* -------------------------------------------------------------------------- */
.conceptColumn3{
	margin:0 0 0 0;
	padding:0;
	}
	
	
/*ボックス親*/	
.conceptColumn3 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content :center;
	-moz-justify-content :center;
	-ms-justify-content :center;
	-o-justify-content :center;
	justify-content :center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.conceptColumn3 .box{
		width: calc(33.33333333% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.conceptColumn3 .box{
		width: calc(33.33333333% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.conceptColumn3 .box{
		width: calc(33.33333333% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.conceptColumn3 .box{
		width: calc(100% - 10px) ;
		margin:0 0 5px 0;
		padding: 5px;
	}
}



/* -------------------------------------------------------------------------- */
/*コンセプトカラム2*/
/* -------------------------------------------------------------------------- */
.conceptColumn2{
	margin:0 0 0 0;
	padding:0;
	}
	
	
/*ボックス親*/	
.conceptColumn2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content :center;
	-moz-justify-content :center;
	-ms-justify-content :center;
	-o-justify-content :center;
	justify-content :center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.conceptColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.conceptColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.conceptColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.conceptColumn2 .box{
		width: calc(100% - 10px) ;
		margin:0 0 5px 0;
		padding: 5px;
	}
}



/* -------------------------------------------------------------------------- */
/*コンセプトタブ・バッジ*/
/* -------------------------------------------------------------------------- */
.tab-concept{
	font-weight:bold;
	display:block;
	width:100%;
	padding:8px 5px 5px 5px;
	margin:0 0 1em 0;
	background: #3b54bf;
	color: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
	}
	
@media (min-width: 1200px) {.tab-concept{font-size:1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.tab-concept{font-size:1.0em;}}
@media (min-width: 768px) and (max-width: 991px) {.tab-concept{font-size:1.1em;}}
@media (max-width: 767px) {.tab-concept{font-size:1.6em;}}

.badge-concept {
  	display: inline-block;
  	min-width: 15px;
  	font-weight: bold;
 	margin:-2px 0 0 0;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	margin-right:3px;
  	line-height:1;
	color: #ffffff;
	border: 1px solid #ffffff;
	}
	
@media (min-width: 1200px) {.badge-concept {padding: 5px 7px 3px 7px;font-size:1.1em;}}
@media (min-width: 992px) and (max-width: 1199px){.badge-concept{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.badge-concept{padding: 3px 4px 3px 4px;font-size:0.8em;}}
@media (max-width: 767px) {.badge-concept{padding: 3px 4px 3px 4px;font-size:0.8em;}}

/* -------------------------------------------------------------------------- */
/*コンセプトタブリード文*/
/* -------------------------------------------------------------------------- */
.strongConceptTxt{
	padding:5px 0 5px 0;
	margin:10px 0 10px 0;
	color:#e6324b;
	font-weight: bold;
	border-top: 3px dotted #e6324b;
	border-bottom: 3px dotted #e6324b;
	text-align: center;
	}
@media (min-width: 1200px) {.strongConceptTxt{font-size:1.6em;line-height:1.2; letter-spacing:-2px;}}
@media (min-width: 992px) and (max-width: 1199px){.strongConceptTxt{font-size:1.6em;line-height:1.2; letter-spacing:-2px;}}
@media (min-width: 768px) and (max-width: 991px) {.strongConceptTxt{font-size:1.6em;line-height:1.2; letter-spacing:-2px;}}
@media (max-width: 767px) {.strongConceptTxt{font-size:2.0em;line-height:1.2;letter-spacing:-0.5px;}}









/* ---2019.10　スタートダッシュ2019.2.10開講　　cssカスタマイズ--------------------------------------------------------------- */




/* -------------------------------------------------------------------------- */
/*「英語・数学」の先取り学習*/
/* -------------------------------------------------------------------------- */

/*.p04{*/
.maintext{
	font-size:1.2em;
	line-height:1.6;
	padding:0;
	margin:0 0 20px 0;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
	
@media (min-width: 1200px) {.maintext{font-size:1.2em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.maintext{font-size:1.2em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.maintext{font-size:1.4em;line-height:1.4;}}
@media (max-width: 767px) {.maintext{font-size:1.6em;line-height:1.4;}}