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

/* -------------------------------------------------------------------------- */
/*トップページコンテンツ*/
/* -------------------------------------------------------------------------- */
/*コースボタンーーーーーーーーーーーーーーーーーーーーーーーー*/
/*ボックス親*/	
ul.courseButton-box {
    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;
    margin: 0 auto 20px auto;padding: 0;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {ul.courseButton-box li{width: calc(25% - 20px) ;margin:0 10px 10px 10px;padding:0;list-style-type: none;position: relative;}}
@media (min-width: 992px) and (max-width: 1199px){ul.courseButton-box li{width: calc(25% - 20px) ;margin:0 10px 10px 10px;padding:0;list-style-type: none;position: relative;}}
@media (min-width: 768px) and (max-width: 991px) {ul.courseButton-box li{width: calc(50% - 10px) ;margin:0 5px 5px 5px;padding:0;list-style-type: none;position: relative;}}
@media (max-width: 767px) {ul.courseButton-box li{width: calc(50% - 10px) ;margin:0 5px 5px 5px;padding:0;list-style-type: none;position: relative;}}

ul.courseButton-box figure {margin: 0;padding: 0;}
ul.courseButton-box figure img{width: 100%;margin: 0;padding: 0;}
ul.courseButton-box span{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 14px;
    letter-spacing: -1px;
    margin: 0;
    z-index: 2;
    width: 100%;
    height: 45px;
    display: flex;
align-items: center;
justify-content: center;
    }
ul.courseButton-box span:before {content:"\f0da";font-family: "fontawesome";position: absolute;right: 10px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);color: #ffffff;font-size: 90%;}

ul.courseButton-box a:link   {color:#ffffff;text-decoration: none;display: block;}
ul.courseButton-box a:visited{color:#ffffff;text-decoration: none;display: block;}
ul.courseButton-box a:active {color:#ffffff;text-decoration: none;display: block;}
ul.courseButton-box a:hover  {color:#ffffff;text-decoration: none;display: block;filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

@media (min-width: 1200px) {ul.courseButton-box span{font-size: 1.1em;} span.min{font-size: 0.9em!important;line-height: 1.1;}}
@media (min-width: 992px) and (max-width: 1199px){ul.courseButton-box span{font-size: 1.1em;} span.min{font-size: 0.9em!important;line-height: 1.1;}}
@media (min-width: 768px) and (max-width: 991px) {ul.courseButton-box span{font-size: 1.1em;} span.min{font-size: 0.9em!important;line-height: 1.1;}}
@media (max-width: 767px) {ul.courseButton-box span{font-size: 2.0em;} span.min{font-size: 1.4em!important;line-height: 1.1;}}



/* -------------------------------------------------------------------------- */
/*新着情報*/
/* -------------------------------------------------------------------------- */
/*新着情報レイアウトボックスーーーーーーーー*/
@media (min-width: 992px){
.whatsNewsArea{
    margin: 0px 0 30px 0;
    padding:20px;
    background: #eeeeee;
    
    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;
    }
    
.whatsNewsArea .boxLeft{width: calc(70% - 5px) ;margin:0 5px 0 0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.whatsNewsArea .boxRight{width: calc(30% - 5px) ;margin:0 0 0 5px;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}/* min-width: 992px */


@media (max-width:991px){
.whatsNewsArea{
    margin: 0px 0 10px 0;
    padding:10px;
    background: #eeeeee;
    
    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;
    }
    
.whatsNewsArea .boxLeft{width: calc(100% - 0px) ;margin:0 0 15px 0;padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.whatsNewsArea .boxRight{width: calc(100% - 0px) ;margin:0;padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
} /* max-width:991px */ 


/*新着情報テキストーーーーーーーー*/
@media (min-width: 992px){.whatsNewsArea ul{height: 255px;}}
@media (max-width:991px){.whatsNewsArea ul{height: 350px;}}
.whatsNewsArea ul{margin: 0;padding: 10px; border: 1px solid #cccccc;overflow: auto;display: block;}
.whatsNewsArea li{margin: 0;padding:10px; border-bottom: 1px dotted #cccccc;list-style-type: none;}
.whatsNewsArea li span{margin: 0 0 5px 0;padding: 0 20px 0 0;display: block;border-bottom: 1px dotted #333333;font-weight: bold;}

.whatsNewsArea li:nth-child(odd){background: #ffffff;}
.whatsNewsArea li:nth-child(even){background:#eeeeee;}

/* スクロールバー */
.whatsNewsArea ul::-webkit-scrollbar{display: none;}
.whatsNewsArea ul::-webkit-scrollbar-thumb{display: none;}
.whatsNewsArea ul::-webkit-scrollbar-track-piece:start{display: none;}
.whatsNewsArea ul::-webkit-scrollbar-track-piece:end{display: none;}


/*テキストスタイル　ミニアム(小)*/
@media (min-width: 1200px) {.whatsNewsArea li{font-size: 0.8em;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.whatsNewsArea li{font-size: 0.8em;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.whatsNewsArea li{font-size: 1.4em;line-height: 1.2}}
@media (max-width: 767px) {.whatsNewsArea li{font-size: 1.4em;line-height: 1.2}}



/* -------------------------------------------------------------------------- */
/*各種イベント・説明会*/
/* -------------------------------------------------------------------------- */
/*リストテーブル*/
@media (min-width: 992px){.eventlist_table th{width: 90%;}.eventlist_table td{width: 10%;}}
@media (max-width:991px){.eventlist_table th{display: block;width: 100%;}.eventlist_table td{display: block;width: 100%;}}

.eventlist_table{
    width: 100%;
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 10px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none;
	border-collapse:collapse; 
	}
    
.eventlist_table th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:top;
    text-align:left;
	padding: 5px;
    font-weight: normal;
	}
	
.eventlist_table td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	padding: 5px;
	}
    
.eventlist_table tr:nth-child(odd) {
	background:#e2e2e2;
}

/*説明会リスト(終了分)*/
.eventlist_noneActive{
     height: 390px;
     width: 100%;
     padding: 10px;
     overflow: auto;
	 margin: 0 auto;
	 display: block;
	 border: 1px solid #999999;
	 box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
	-moz-box-sizing: border-box; /* Mozilla系 */
	-webkit-box-sizing: border-box; /* Safari, Chrome系 */
	filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
}
/* スクロールバー全体 */
.briefingList_endArea::-webkit-scrollbar{width: 10px;}
/* スクロールバーのある部分 */
.briefingList_endArea::-webkit-scrollbar-thumb{background: #999999;}
/* スクロールバーが表示されてない部分（前） */
.briefingList_endArea::-webkit-scrollbar-track-piece:start{background: #ffffff;}
/* スクロールバーが表示されてない部分（後ろ） */
.briefingList_endArea::-webkit-scrollbar-track-piece:end{background: #ffffff;}


/*説明会リスト(トップ分)*/
.eventlist_Active{
     height: 390px;
     width: 100%;
     padding: 10px;
     overflow: auto;
	 margin: 0 auto;
	 display: block;
	 border: 1px solid #999999;
	 box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
	-moz-box-sizing: border-box; /* Mozilla系 */
	-webkit-box-sizing: border-box; /* Safari, Chrome系 */
}
/* スクロールバー全体 */
.briefingList_endArea::-webkit-scrollbar{width: 10px;}
/* スクロールバーのある部分 */
.briefingList_endArea::-webkit-scrollbar-thumb{background: #999999;}
/* スクロールバーが表示されてない部分（前） */
.briefingList_endArea::-webkit-scrollbar-track-piece:start{background: #ffffff;}
/* スクロールバーが表示されてない部分（後ろ） */
.briefingList_endArea::-webkit-scrollbar-track-piece:end{background: #ffffff;}


/*概要テーブル*/
@media (min-width: 992px){.eventOutline_table th{width: 20%;}.eventOutline_table td{width: 80%;}}
@media (max-width:991px){.eventOutline_table th{display: block;width: 100%;}.eventOutline_table td{display: block;width: 100%;}}

.eventOutline_table{
    width: 100%;
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 10px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none;
	border-collapse:collapse; 
	}
    
.eventOutline_table th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	text-align:center;
    background-color:#eeeeee;
	padding: 5px;
    font-weight: normal;
    vertical-align: middle;
	}
	
.eventOutline_table td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	background-color: #ffffff;
	padding: 5px;
	}
    
.eventOutline_table span{display: inline-block;}

@media (min-width: 1200px) {
    .eventOutline_table th,.eventOutline_table td{font-size: 0.95em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){
    .eventOutline_table th,.eventOutline_table td{font-size: 0.95em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {.eventOutline_table th,.eventOutline_table td{font-size: 1.8em;line-height: 1.3; letter-spacing: -1px;}}
@media (max-width: 767px) {
    .eventOutline_table th,.eventOutline_table td{font-size: 1.8em;line-height: 1.3; letter-spacing: -1px;}}


/*イベント申込ボタンテーブル*/
@media (min-width: 992px){.eventButton_table th{width: 30%;}.eventButton_table td{width: 70%;}}
@media (max-width:991px){.eventButton_table th{display: block;width: 100%;}.eventButton_table td{display: block;width: 100%;}}

.eventButton_table{
    width: 100%;
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	box-sizing: border-box;
	margin:0 auto 10px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none;
	border-collapse:collapse; 
	}
    
.eventButton_table th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:top;
	font-weight: bold;
	text-align:center;
    background-color:#eeeeee;
	padding: 5px;
    font-weight: normal;
    vertical-align: middle;
	}
	
.eventButton_table td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	background-color: #ffffff;
	padding: 5px;
	}

@media (min-width: 1200px) {.eventButton_table th{font-size: 0.95em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){.eventButton_table th{font-size: 0.95em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {.eventButton_table th{font-size: 1.8em;line-height: 1.3; letter-spacing: -1px;}}
@media (max-width: 767px) {.eventButton_table th{font-size: 1.8em;line-height: 1.3; letter-spacing: -1px;}}



/* -------------------------------------------------------------------------- */
/*サイトマップ*/
/* -------------------------------------------------------------------------- */
/*表示・非表示*/
@media (min-width: 992px){
/*タイトル大見出し*/
.sitemap .title-max{margin:0 0 20px 0;padding:10px 5px;text-align:left;color: #fff;border-top: 2px solid #cccccc;border-bottom: 1px dotted #cccccc;}
.sitemap .title-max:before{content: "\f00b";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}
.sitemap .title-max:after{content: "www.prep.kec.ne.jp";margin: 0;padding: 0;font-size:90%;float: right;}

.sitemap .title-max a:link    { text-decoration: none;color: #fff;}
.sitemap .title-max a:visited { text-decoration: none;color: #fff;}
.sitemap .title-max a:active  { text-decoration: none;color: #fff;}
.sitemap .title-max a:hover   { text-decoration: none;color: #fff;} 


/*タイトル小見出し(リンク無)*/
.sitemap .title-min{margin:0 0 5px 0;padding:5px 10px;text-align:left;color: #fff;border-top: 1px dotted #cccccc;border-bottom: 1px dotted #cccccc;background: #888888;}
.sitemap .title-min:before{content: "\f0c8";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}


/*タイトル小見出し(リンク有)*/
.sitemap .title-min-link{margin:0 0 5px 0;text-align:left;border-top: 1px dotted #cccccc;border-bottom: 1px dotted #cccccc;}
.sitemap .title-min-link a:before{content: "\f0c8";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}
.sitemap .title-min-link a:after{content: "\f105";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;float: right;}

.sitemap .title-min-link a:link    { text-decoration: none;padding:5px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:visited { text-decoration: none;padding:5px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:active  { text-decoration: none;padding:5px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:hover   { text-decoration: none;padding:5px 10px;color: #fff;display: block;background: #666666;}

/*テキストリンク*/
.sitemap ul{margin: 0 0 10px 0;padding: 0;}
.sitemap li{margin: 0;padding: 0 10px;list-style-type: none;color: #333;line-height: 1.3;}
.sitemap li:before{content: "\f0da";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}

.sitemap li a:link    { text-decoration: none;color: #333;}
.sitemap li a:visited { text-decoration: none;color: #333;}
.sitemap li a:active  { text-decoration: none;color: #333;}
.sitemap li a:hover   { text-decoration: underline;color: #333;} 
}/* min-width: 992px */


@media (max-width:991px){
/*タイトル大見出し*/
.sitemap .title-max{margin:0 0 5px 0;text-align:center;display: block;}

.sitemap .title-max a:link    { text-decoration: none;color: #fff;background: #555555;display: block;padding: 10px;}
.sitemap .title-max a:visited { text-decoration: none;color: #fff;background: #555555;display: block;padding: 10px;}
.sitemap .title-max a:active  { text-decoration: none;color: #fff;background: #555555;display: block;padding: 10px;}
.sitemap .title-max a:hover   { text-decoration: none;color: #fff;background: #555555;display: block;padding: 10px;} 


/*タイトル小見出し(リンク無)*/
.sitemap .title-min{margin:0 0 10px 0;padding:15px 10px;text-align:left;color: #fff;border-top: 1px dotted #cccccc;border-bottom: 1px dotted #cccccc;background: #888888;}
.sitemap .title-min:before{content: "\f0c8";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}


/*タイトル小見出し(リンク有)*/
.sitemap .title-min-link{margin:0 0 10px 0;text-align:left;border-top: 1px dotted #cccccc;border-bottom: 1px dotted #cccccc;}
.sitemap .title-min-link a:before{content: "\f0c8";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}
.sitemap .title-min-link a:after{content: "\f105";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;float: right;}

.sitemap .title-min-link a:link    { text-decoration: none;padding:15px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:visited { text-decoration: none;padding:15px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:active  { text-decoration: none;padding:15px 10px;color: #fff;display: block;background: #888888;}
.sitemap .title-min-link a:hover   { text-decoration: none;padding:15px 10px;color: #fff;display: block;background: #666666;}

/*テキストリンク*/
.sitemap ul{margin: -10px 0 20px 0;padding: 0;}
.sitemap li{margin: 0;list-style-type: none;border-bottom: 1px dotted #cccccc;text-align: center;}
.sitemap li a:before{content: "\f0da";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}

.sitemap li a:link    { text-decoration: none;color: #222222;padding:15px 10px;display: block;background: #cccccc;}
.sitemap li a:visited { text-decoration: none;color: #222222;padding:15px 10px;display: block;background: #cccccc;}
.sitemap li a:active  { text-decoration: none;color: #222222;padding:15px 10px;display: block;background: #cccccc;}
.sitemap li a:hover   { text-decoration: none;color: #555555;padding:15px 10px;display: block;background: #cccccc;} 

} /* max-width:991px */


/*フォントサイズ*/
@media (min-width: 1200px) {.sitemap .title-max{font-size: 0.9em;}}
@media (min-width: 992px) and (max-width: 1199px){.sitemap .title-max{font-size: 0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.sitemap .title-max{font-size: 1.8em;}}
@media (max-width: 767px) {.sitemap .title-max{font-size: 1.8em;}}

@media (min-width: 1200px) {.sitemap .title-min{font-size: 0.8em;}.sitemap .title-min span{font-size: 0.8em;display: block;}}
@media (min-width: 992px) and (max-width: 1199px){.sitemap .title-min{font-size: 0.8em;}.sitemap .title-min span{font-size: 0.8em;display: block;}}
@media (min-width: 768px) and (max-width: 991px) {.sitemap .title-min{font-size: 1.5em;}.sitemap .title-min span{font-size: 0.8em;letter-spacing: -1px;}}
@media (max-width: 767px) {.sitemap .title-min{font-size: 1.5em;}.sitemap .title-min span{font-size: 0.8em;letter-spacing: -1px;}}

@media (min-width: 1200px) {.sitemap .title-min-link{font-size: 0.8em;}.sitemap .title-min-link span{font-size: 0.8em;display: block;}}
@media (min-width: 992px) and (max-width: 1199px){.sitemap .title-min-link{font-size: 0.8em;}.sitemap .title-min-link span{font-size: 0.8em;display: block;}}
@media (min-width: 768px) and (max-width: 991px) {.sitemap .title-min-link{font-size: 1.5em;}.sitemap .title-min-link span{font-size: 0.8em;letter-spacing: -1px;}}
@media (max-width: 767px) {.sitemap .title-min-link{font-size: 1.5em;}.sitemap .title-min-link span{font-size: 0.8em;letter-spacing: -1px;}}

@media (min-width: 1200px) {.sitemap li{font-size: 0.8em;}}
@media (min-width: 992px) and (max-width: 1199px){.sitemap li{font-size: 0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.sitemap li{font-size: 1.6em;}}
@media (max-width: 767px) {.sitemap li{font-size: 1.6em;}}



/* -------------------------------------------------------------------------- */
/*コース*/
/* -------------------------------------------------------------------------- */
/*カリキュラムリスト(リンク無)ーーーーーーーーーーーー*/
ul.curriculumList-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
    -webkit-justify-content :space-around;
    -moz-justify-content :space-around;
    -ms-justify-content :space-around;
    -o-justify-content :space-around;
    justify-content :space-around;
    
    -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;
    
    margin: 0 auto 0 auto;
    padding: 0;
	}
    
	
/*ボックス子*/	
@media (min-width: 1200px) {ul.curriculumList-box li{width: calc(100% - 0px) ;margin:0 auto 2px auto;padding: 15px 30px;background: #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (min-width: 992px) and (max-width: 1199px){ul.curriculumList-box li{width: calc(100% - 0px) ;margin:0 auto 2px auto;padding:15px 30px;background: #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (min-width: 768px) and (max-width: 991px) {ul.curriculumList-box li{width: calc(100% - 0px) ;margin:0 auto 2px auto;padding: 15px 30px;background: #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (max-width: 767px) {ul.curriculumList-box li{width: calc(100% - 0px) ;margin:0 auto 2px auto;padding: 15px 30px;background: #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}


ul.curriculumList-box li:before {content:"\e146";font-family: "Glyphicons Halflings";position: absolute;left: 10px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 80%;}

@media (min-width: 1200px) {ul.curriculumList-box li{font-size: 1.0em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){ul.curriculumList-box li{font-size: 1.0em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {ul.curriculumList-box li{font-size: 1.8em;line-height: 1.2; letter-spacing: -1px;}}
@media (max-width: 767px)  {ul.curriculumList-box li{font-size: 1.8em;line-height: 1.2; letter-spacing: -1px;}}



/*カリキュラムリスト(リンク有)ーーーーーーーーーーーー*/
ul.curriculumList-box-link {
    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;
    
    margin: 0 auto 0 auto;
    padding: 0;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {ul.curriculumList-box-link li{width: calc(100% - 0px) ;margin:0 auto 2px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (min-width: 992px) and (max-width: 1199px){ul.curriculumList-box-link li{width: calc(100% - 0px) ;margin:0 auto 2px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (min-width: 768px) and (max-width: 991px) {ul.curriculumList-box-link li{width: calc(100% - 0px) ;margin:0 auto 2px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}
@media (max-width: 767px) {ul.curriculumList-box-link li{width: calc(100% - 0px) ;margin:0 auto 2px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style-type: none;text-align: left;position: relative;}}

ul.curriculumList-box-link li a:link    { text-decoration: none;padding: 15px 30px;display: block;background: #cccccc;color: #333333;}
ul.curriculumList-box-link li a:visited { text-decoration: none;padding: 15px 30px;display: block;background: #cccccc;color: #333333;}
ul.curriculumList-box-link li a:active  { text-decoration: none;padding: 15px 30px;display: block;background: #cccccc;color: #333333;}
ul.curriculumList-box-link li a:hover   { text-decoration: none;padding: 15px 30px;display: block;background: #888888;color: #ffffff;}


ul.curriculumList-box-link li:before {content:"\e146";font-family: "Glyphicons Halflings";position: absolute;left: 10px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 80%;}
ul.curriculumList-box-link li:after{content: "\f105";font-family: "fontawesome";margin: 0 0px 0 0;padding: 0;font-size: 110%;position: absolute;right: 10px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

@media (min-width: 1200px) {ul.curriculumList-box-link li{font-size: 1.0em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){ul.curriculumList-box-link li{font-size: 1.0em;line-height: 1.3; letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {ul.curriculumList-box-link li{font-size: 1.8em;line-height: 1.2; letter-spacing: -1px;}}
@media (max-width: 767px)  {ul.curriculumList-box-link li{font-size: 1.8em;line-height: 1.2; letter-spacing: -1px;}}



/* -------------------------------------------------------------------------- */
/*初めての方へ*/
/* -------------------------------------------------------------------------- */
/*学院長サイン*/
@media (min-width: 992px){figure.presidentSign img{margin: 0 0 10px 20px;padding: 0;width: 250px;float: right;}}
@media (max-width:991px){figure.presidentSign img{margin: 0 0 10px 20px;padding: 0;width: 230px;float: right;}}


/*学院長キャッチテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.catchtxt-president{text-align:center;margin:0 0 10px 0;padding:20px;color:#e50012;font-weight: bold;border: 1px solid #333333;}

@media (min-width: 1200px) {h3.catchtxt-president{font-size: 2.0em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h3.catchtxt-president{font-size: 2.0em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h3.catchtxt-president{font-size: 2.8em;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {h3.catchtxt-president{font-size: 2.8em;letter-spacing: -1px;line-height: 1.0;}}


/*学院長サブキャッチテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.subCatchtxt-president{text-align:left;margin:0 0 20px 0;padding:0;color:#293f84;font-weight: bold;with:100%;text-decoration: underline;font-family:serif;}

@media (min-width: 1200px) {h3.subCatchtxt-president{font-size: 1.8em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h3.subCatchtxt-president{font-size: 1.8em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h3.subCatchtxt-president{font-size: 2.2em;letter-spacing: -1.5px;line-height: 1.4;}}
@media (max-width: 767px) {h3.subCatchtxt-president{font-size: 2.2em;letter-spacing: -1.5px;line-height: 1.4;}}





/* -------------------------------------------------------------------------- */
/*校舎情報*/
/* -------------------------------------------------------------------------- */
/*基本情報-min*/
.school_infoList-min{margin: 0;padding: 0;}

.school_infoList-min li{
    list-style-type:none;
    margin:0 0 5px 0;
    padding: 0;
    border-bottom: 1px dotted #aaaaaa;
    position: relative;
    
    }
.school_infoList-min li:last-child{margin:0 0 15px 0;}

.school_infoList-min .along{margin:0;padding:5px 5px 5px 25px;text-align:left;display: block;}
.school_infoList-min .address{margin:0;padding:5px 5px 5px 25px;text-align:left;display: block;}
.school_infoList-min .tel{margin:0;padding:5px 5px 5px 25px;text-align:left;display: block;}

.school_infoList-min .along:before{content: "\f041";font-family: "fontawesome";margin:0;position: absolute;left: 5px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.school_infoList-min .address:before{content: "\f0f7";font-family: "fontawesome";margin:0;position: absolute;left: 5px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.school_infoList-min .tel:before{content: "\f10b";font-family: "fontawesome";margin:0 0 0 2px;font-size: 130%;position: absolute;left: 5px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

@media (min-width: 1200px) {.school_infoList-min li{margin: 0 0 10px 0;font-size: 0.95em;line-height: 1.0; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (min-width: 992px) and (max-width: 1199px){.school_infoList-min li{margin: 0 0 10px 0;font-size: 0.95em;line-height: 1.0; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (min-width: 768px) and (max-width: 991px) {.school_infoList-min li{margin: 0 0 15px 0;font-size: 1.8em;line-height: 1.4; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
@media (max-width: 767px) {.school_infoList-min li{margin: 0 0 15px 0;font-size: 1.8em;line-height: 1.2; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}}
.school_infoList-min li:last-child{margin: 0 0 0px 0;}



/*基本情報-mid*/
.school_infoList-mid{margin: 0;padding: 0;}

.school_infoList-mid li{
    list-style-type:none;
    margin:0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #aaaaaa;    
    }
    
.school_infoList-mid li:last-child{margin:0 0 0 0;}




@media (min-width: 1200px) {
.school_infoList-mid li{font-size: 0.95em;line-height: 1.3;}
.school_infoList-mid li span{display:inline-block;vertical-align:middle;}
.school_infoList-mid li span.tab{margin: 0 10px 0 0;text-align: center;background:#333333; color: #ffffff;padding: 5px;font-size: 90%;width:90px;vertical-align:middle;}
}
@media (min-width: 992px) and (max-width: 1199px){
.school_infoList-mid li{font-size: 0.95em;line-height: 1.3;}
.school_infoList-mid li span{display:inline-block;vertical-align:middle;}
.school_infoList-mid li span.tab{margin: 0 10px 0 0;text-align: center;background:#333333; color: #ffffff;padding: 5px;font-size: 90%;width:90px;vertical-align:middle;}
}
@media (min-width: 768px) and (max-width: 991px) {
.school_infoList-mid li{font-size: 1.8em;line-height: 1.3;}
.school_infoList-mid li span{margin: 5px 0 5px 0;display:block;width:100%;box-sizing: border-box;}
.school_infoList-mid li span.tab{margin: 0;text-align: center;background:#cccccc;padding: 5px;font-size: 90%;display:block;width:100%;}

}
@media (max-width: 767px) {
.school_infoList-mid li{font-size: 1.8em;line-height: 1.3;}
.school_infoList-mid li span{margin: 5px 0 5px 0;display:block;width:100%;box-sizing: border-box;}
.school_infoList-mid li span.tab{margin: 0;text-align: center;background:#cccccc;padding: 5px;font-size: 90%;display:block;width:100%;}
}
.school_infoList-mid li:last-child{border:0;}

/* -------------------------------------------------------------------------- */
/*校舎個別ページ*/
/* -------------------------------------------------------------------------- */
/*所長サブキャッチテキストーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h3.subCatchtxt-schoolhead{text-align:left;margin:0 0 20px 0;padding:0;color:#293f84;font-weight: bold;with:100%;text-decoration: underline;font-family:serif;}

@media (min-width: 1200px) {h3.subCatchtxt-schoolhead{font-size: 1.8em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){h3.subCatchtxt-schoolhead{font-size: 1.8em;letter-spacing: -1px;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {h3.subCatchtxt-schoolhead{font-size: 2.2em;letter-spacing: -1.5px;line-height: 1.4;}}
@media (max-width: 767px) {h3.subCatchtxt-schoolhead{font-size: 2.2em;letter-spacing: -1.5px;line-height: 1.4;}}


/*校舎長名前*/
@media (min-width: 1200px) {.schoolhead-sign{margin: 0 0 10px 0;font-size: 0.95em;line-height: 1.2; letter-spacing: -1px;text-align:right;font-family:serif;font-weight: bold;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolhead-sign{margin: 0 0 10px 0;font-size: 0.95em;line-height: 1.2; letter-spacing: -1px;text-align:right;font-family:serif;font-weight: bold;}}
@media (min-width: 768px) and (max-width: 991px) {.schoolhead-sign{margin: 0 0 15px 0;font-size: 1.6em;line-height: 1.2; letter-spacing: -1px;text-align:right;font-family:serif;font-weight: bold;}}
@media (max-width: 767px) {.schoolhead-sign{margin: 0 0 15px 0;font-size: 1.6em;line-height: 1.2; letter-spacing: -1px;text-align:right;font-family:serif;font-weight: bold;}}

@media (min-width: 1200px) {.schoolhead-sign span{font-size: 1.4em;font-family:serif;font-weight: bold;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolhead-sign span{font-size: 1.4em;font-family:serif;font-weight: bold;}}
@media (min-width: 768px) and (max-width: 991px) {.schoolhead-sign span{font-size: 1.0em;font-family:serif;font-weight: bold;}}
@media (max-width: 767px) {.schoolhead-sign span{font-size: 1.0em;font-family:serif;font-weight: bold;}}


/*在籍校ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
ul.atSchool_list{
	margin: 0;
	padding: 0;
    list-style: none;
	}
	
ul.atSchool_list{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	
	-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;
	}
	
ul.atSchool_list li{
	font-size: 120%;
	margin:0 1px 1px 1px;
	padding: 3px;
	text-align: center;
	border: 1px solid #CCC;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
	-moz-box-sizing: border-box; /* Mozilla系 */
	-webkit-box-sizing: border-box; /* Safari, Chrome系 */
	}
	
@media (min-width: 1200px) {ul.atSchool_list li{width: calc(33.3333333% - 2px) ;}}
@media (min-width: 992px) and (max-width: 1199px){ul.atSchool_list li{width: calc(33.3333333% - 2px) ;}}
@media (min-width: 768px) and (max-width: 991px) {ul.atSchool_list li{width: calc(100% - 2px) ;}}
@media (max-width: 767px) {ul.atSchool_list li{width: calc(100% - 2px) ;}}


@media (min-width: 1200px) {ul.atSchool_list li{font-size: 0.95em;line-height: 1.4; letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){ul.atSchool_list li{font-size: 0.95em;line-height: 1.4; letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {ul.atSchool_list li{font-size: 1.6em;line-height: 1.4; letter-spacing: -1px;}}
@media (max-width: 767px) {ul.atSchool_list li{font-size: 1.6em;line-height: 1.4; letter-spacing: -1px;}}





/* -------------------------------------------------------------------------- */
/*合格体験談アコーディオン　Q&A*/
/* -------------------------------------------------------------------------- */
/*大学・キャッチテキスト*/
.voiceArea h4{
    width: 100%;
    height: 70px;
    margin:0 0 10px 0;
    border:1px solid #808080;
    background-color:#fffde1;
    border-radius:3px;
    position: relative;
    pointer-events: all;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    cursor:pointer;
    font-weight: bold;
    }
    
@media (min-width: 992px){.voiceArea h4{padding:10px 30px 10px 60px;}}
@media (max-width:991px){.voiceArea h4{padding:10px 30px 10px 10px;}}
    
.voiceArea h4 span{color: #ea5514;font-weight: normal;font-weight: bold;hanging-punctuation: allow-end;}  
.voiceArea h4 span:before {
    content:"“";
    margin: 0 0 0 0px;
    font-weight: bold;
    }    
.voiceArea h4 span:after {
    content:"”";
    margin: 0 0 0 0px;
    font-weight: bold;
    }
    

.voiceArea h4:after {
    content:"\f078";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.2s;
    font-weight: normal;
    }
.voiceArea h4.selected:after {
    transform: translateY(-50%) rotate(180deg);
    transition: 0.2s;
    }

@media (min-width: 992px){
.voiceArea h4:before {
    content:"合格";
    background: linear-gradient(-45deg, #B67B03 20%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 90%);
    color: #ffff;
    text-shadow: 1px 1px 1px #6a3906;
    padding: 4px 7px 4px 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: normal;
    font-size: 80%;
    }}
@media (max-width:991px){.voiceArea h4:before{display: none;}}

    
.voiceArea h4:last-child{margin:0;}

@media (min-width: 1200px) {.voiceArea h4{font-size: 1.2em;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea h4{font-size: 1.2em;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea h4{font-size: 1.6em;line-height: 1.2;}}
@media (max-width: 767px) {.voiceArea h4{font-size: 1.6em;line-height: 1.2;}}

@media (min-width: 1200px) {.voiceArea h4 span{font-size: 0.9em;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea h4 span{font-size: 0.9em;line-height: 1.0;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea h4 span{font-size: 0.8em;line-height: 1.0;}}
@media (max-width: 767px) {.voiceArea h4 span{font-size: 0.8em;line-height: 1.0;}}


/*体験談テキスト*/
.voiceArea div.voiceBox{
    margin: -10px 0 10px 0;
    padding:10px 20px 10px 20px;
    background: #ffffff;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-radius: 0 0 3px 3px;
    display: none;
    position: relative;
    }
    
.voiceArea div.voiceBox p{
    border-bottom: 1px dotted #333333!important;
    padding: 0 0 10px 0!important;
    }
    
.voiceArea div.voiceBox p:last-of-type{
    border-bottom: 0px!important;
    }


@media (min-width: 1200px) {.voiceArea div.voiceBox:before{font-size: 1.2em;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea div.voiceBox:before{font-size: 1.2em;line-height: 1.0;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea div.voiceBox:before{font-size: 1.8em;line-height: 1.0;}}
@media (max-width: 767px) {.voiceArea div.voiceBox:before{font-size: 1.8em;line-height: 1.0;}}
    
.voiceArea  div.voiceBox:last-child{margin: -10px 0 0 0;}

/*体験談ボックス閉じるボタン*/
.voiceArea div.voiceBox .closeButton{
     margin: 0 auto!important;
     padding: 5px 0!important;
     cursor:pointer!important;
     background: #555555;
     color: #ffffff;
     text-align: center;
     }
.voiceArea div.voiceBox .closeButton:hover  {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

@media (min-width: 1200px) {.voiceArea div.voiceBox .closeButton{font-size: 1.0em!important;width: 20%;}}
@media (min-width: 992px) and (max-width: 1199px){.voiceArea div.voiceBox .closeButton{font-size: 1.0em!important;width: 20%;}}
@media (min-width: 768px) and (max-width: 991px) {.voiceArea div.voiceBox .closeButton{font-size: 1.4em!important;width: 20%;}}
@media (max-width: 767px) {.voiceArea div.voiceBox .closeButton{font-size: 1.4em!important;width: 20%;}}


/*体験談画像*/
@media (min-width: 992px){.voiceArea div.voiceBox figure.imagesVoice img{margin:0;padding:  0 0 10px 20px;width: 110px;float: right;background: #ffffff;}}
@media (max-width:991px){.voiceArea div.voiceBox figure.imagesVoice img{margin: 0;padding: 0 0 10px 20px;width: 100px;float: right;background: #ffffff;}}












/* -------------------------------------------------------------------------- */
/*PHP ブログ・KEC生の声*/
/* -------------------------------------------------------------------------- */
/*ボックス親*/
.blog_layoutbox{
	margin:0 0 10px 0;
	padding:0;
    overflow: hidden;
    display: block;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.blog_layoutbox .box{
		width: calc(33.3333333333333% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		height: 370px;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (min-width: 992px) and (max-width: 1199px){
	.blog_layoutbox .box{
		width: calc(33.3333333333333% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		height: 370px;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (min-width: 768px) and (max-width: 991px) {
	.blog_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		height: 370px;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (max-width: 767px) {
	.blog_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		height: 370px;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}
        
.blog_layoutbox a:link    { text-decoration: none;}
.blog_layoutbox a:visited { text-decoration: none;}
.blog_layoutbox a:active  { text-decoration: none;}
.blog_layoutbox a:hover   { text-decoration: none;}


/*タイトル小見出しーーーーーーーーーーーー*/
.blog_layoutbox .blogTitle{margin:0 0 5px 0;padding:7px 5px 3px 5px ;background: #cccccc;font-weight: normal;height: 48px;align-items: center;justify-content: left;color: #333333;}

@media (min-width: 1200px) {.blog_layoutbox .blogTitle{font-size: 1.0em;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.blog_layoutbox .blogTitle{font-size: 1.0em;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 768px) and (max-width: 991px) {.blog_layoutbox .blogTitle{font-size: 1.6em;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {.blog_layoutbox .blogTitle{font-size: 1.6em;letter-spacing: -1px;line-height: 1.0;}}

.blog_layoutbox .blogTitle a:link    { text-decoration: none;color: #333333;}
.blog_layoutbox .blogTitle a:visited { text-decoration: none;color: #333333;}
.blog_layoutbox .blogTitle a:active  { text-decoration: none;color: #333333;}
.blog_layoutbox .blogTitle a:hover   { text-decoration: none;color: #333333;}


/*ブログ画像*/	
.blog_layoutbox .blogImage{
	margin: 0 auto;
	text-align: center;
	}
@media (min-width: 1200px) {.blog_layoutbox .blogImage img{width: 100%; max-height: 160px; }}
@media (min-width: 992px) and (max-width: 1199px){.blog_layoutbox .blogImage img{width: 100%; max-height: 160px; }}
@media (min-width: 768px) and (max-width: 991px) {.blog_layoutbox .blogImage img{width: 100%; max-height: 160px; }}
@media (max-width: 767px) {.blog_layoutbox .blogImage img{width: 70%; max-height: 180px; }}


/*ブログ日付*/	
.blog_layoutbox .blogDate{
	padding:0 0 2px 0;
	margin:5px 0 5px 0;
	text-align: left;
    border-bottom: 1px solid #aaaaaa;
	}
	
@media (min-width: 1200px) {.blog_layoutbox .blogDate{font-size:0.7em;}}
@media (min-width: 992px) and (max-width: 1199px){.blog_layoutbox .blogDate{font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.blog_layoutbox .blogDate{font-size:0.8em;}}
@media (max-width: 767px) {.blog_layoutbox .blogDate{font-size:1.2em;}}


/*ブログ本文*/	
.blog_layoutbox .blogTxt{
	padding:0;
	margin:0;
	font-weight: normal!important;
	white-space: normal!important;    
	}
    
.blog_layoutbox .blogTxt br{display: none;}
	
@media (min-width: 1200px) {.blog_layoutbox .blogTxt{font-size: 0.8em;line-height: 1.2; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (min-width: 992px) and (max-width: 1199px){.blog_layoutbox .blogTxt{font-size: 0.8em;line-height: 1.2; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (min-width: 768px) and (max-width: 991px) {.blog_layoutbox .blogTxt{font-size: 1.5em;line-height: 1.3; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (max-width: 767px) {.blog_layoutbox .blogTxt{font-size: 1.5em;line-height: 1.3; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}


/*ブログボタン(続きを見る)*/	
.blog_layoutbox .blogButton{
	margin:10px auto 10px auto;
	text-align: center;
	width: 30%;
	}
.blog_layoutbox .blogButton a:link    { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.blog_layoutbox .blogButton a:visited { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.blog_layoutbox .blogButton a:active  { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.blog_layoutbox .blogButton a:hover   { text-decoration: none; background: #555555;color: #ffffff; display: block;padding: 3px 0;}

@media (min-width: 1200px) {.blog_layoutbox .blogButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){.blog_layoutbox .blogButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {.blog_layoutbox .blogButton{font-size: 1.3em;letter-spacing: -1px;}}
@media (max-width: 767px) {.blog_layoutbox .blogButton{font-size: 1.3em;letter-spacing: -1px;}}




/* -------------------------------------------------------------------------- */
/*PHP 在校生向けの連絡*/
/* -------------------------------------------------------------------------- */
/*ボックス親*/
.csNews_layoutbox{
	margin:0 0 10px 0;
	padding:0;
    overflow: hidden;
    display: block;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.csNews_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (min-width: 992px) and (max-width: 1199px){
	.csNews_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (min-width: 768px) and (max-width: 991px) {
	.csNews_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}

@media (max-width: 767px) {
	.csNews_layoutbox .box{
		width: calc(100% - 20px) ;
		margin:0 10px 10px 10px;
		padding: 10px;
		float: left;
		background-color:#eeeeee;
        overflow: hidden;
		}
		}
        
.csNews_layoutbox a:link    { text-decoration: none;}
.csNews_layoutbox a:visited { text-decoration: none;}
.csNews_layoutbox a:active  { text-decoration: none;}
.csNews_layoutbox a:hover   { text-decoration: none;}


/*ブログ画像　フロート左*/	
.csNews_layoutbox .newsImage{
	padding: 10px 0 0 0;	
	display: block;
    text-align: center;
	}	
	
@media (min-width: 1200px) {.csNews_layoutbox .newsImage img{width: 100%; max-height: 110px;}.csNews_layoutbox .newsImage{margin: 0;float: left;width: 20%;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsImage img{width: 40%; max-height: 90px;}.csNews_layoutbox .newsImage{margin: 0;float: left;width: 20%;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsImage img{width: 40%; max-height: 90px; }.csNews_layoutbox .newsImage{margin: 0;float: left;width: 20%;}}
@media (max-width: 767px) {.csNews_layoutbox .newsImage img{width: 70%; max-height: 160px; }.csNews_layoutbox .newsImage{margin: 0 auto; width: 95%;}}


/*Newsボックス　フロート右*/	
.csNews_layoutbox .newsbox{
	padding: 10px;
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
@media (min-width: 1200px) {.csNews_layoutbox .newsbox{float: left;width: 80%;margin: 0 ;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsbox{float: left;width: 80%;margin: 0 ;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsbox{float: left;width: 80%;margin: 0 ;}}
@media (max-width: 767px) {.csNews_layoutbox .newsbox{width: 100%;margin: 0 auto;}}
	
/*在校生向けの連絡日付*/	
.csNews_layoutbox .newsDate{
	padding:0 0 2px 0;
	margin:5px 0 5px 0;
	text-align: left;
    border-bottom: 1px solid #aaaaaa;
	}
	
@media (min-width: 1200px) {.csNews_layoutbox .newsDate{font-size:0.7em;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsDate{font-size:0.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsDate{font-size:0.8em;}}
@media (max-width: 767px) {.csNews_layoutbox .newsDate{font-size:1.2em;}}


/*在校生向けタイトルーーーーーーーーーーーー*/
.csNews_layoutbox .newsTitle{margin:0 0 5px 0;padding:7px 5px 3px 5px ;background: #cccccc;font-weight: normal;align-items: center;justify-content: left;color: #333333;}

@media (min-width: 1200px) {.csNews_layoutbox .newsTitle{font-size: 1.0em;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsTitle{font-size: 1.0em;letter-spacing: -1px;line-height: 1.0;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsTitle{font-size: 1.6em;letter-spacing: -1px;line-height: 1.0;}}
@media (max-width: 767px) {.csNews_layoutbox .newsTitle{font-size: 1.6em;letter-spacing: -1px;line-height: 1.0;}}

.csNews_layoutbox .newsTitle a:link    { text-decoration: none;color: #333333;}
.csNews_layoutbox .newsTitle a:visited { text-decoration: none;color: #333333;}
.csNews_layoutbox .newsTitle a:active  { text-decoration: none;color: #333333;}
.csNews_layoutbox .newsTitle a:hover   { text-decoration: none;color: #333333;}

/*在校生向け本文*/	
.csNews_layoutbox .newsTxt{
	padding:0;
	margin:0;
	font-weight: normal;
	white-space: normal;    
	}
    
.csNews_layoutbox .newsTxt br{display: none;}
	
@media (min-width: 1200px) {.csNews_layoutbox .newsTxt{font-size: 0.8em;line-height: 1.2; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsTxt{font-size: 0.8em;line-height: 1.2; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsTxt{font-size: 1.5em;line-height: 1.3; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}
@media (max-width: 767px) {.csNews_layoutbox .newsTxt{font-size: 1.5em;line-height: 1.3; letter-spacing: -1px;text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;clear: both;}}



/*在校生向けボタン(続きを見る)*/	
.csNews_layoutbox .newsButton{
	margin:10px auto 10px auto;
	text-align: center;
	width: 30%;
	}
.csNews_layoutbox .newsButton a:link    { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.csNews_layoutbox .newsButton a:visited { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.csNews_layoutbox .newsButton a:active  { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 3px 0;}
.csNews_layoutbox .newsButton a:hover   { text-decoration: none; background: #555555;color: #ffffff; display: block;padding: 3px 0;}

@media (min-width: 1200px) {.csNews_layoutbox .newsButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){.csNews_layoutbox .newsButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {.csNews_layoutbox .newsButton{font-size: 1.3em;letter-spacing: -1px;}}
@media (max-width: 767px) {.csNews_layoutbox .newsButton{font-size: 1.3em;letter-spacing: -1px;}}


/*まとめてみるボタン*/
.blogbutton_layoutbox .newsAllButton{
	margin:10px auto 10px auto;
	text-align: center;
	width: 60%;
	}
.blogbutton_layoutbox .newsAllButton a:link    { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 10px;}
.blogbutton_layoutbox .newsAllButton a:visited { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 10px;}
.blogbutton_layoutbox .newsAllButton a:active  { text-decoration: none; background: #aaaaaa;color: #ffffff; display: block;padding: 10px;}
.blogbutton_layoutbox .newsAllButton a:hover   { text-decoration: none; background: #555555;color: #ffffff; display: block;padding: 10px;}

@media (min-width: 1200px) {.blogbutton_layoutbox .newsAllButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){.blogbutton_layoutbox .newsAllButton{font-size: 0.8em;letter-spacing: -1px;}}
@media (min-width: 768px) and (max-width: 991px) {.blogbutton_layoutbox .newsAllButton{font-size: 1.3em;letter-spacing: -1px;}}
@media (max-width: 767px) {.blogbutton_layoutbox .newsAllButton{font-size: 1.3em;letter-spacing: -1px;}}





/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*季節講座＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
/*DIV型コンテンツリンクボタン*/
/* -------------------------------------------------------------------------- */
/*3カラム----------------------------------*/
.contents-ButtonAreaColumn3{margin:0;padding:0;}	
	
/*ボックス親*/	
.contents-ButtonAreaColumn3 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-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) {
	.contents-ButtonAreaColumn3 .box{width: calc(33.3333333333% - 20px);margin:0 20px 0 0;padding:0px;}
    .contents-ButtonAreaColumn3 .box:last-child{margin:0;}}
@media (min-width: 992px) and (max-width: 1199px){
.contents-ButtonAreaColumn3 .box{width: calc(33.3333333333% - 20px);margin:0 20px 0 0;padding:0px;}
    .contents-ButtonAreaColumn3 .box:last-child{margin:0;}}
@media (min-width: 768px) and (max-width: 991px) {
	.contents-ButtonAreaColumn3 .box{width: calc(33.3333333333% - 2px);margin:0 1px 0  0;padding:0px;}
    .contents-ButtonAreaColumn3 .box:last-child{margin:0;}}
@media (max-width: 767px) {
	.contents-ButtonAreaColumn3 .box{width: calc(33.3333333333% - 2px);margin:0 1px 0 0;padding:0px;}
    .contents-ButtonAreaColumn3 .box:last-child{margin:0;}}
    
    
/*3カラム----------------------------------*/
.contents-ButtonAreaColumn2{margin:0;padding:0;}	
	
/*ボックス親*/	
.contents-ButtonAreaColumn2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-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) {
	.contents-ButtonAreaColumn2 .box{width: calc(50% - 20px);margin:0 20px 0 0;padding:0px;}
    .contents-ButtonAreaColumn2 .box:last-child{margin:0;}}
@media (min-width: 992px) and (max-width: 1199px){
.contents-ButtonAreaColumn2 .box{width: calc(50% - 20px);margin:0 20px 0 0;padding:0px;}
    .contents-ButtonAreaColumn2 .box:last-child{margin:0;}}
@media (min-width: 768px) and (max-width: 991px) {
	.contents-ButtonAreaColumn2 .box{width: calc(50% - 2px);margin:0 1px 0  0;padding:0px;}
    .contents-ButtonAreaColumn2 .box:last-child{margin:0;}}
@media (max-width: 767px) {
	.contents-ButtonAreaColumn2 .box{width: calc(50% - 2px);margin:0 1px 0 0;padding:0px;}
    .contents-ButtonAreaColumn2 .box:last-child{margin:0;}}


/*DIV型コンテンツリンクボタン　ーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 992px){
    .contents-hsButton     a{font-size: 1.6em;line-height:1.2;padding:20px 0;position: relative;}
    .contents-jhButton     a{font-size: 1.6em;line-height:1.2;padding:20px 0;position: relative;}
    .contents-elButton     a{font-size: 1.6em;line-height:1.2;padding:20px 0;position: relative;}
    }
    
@media (max-width:991px){
    .contents-hsButton     a{font-size: 1.5em;line-height:1.2;padding:10px 0;position: relative;}
    .contents-jhButton     a{font-size: 1.5em;line-height:1.2;padding:10px 0;position: relative;}
    .contents-elButton     a{font-size: 1.5em;line-height:1.2;padding:10px 0;position: relative;}
    }

.contents-hsButton a:after{content: "\f105";font-family: "fontawesome";font-size: 100%;position: absolute;top: 50%;right: 4%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);color:#ffffff;}
.contents-jhButton a:after{content: "\f105";font-family: "fontawesome";font-size: 100%;position: absolute;top: 50%;right: 4%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);color:#ffffff;}
.contents-elButton a:after{content: "\f105";font-family: "fontawesome";font-size: 100%;position: absolute;top: 50%;right: 4%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);color:#ffffff;}


/*DIV型リンクボタン　カラー：高校生・高卒生ーーーーーーーーーーーーーーーーーーーーーーーー*/
.contents-hsButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #b11b3b;
    text-shadow:0px 1px 0px #c93857;
    box-shadow:inset 0px 1px 0px 0px #ff9875;
	background:linear-gradient(to bottom, #f83d7b 5%, #df2754 100%);
	background-color:#df2754;
    text-align: center;
    border-radius:3px;
    font-weight: bold;
    }

.contents-hsButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.contents-hsButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.contents-hsButton a:active {color:#ffffff;text-decoration: none;display: block;}
.contents-hsButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #df2754 5%, #f83d7b 100%);background-color:#df2754; display:block;}


/*DIV型リンクボタン　カラー：中学生ーーーーーーーーーーーーーーーーーーーーーーーー*/
.contents-jhButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #315477;
    text-shadow:0px 1px 0px #314597;
    box-shadow:inset 0px 1px 0px 0px #3b78bf;
	background:linear-gradient(to bottom, #3b54bf 5%, #3b549c 100%);
	background-color:#3b549c;
    text-align: center;
    border-radius:3px;
    font-weight: bold;
    }

.contents-jhButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.contents-jhButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.contents-jhButton a:active {color:#ffffff;text-decoration: none;display: block;}
.contents-jhButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #3b549c 5%, #3b54bf 100%);background-color:#3b549c; display:block;}


/*DIV型リンクボタン　カラー：小学生ーーーーーーーーーーーーーーーーーーーーーーーー*/
.contents-elButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #2f7e27;
    text-shadow:0px 1px 0px #328d34;
    box-shadow:inset 0px 1px 0px 0px #43bc64;
	background:linear-gradient(to bottom, #43bc40 5%, #439c40 100%);
	background-color:#439c40;
    text-align: center;
    border-radius:3px;
    font-weight: bold;
    }

.contents-elButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.contents-elButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.contents-elButton a:active {color:#ffffff;text-decoration: none;display: block;}
.contents-elButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #439c40 5%, #43bc40 100%);background-color:#439c40; display:block;}





/* -------------------------------------------------------------------------- */
/*カラーボックス*/
/* -------------------------------------------------------------------------- */


@media (min-width: 992px){
figure.images-manabo01 img{margin: 0 0 10px 20px;padding: 0;width: 250px;float: right;}
figure.images-manabo02 img{margin: 0 auto 0 auto;padding: 0;width: 45%;}
}
@media (max-width:991px){
figure.images-manabo01 img{margin: 0 0 20px 0;padding: 0;width: 100%;}
figure.images-manabo02 img{margin: -10px auto 0 auto;padding: 0;width: 80%;align-items: center;justify-content: center;display: flex;}
}