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


/* -------------------------------------------------------------------------- */
/*共通項目*/
/* -------------------------------------------------------------------------- */
body {
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
	color: #333;
    margin: 0px;
    font-feature-settings : "palt";
   	}


/*フォントサイズ*/
@media (min-width: 1200px) {html {font-size:16px;}}
@media (min-width: 992px) and (max-width:1199px){html {font-size:14px;}}
@media (min-width: 768px) and (max-width:991px) {html {font-size:12px;}}
@media (max-width: 767px) {html {font-size:10px;}}


/*テキストカラー*/
.txt-red  {color:#e60012;}
.txt-white{color:#ffffff;}
.txt-black{color:#333333;}
.txt-pink {color:#ff82ad;}
.txt-blue {color:#293f84;}

/*背景カラー*/
.bg-white  {background:#ffffff!important;}
.bg-gray{background-color:#eeeeee!important;}
.bg-black{background-color:#999999!important;}
.bg-blue{background-color:#d2f1fc!important;}
.bg-green{background-color:#d1ffe4!important;}
.bg-red{background-color:#ffe7e7!important;}
.bg-yellow{background-color:#fffee1!important;}


/*テキストアンダーライン*/
.txt-underline{ text-decoration: underline;}
.txt-border{border: 1px solid;}

/*テキストスタイル*/
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}

/*テキストボールド*/
.txt-bold{font-weight:bold;}


/*ラインカラー・設定*/
hr.line_black{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #333333;}
hr.line_red{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #e60012;}

hr.dotline_black{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #333333;border-style: dotted;}


/*画像*/
img{image-rendering: -webkit-optimize-contrast;}

figure.images100per img{margin: 0 auto 10px auto;padding: 0;width: 100%;}
figure.images60per img{margin: 0 auto 10px auto;padding: 0;width: 60%;}

@media (min-width: 992px){figure.imagesRight img{margin: 0 0 10px 20px;padding: 0;width: 300px;float: right;}}
@media (max-width:991px){figure.imagesRight img{margin: 0 auto 10px auto;padding: 0;width: 100%;}}

@media (min-width: 992px){figure.imagesLeft img{margin: 0 20px 10px 0;padding: 0;width: 300px;float: left;}}
@media (max-width:991px){figure.imagesLeft img{margin: 0 auto 10px auto;padding: 0;width: 100%;}}

@media (min-width: 992px){figure.imagesRight-min img{margin: 0 0 10px 20px;padding: 0;width: 250px;float: right;}}
@media (max-width:991px){figure.imagesRight-min img{margin: 0 0 10px 20px;padding: 0;width: 160px;float: right;}}

@media (min-width: 992px){figure.imagesLeft-min img{margin: 0 20px 10px 0;padding: 0;width: 250px;float: left;}}
@media (max-width:991px){figure.imagesLeft-min img{margin:  0 20px 10px 0;padding: 0;width: 160px;float: left;}}

@media (min-width: 992px){figure.imagesIcon img{margin: 0 0 10px 20px;padding: 0;width: 75px;float: right;}}
@media (max-width:991px){figure.imagesIcon img{margin: 0 0 10px 20px;padding: 0;width: 75px;float: right;}}

@media (min-width: 992px){figure.imagesRight-minimum img{margin: 0 0 10px 20px;padding: 0;width: 160px;float: right;}}
@media (max-width:991px){figure.imagesRight-minimum img{margin: 0 0 10px 20px;padding: 0;width: 140px;float: right;}}

@media (min-width: 992px){figure.imagesLeft-minimum img{margin: 0 20px 10px 0;padding: 0;width: 160px;float: left;}}
@media (max-width:991px){figure.imagesLeft-minimum img{margin: 0 20px 10px 0;padding: 0;width: 140px;float: left;}}

@media (min-width: 992px){figure.imagesRight-minimin img{margin: 0 0 10px 20px;padding: 0;width: 100px;float: right;}}
@media (max-width:991px){figure.imagesRight-minimin img{margin: 0 0 10px 20px;padding: 0;width: 90px;float: right;}}

@media (min-width: 992px){figure.imagesLeft-minimin img{margin: 0 20px 10px 0;padding: 0;width: 100px;float: left;}}
@media (max-width:991px){figure.imagesLeft-minimin img{margin: 0 20px 10px 0;padding: 0;width: 90px;float: left;}}



/*画像バナー*/
.bannerImage_link{margin: 0;padding: 0;}
.bannerImage_link img{margin: 0;padding: 0;width: 100%;}

.bannerImage_link a:link   {text-decoration: none;display: block;}
.bannerImage_link a:visited{text-decoration: none;display: block;}
.bannerImage_link a:active {text-decoration: none;display: block;}
.bannerImage_link a:hover  {text-decoration: none;display: block;filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}



/*float後のoverflow:hidden*/
.overflow-hidden{overflow: hidden;}


/*float後のclear: both;*/
.clear-both{clear: both;}



/*br/SpPcで改行位置変更 */
/*------PC用　768px以上----------*/
@media (min-width:768px) {  
 .br-pc{ display: block;} 
 .br-sp{ display: none;}
}
/*------SP用　767px以下----------*/
@media (max-width:767px) { 
 .br-pc{ display: none;}
 .br-sp{ display: block;}
}

/*リンク*/
a:link   {color:#0d0dcc;text-decoration:underline;}
a:visited{color:#0d0dcc;text-decoration:underline;}
a:active {color:#0d0dcc;text-decoration:underline;}
a:hover  {color:#0d0dcc;text-decoration:none;}

/*bootstrap打消し*/
.margin-padding0{ margin: 0; padding: 0;}


/*ボタンアニメーション*/
.reflection {
  position: relative;
  overflow: hidden;
}
.reflection::before {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 3s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}


/*page-top-----------ページ下部用のCVボタン設置の際、bottom変更*/
#page-top {position: fixed;z-index:1600;}
@media (min-width: 1200px) {#page-top{right: 20px;bottom:110px;font-size: 1.2em;}#page-top a {padding: 8px 15px;}}
@media (min-width: 992px) and (max-width: 1199px){#page-top{right: 20px;bottom: 110px;font-size: 1.2em;}#page-top a {padding: 8px 15px;}}
@media (min-width: 768px) and (max-width: 991px) {#page-top{right: 15px;bottom: 100px;font-size: 1.6em;}#page-top a {padding: 5px 12px;}}
@media (max-width: 767px) {#page-top{right: 15px;bottom: 100px;font-size: 1.6em;}#page-top a {padding: 5px 12px;}}

#page-top a {
    background-color: rgba(10,10,10,0.85);
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
	}
    
/*下層パン屑リスト*/  
#breadLink{margin: 0 0 10px 0;padding: 5px 10px;background: #eeeeee;}
#breadLink ul{margin: 0;padding:0;text-align: right;}
#breadLink li{margin: 0;list-style-type: none;display: inline;color: #666666}
#breadLink li:after{margin:0;padding: 0 16px;content:"＞";font-size: 90%;padding:0;}
#breadLink li:last-child::after {content: '';}

#breadLink li a:link    { color: #666666; text-decoration: none;background: #eeeeee;padding: 3px 7px 3px 5px;display: inline-block}
#breadLink li a:visited { color: #666666; text-decoration: none;background: #eeeeee;padding: 3px 7px 3px 5px;display: inline-block}
#breadLink li a:active  { color: #666666; text-decoration: none;background: #eeeeee;padding: 3px 7px 3px 5px;display: inline-block}
#breadLink li a:hover   { color: #ffffff; text-decoration: none;background: #cccccc;padding: 3px 7px 3px 5px;display: inline-block}

@media (min-width: 992px){#breadLink ul{font-size: 0.8em;list-style: 1;}}
@media (max-width:991px){#breadLink{display: none;}}  




/* -------------------------------------------------------------------------- */
/*レイアウト*/
/* -------------------------------------------------------------------------- */
/*レイアウト大枠*/
/*header*/
@media (min-width: 992px){header{background: #dbdcdc;margin: 0;padding:10px 0 0 0;position:fixed;top: 0;width: 100%;z-index: 2000;border-bottom: 1px solid #888888;}}
@media (max-width:991px){header{border-bottom: 1px #888888 solid;background: #dbdcdc;margin: 0;padding:5px 0 0 0;position:fixed;top: 0;width: 100%;z-index: 2000;}}

/*main-----------ページ下部用のCVボタン設置の際、margin:bottom変更*/
@media (min-width: 1200px) {                      main {margin:100px 0  10% 0;padding: 20px 0 0 0;}} 
@media (min-width: 992px) and (max-width: 1199px){main {margin:100px 0  5% 0;padding: 20px 0 0 0;}}
@media (min-width: 768px) and (max-width: 991px) {main {margin:100px 0  5% 0;padding: 20px 0 0 0;}}
@media (max-width: 767px) {                       main {margin: 45px 0 23% 0;padding: 20px 0 0 0;}}

/*footer*/
footer {margin:0;padding:0;position: fixed;bottom:0;width: 100%;z-index: 1300;}

/*headerContents-wrap*/
@media (min-width: 1200px) {                      .headerContents-wrap{width: 100%;margin: 0 auto;padding: 0;}}
@media (min-width: 992px) and (max-width: 1199px){.headerContents-wrap{width: 100%;margin: 0 auto;padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {.headerContents-wrap{width: 750px;margin: 0 auto;padding: 0 0 7px 0;}}
@media (max-width: 767px) {                       .headerContents-wrap{width: 95%;margin: 0 auto;padding: 0 0 7px 0;}}

/*mainContents-wrap*/
@media (min-width: 1200px) {                      .mainContents-wrap{width: 1170px;margin: 0 auto;padding: 0 0 30px 0;}}
@media (min-width: 992px) and (max-width: 1199px){.mainContents-wrap{width: 970px;margin: 0 auto;padding: 0 0 30px 0;}}
@media (min-width: 768px) and (max-width: 991px) {.mainContents-wrap{width: 750px;margin: 0 auto;padding: 0 0 30px 0;}}
@media (max-width: 767px) {                       .mainContents-wrap{width: 95%;margin: 0 auto;padding: 0 0 40px 0;}}


/*レイアウト内包     flex-basis:100%;*/ 
@media (min-width: 992px){
.contentsArea   {margin: 0 auto;padding: 20px 0 0 0; display:flex; flex-flow: row wrap;}
.topContents    {margin: 0 auto;padding: 0 0 20px 0;background: #ffffff; width: 100%;order: 1;}
.mainContents   {margin: 0 auto;padding: 0 0 20px 0;background: #ffffff; width: 100%;/*flex-basis:76%;*/ order: 3;}
.sideContents   {margin: 20px 0 20px 0;padding: 20px;background: #eeeeee; width: 24%;/*flex-basis:24%;*/ order: 2;}
.bottomContents {margin: 0 0 60px 0;padding: 20px;background: #999999; width: 100%;      order: 4;}
}

@media (max-width:991px){
.contentsArea   {margin: 0 auto;padding: 20px 0 0 0; display: flex; flex-flow: row wrap;}
.topContents    {margin: 0 auto;padding: 0 0 20px 0; background: #ffffff; width: 100%;     order: 1;}
.mainContents   {margin: 0 auto;padding: 0 0 20px 0; background: #ffffff; width: 100%;/*flex-basis:100%;*/ order: 2;}
.sideContents   {margin: 20px 0 20px 0;padding: 0; background: #ffffff; width: 100%;/*flex-basis:100%;*/ order: 3;}
.bottomContents {margin: 0 0 40px 0;padding: 0; background: #eeeeee; width: 100%;     order: 4;}
}


/* -------------------------------------------------------------------------- */
/*ヘッダー*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {#headerContents_area{width: 1170px;margin:0 auto 10px auto;padding:0;display: block;clear: both;overflow: hidden;}}
@media (min-width: 992px) and (max-width: 1199px){#headerContents_area{width: 970px;margin:0 auto 10px auto;padding:0;display: block;clear: both;overflow: hidden;}}
@media (min-width: 768px) and (max-width: 991px) {#headerContents_area{margin:0 0 0px 0;padding:0;display: block;clear: both;overflow: hidden;}}
@media (max-width: 767px) {#headerContents_area{margin:0 0 0px 0;padding:0;display: block;clear: both;overflow: hidden;}}


@media (min-width: 1200px) {#headerContents_area p {margin:0 0 2px 0;padding:0;font-weight:normal;font-size: 0.8em;text-align: left;}}
@media (min-width: 992px) and (max-width: 1199px){#headerContents_area p {margin:0 0 2px 0;padding:0;font-weight:normal;font-size: 0.8em;text-align: left;}}
@media (min-width: 768px) and (max-width: 991px) {#headerContents_area p {margin:0 0 2px 0;padding:0;font-weight:normal;font-size: 1.2em;text-align: left;}}
@media (max-width: 767px) {#headerContents_area p {margin:0 0 2px 0;padding:0;font-weight:normal;font-size: 1.2em;text-align: left;}}

#headerContents_area p a:link   {text-decoration: none;display: block;color:#002f7c;}
#headerContents_area p a:visited{text-decoration: none;display: block;color:#002f7c;}
#headerContents_area p a:active {text-decoration: none;display: block;color:#002f7c;}
#headerContents_area p a:hover  {text-decoration: none;display: block;color:#002f7c;}


/*ロゴ*/
#headerLogo_area{margin: 0;padding: 0;}
@media (min-width: 1200px) {#headerLogo_area img{ width: 100%;margin: 0;padding: 0;}}
@media (min-width: 992px) and (max-width: 1199px){#headerLogo_area img{ width: 100%;margin: 0;padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {#headerLogo_area img{ width: 80%;margin: 0;padding: 0;}}
@media (max-width: 767px) {#headerLogo_area img{ width: 80%;margin: 0;padding: 0;}}

#headerLogo_area a:link   {text-decoration: none;display: block;}
#headerLogo_area a:visited{text-decoration: none;display: block;}
#headerLogo_area a:active {text-decoration: none;display: block;}
#headerLogo_area a:hover  {text-decoration: none;display: block;}



/*ヘッダーナビ-------------------------------------*/
@media (min-width: 992px){
.headerNavArea{margin: 0;padding: 0;}
		
.headerNavArea ul{
    margin: 0;
    padding: 0;
    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;
    }
		
.headerNavArea li{
    list-style-type:none;
    width: calc(49% - 0px) ;
	margin:0 0 0 0;
	text-align: center;
    box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
	border-radius:3px;
	border:1px solid #f25220;
    text-shadow:0px 1px 0px #f23420;
    }
    

.headerNavArea li a:link    { color: #ffffff; text-decoration: none;  display: block;height: 40px;line-height: 2.8;}
.headerNavArea li a:visited { color: #ffffff; text-decoration: none;  display: block;height: 40px;line-height: 2.8;}
.headerNavArea li a:active  { color: #ffffff; text-decoration: none;  display: block;height: 40px;line-height: 2.8;}
.headerNavArea li a:hover   { color: #ffffff; text-decoration: none; background:linear-gradient(to bottom, #f46f1e 5%, #f4901e 100%);background-color:#f46f1e; display: block;height: 40px;line-height: 2.8;}



/*ダイヤルボタン*/
.headerNavArea .dial a:before{
    content:"\e145";
    font-family: "Glyphicons Halflings";
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    border-right: 1px solid #eeeeee;
    width: 45px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    }

/*資料請求*/
.headerNavArea .contact a:before{
    content: "\f15c";
    font-family: "fontawesome";
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    border-right: 1px solid #eeeeee;
    width: 45px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    }
}/* min-width: 992px */


@media (max-width:991px){
.headerNavArea{
    display: none;
    }
} /* max-width:991px */

@media (min-width: 1200px) {.headerNavArea .dial a:before{ font-size: 1.4em;}.headerNavArea .contact a:before{ font-size: 1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.headerNavArea .dial a:before{ font-size: 1.4em;}.headerNavArea .contact a:before{ font-size: 1.4em;}}

@media (min-width: 1200px) {.headerNavArea li{font-size: 0.9em;letter-spacing: -1px;}}
@media (min-width: 992px) and (max-width: 1199px){.headerNavArea li{font-size:1.0em;letter-spacing: -1px;}}




/* -------------------------------------------------------------------------- */
/*各校お問合せダイヤルボタン　サイド部分に表示*/
/* -------------------------------------------------------------------------- */
/*schoolリスト-------------------------------------*/
.school_sideNavi .school_list{margin: 0;padding: 0;}
.school_sideNavi .school_list ul{margin: 0;padding: 0;}


@media (min-width: 992px){
.school_sideNavi .school_list li{
    list-style-type:none;
    margin:0 0 5px 0;
    padding: 0;
    box-shadow:inset 0px 1px 0px 0px #f2f2f2;
	background:linear-gradient(to bottom, #e6e6e6 5%, #cccccc 100%);
	background-color:#e6e6e6;
	border-radius:3px;
	border:1px solid #999999;
    /*text-shadow:0px 1px 0px #f2f2f2;*/
    }
.school_sideNavi .school_list li:last-child{margin:0 0 15px 0;}
    
.school_sideNavi .school_list li a:link    { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:visited { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:active  { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:hover   { color: #000000; text-decoration: none; background:linear-gradient(to bottom, #cccccc 5%, #e6e6e6 100%);background-color:#cccccc; display: block;}
}/* min-width: 992px */


@media (max-width:991px){
.school_sideNavi .school_list li{
    list-style-type:none;
    margin:0 0 10px 0;
    padding: 5px 0;
    box-shadow:inset 0px 1px 0px 0px #f2f2f2;
	background:linear-gradient(to bottom, #e6e6e6 5%, #cccccc 100%);
	background-color:#e6e6e6;
	border-radius:3px;
	border:1px solid #999999;
    /*text-shadow:0px 1px 0px #f2f2f2;*/
    }

    
.school_sideNavi .school_list li a:link    { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:visited { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:active  { color: #000000; text-decoration: none;  display: block;}
.school_sideNavi .school_list li a:hover   { color: #000000; text-decoration: none; background:linear-gradient(to bottom, #cccccc 5%, #e6e6e6 100%);background-color:#cccccc; display: block;}
}/* max-width:991px */

/*スクールタイトル*/
.school_sideNavi .school_list li h3.name_k{margin:0 0 5px 0;padding:0;text-align: center;border-bottom: 2px solid #c30d23;}
.school_sideNavi .school_list li h3.name_k:before{content: "\f138";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}
.school_sideNavi .school_list li h3.name_h{margin:0 0 5px 0;padding:0;text-align: center;border-bottom: 2px solid #d35e0d;}
.school_sideNavi .school_list li h3.name_h:before{content: "\f138";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}
.school_sideNavi .school_list li h3.name_fm{margin:0 0 5px 0;padding:0;text-align: center;border-bottom: 2px solid #108407;}
.school_sideNavi .school_list li h3.name_fm:before{content: "\f138";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}
.school_sideNavi .school_list li h3.name_s{margin:0 0 5px 0;padding:0;text-align: center;border-bottom: 2px solid #09388c;}
.school_sideNavi .school_list li h3.name_s:before{content: "\f138";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 80%;}

/*表示・非表示*/
@media (min-width: 992px){
.school_sideNavi ul li .along{margin:0;padding:0 10px;text-align:left;display: block;}
.school_sideNavi ul li .address{margin:0;padding:0 10px;text-align:left;display: block;}
.school_sideNavi ul li .tel{margin:0;padding:0 10px;text-align:left;display: block;}

.school_sideNavi ul li .along:before{content: "\f041";font-family: "fontawesome";margin:0 3px 0 0;}
.school_sideNavi ul li .address:before{content: "\f0f7";font-family: "fontawesome";margin:0 3px 0 0;}
.school_sideNavi ul li .tel:before{content: "\f10b";font-family: "fontawesome";margin:0 3px 0 0;}

.school_sideNavi ul li span{border-bottom: 1px dotted #eeeeee;}
.school_sideNavi ul li span:last-child{border-bottom:none;}
}/* min-width: 992px */

@media (max-width:991px){
.school_sideNavi ul li .along{margin:0;padding:0;text-align: center;display: block;}
.school_sideNavi ul li .address{display: none;}
.school_sideNavi ul li .tel{display: none;}

.school_sideNavi ul li .along:before{display: none;}
.school_sideNavi ul li .address:before{display: none;}
.school_sideNavi ul li .tel:before{display: none;}

.school_sideNavi ul li span{display: none;}
.school_sideNavi ul li span:last-child{display: none;}
} /* max-width:991px */


/* フォントサイズ 表示・非表示*/
@media (min-width: 1200px) {
    .school_sideNavi .title,.school_sideNavi .areaTitle{font-size: 0.9em;letter-spacing: -1px;}
    .school_sideNavi .along_k,.along_h,.along_fm,.along_s{font-size: 0.8em;letter-spacing: -1px;}
    }
@media (min-width: 992px) and (max-width: 1199px){
    .school_sideNavi .title,.school_sideNavi .areaTitle{font-size: 0.9em;letter-spacing: -1px;}
    .school_sideNavi .along_k,.along_h,.along_fm,.along_s{font-size: 0.8em;letter-spacing: -1px;}
    }
@media (min-width: 768px) and (max-width: 991px) {
    .school_sideNavi .title,.school_sideNavi .areaTitle{display: none;}
    .school_sideNavi .along_k,.along_h,.along_fm,.along_s{display: none;}
    }
@media (max-width: 767px) {
    .school_sideNavi .title,.school_sideNavi .areaTitle{display: none;}
    .school_sideNavi .along_k,.along_h,.along_fm,.along_s{display: none;}
    }


/*タイトル*/
.school_sideNavi .title{margin:0 0 10px 0;padding: 10px 5px;background: #333333;text-align: center;color: #ffffff;}
.school_sideNavi .title:before{content: "\f0f7";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;}

/*エリアタイトル*/
.school_sideNavi .areaTitle{margin:0 0 0 0;padding: 3px;background: #777777;text-align: center;color: #ffffff;}
.school_sideNavi .areaTitle:before{content: "- - -";margin: 0 3px 0 0;padding: 0;}
.school_sideNavi .areaTitle:after{content: "- - -";margin: 0 0 0 3px;padding: 0;}

/*沿線タイトル*/
.school_sideNavi .along_k,.along_h,.along_fm,.along_s{margin:0 0 5px 0;padding:3px 10px;text-align: center;color: #ffffff;line-height: 1.2;}
/*沿線タイトルカラー*/
.school_sideNavi .along_k{background:#c30d23;}
.school_sideNavi .along_h{background:#d35e0d;}
.school_sideNavi .along_fm{background:#108407;}
.school_sideNavi .along_s{background:#09388c;}

/* フォントサイズ*/
@media (min-width: 1200px) {
    .school_sideNavi .school_list li h3.name_k,.name_h,.name_fm,.name_s{font-size: 1.0em;}
    .school_sideNavi ul li .along,.address,.tel{font-size: 0.75em;line-height: 1.4;}
    
    .school_sideNavi ul li .along{letter-spacing: -1px;}
    
    .school_sideNavi ul li .along:before,.address:before{font-size: 1.0em;}
    .school_sideNavi ul li .tel:before{font-size: 1.3em;margin-left: 1px;}
    }
@media (min-width: 992px) and (max-width: 1199px){
    .school_sideNavi .school_list li h3.name_k,.name_h,.name_fm,.name_s{font-size: 1.0em;}
    .school_sideNavi ul li .along,.address,.tel{font-size: 0.75em;line-height: 1.4;}
    
    .school_sideNavi ul li .along{letter-spacing: -1px;}
    
    .school_sideNavi ul li .along:before,.address:before{font-size: 1.0em;}
    .school_sideNavi ul li .tel:before{font-size: 1.3em;margin-left: 1px;}
    }
@media (min-width: 768px) and (max-width: 991px) {
    .school_sideNavi .school_list li h3.name_k,.name_h,.name_fm,.name_s{font-size: 2.0em;}
    .school_sideNavi ul li .along{font-size: 1.4em;line-height: 1.2;letter-spacing: -1px;}
    }
@media (max-width: 767px) {
    .school_sideNavi .school_list li h3.name_k,.name_h,.name_fm,.name_s{font-size: 2.0em;}
    .school_sideNavi ul li .along{font-size: 1.4em;line-height: 1.2;letter-spacing: -1px;}
    }



/* -------------------------------------------------------------------------- */
/*コンテンツ一覧テキストリンク　フッター部分に表示*/
/* -------------------------------------------------------------------------- */
/*schoolリスト-------------------------------------*/
.bottomContents .contents_bottomNavi{margin: 0 0 20px 0;padding: 0;}

/*ボックス親*/	
.bottomContents .contents_bottomNavi{
	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) {
.bottomContents .contents_bottomNavi .box{width: calc(25% - 30px);margin:0;padding: 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
}
@media (min-width: 992px) and (max-width: 1199px){
.bottomContents .contents_bottomNavi .box{width: calc(25% - 30px);margin:0;padding: 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
}
@media (min-width: 768px) and (max-width: 991px) {
.bottomContents .contents_bottomNavi .box{width: calc(100% - 0px);margin:0;padding: 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
}
@media (max-width: 767px) {
.bottomContents .contents_bottomNavi .box{width: calc(100% - 20px);margin:0px 10px;padding: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
}




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

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


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


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

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

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

.bottomContents .contents_bottomNavi li a:link    { text-decoration: none;color: #ffffff;}
.bottomContents .contents_bottomNavi li a:visited { text-decoration: none;color: #ffffff;}
.bottomContents .contents_bottomNavi li a:active  { text-decoration: none;color: #ffffff;}
.bottomContents .contents_bottomNavi li a:hover   { text-decoration: underline;color: #ffffff;}

}/* min-width: 992px */


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

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


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


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

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

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

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

} /* max-width:991px */


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

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

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

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



small.copyright{margin: 0 auto 0 auto; padding: 0; display: flex;align-items: center;justify-content: center;line-height: 1.2;width: 100%;clear: both;}
small.copyright a:link   {color:#555555;text-decoration: none;}
small.copyright a:visited{color:#555555;text-decoration: none;}
small.copyright a:active {color:#555555;text-decoration: none;}
small.copyright a:hover  {color:#555555;text-decoration:none;}


/* -------------------------------------------------------------------------- */
/*キャンペーンバナー　フッター部分に表示*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {#ctaRightbanner {margin:0;padding:0;position: fixed;top:20%;right: 0; width:80px;z-index: 1300;text-align: right;}}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {#ctaRightbanner {margin:0;padding:0;position: fixed;bottom:0%;left: 0; width:100%;z-index: 1300;text-align: left;}}



#ctaRightbanner a:link   {text-decoration: none;}
#ctaRightbanner a:visited{text-decoration: none;}
#ctaRightbanner a:active {text-decoration: none;}
#ctaRightbanner a:hover  {text-decoration: none;filter: brightness(110%) contrast(100%);}
	
@media (min-width: 1200px) {#ctaRightbanner img{margin: 0 0 5px 0;padding: 0;width: 90%;box-shadow: 0 0 4px gray;}}
@media (min-width: 992px) and (max-width: 1199px){#ctaRightbanner img{margin: 0 0 5px 0;padding: 0;width: 20%;}}
@media (min-width: 768px) and (max-width: 991px) {#ctaRightbanner img{margin: 0;padding: 0;width: 15%;}}
@media (max-width: 767px) {#ctaRightbanner img{margin: 0 0 5px 0;padding: 0;width: 60%;box-shadow: 0 0 4px gray;}}
 
    
/* -------------------------------------------------------------------------- */
/*各校お問合せダイヤルボタン　フッター部分に表示*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    #ctaButton { display:block; width:100%;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #cccccc;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:20%; height:40px; margin:10px 0px 10px 0px; }
		
	#ctaButton .blueButton   .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .redButton    .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .greenButton  .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .orangeButton .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .purpleButton .webfontIcon { font-size:16px;margin-right: 5px;}

	#ctaButton .blueButton   .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .redButton    .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .greenButton  .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
    
    #ctaButton #campaignBanner .bannerContents{display: inline-block;width:30%;margin: 10px 3px -5px 3px; padding: 0;}
    #ctaButton #campaignBanner img{width: 90%;margin:0; padding: 0;}
	}
	
	
@media (min-width: 992px) and (max-width: 1199px){
    #ctaButton { display:block; width:100%;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #cccccc;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:20%; height:40px; margin:10px 0px 10px 0px; }
		
	#ctaButton .blueButton   .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .redButton    .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .greenButton  .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .orangeButton .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .purpleButton .webfontIcon { font-size:16px;margin-right: 5px;}

	#ctaButton .blueButton   .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .redButton    .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .greenButton  .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
    
    #ctaButton #campaignBanner .bannerContents{display: inline-block;width:30%;margin: 10px 3px -5px 3px; padding: 0;}
    #ctaButton #campaignBanner img{width: 100%;margin:0; padding: 0;}
	}
	

@media (min-width: 768px) and (max-width: 991px) {
    #ctaButton { display:block; width:100%;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #cccccc;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:20%; height:40px; margin:10px 0px 10px 0px; }
		
	#ctaButton .blueButton   .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .redButton    .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .greenButton  .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .orangeButton .webfontIcon { font-size:16px;margin-right: 5px;}
	#ctaButton .purpleButton .webfontIcon { font-size:16px;margin-right: 5px;}

	#ctaButton .blueButton   .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .redButton    .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .greenButton  .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .orangeButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
	#ctaButton .purpleButton .txt{font-size:16px;letter-spacing: -1px;line-height: 40px;}
    
    #ctaButton #campaignBanner .bannerContents{display: inline-block;width:30%;margin: 10px 3px -5px 3px; padding: 0;}
    #ctaButton #campaignBanner img{width: 100%;margin:0; padding: 0;}
	}


@media only screen and (max-width: 767px) {
	#ctaButton { display:block; width:100%;}
	#ctaButton { background:rgba(255,255,255,0.9); border-top:1px solid #cccccc;text-align: center; }
	#ctaButton .ftNavBtn { display: inline-block; width:30%; height:43px; margin:10px 0px 10px 0px; }
		
	#ctaButton .blueButton   .webfontIcon { font-size:16px;display: block;line-height: 1.4;}
	#ctaButton .redButton    .webfontIcon { font-size:16px;display: block;line-height: 1.4;}
	#ctaButton .greenButton  .webfontIcon { font-size:16px;display: block;line-height: 1.4;}
	#ctaButton .orangeButton .webfontIcon { font-size:16px;display: block;line-height: 1.4;}
	#ctaButton .purpleButton .webfontIcon { font-size:16px;display: block;line-height: 1.4;}

	#ctaButton .blueButton   .txt{font-size:13px;letter-spacing: -1px;line-height: 1;}
	#ctaButton .redButton    .txt{font-size:13px;letter-spacing: -1px;line-height: 1;}
	#ctaButton .greenButton  .txt{font-size:13px;letter-spacing: -1px;line-height: 1;}
	#ctaButton .orangeButton .txt{font-size:13px;letter-spacing: -1px;line-height: 1;}
	#ctaButton .purpleButton .txt{font-size:13px;letter-spacing: -1px;line-height: 1;}
    
    #ctaButton #campaignBanner .bannerContents{display: inline-block;width:100%;margin: 10px 0 -8px 0; padding: 0 5px;}
    #ctaButton #campaignBanner img{width: 80%;margin:0; padding: 0;}
}

/* ブルーボタンデザイン */
#ctaButton .blueButton {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
#ctaButton .blueButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .blueButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .blueButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
	text-decoration:none;
	}
#ctaButton .blueButton:active { position:relative; top:1px; }

/* レッドボタンデザイン */
#ctaButton .redButton {
	box-shadow:inset 0px 1px 0px 0px #ff7676;
	background:linear-gradient(to bottom, #ed1c24 5%, #bc1931 100%);
	background-color:#bc1931;
	border-radius:3px;
	border:1px solid #ad0e29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #c1272d;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
#ctaButton .redButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .redButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .redButton:hover {
	background:linear-gradient(to bottom, #bc1931 5%, #ed1c24 100%);
	background-color:#bc1931;
	text-decoration:none;
	}
#ctaButton .redButton:active { position:relative; top:1px; }

/* グリーンボタンデザイン */
#ctaButton .greenButton {
	box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
	border-radius:3px;
	border:1px solid #006837;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #2d7a54;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
#ctaButton .greenButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .greenButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .greenButton:hover {
	background:linear-gradient(to bottom, #00602b 5%, #23a35d 100%);
	background-color:#00602b;
	text-decoration:none;
	}
#ctaButton .greenButton:active { position:relative; top:1px; }

/* オレンジボタンデザイン */
#ctaButton .orangeButton {
	box-shadow:inset 0px 1px 0px 0px #f2a620;
	background:linear-gradient(to bottom, #f4901e 5%, #f23f20 100%);
	background-color:#f23f20;
	border-radius:3px;
	border:1px solid #f25220;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #f23420;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
#ctaButton .orangeButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .orangeButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .orangeButton:hover {
	background:linear-gradient(to bottom, #f46f1e 5%, #f4901e 100%);
	background-color:#f46f1e;
	text-decoration:none;
	}
#ctaButton .orangeButton:active { position:relative; top:1px; }

/* パープルボタンデザイン */
#ctaButton .purpleButton {
	box-shadow:inset 0px 1px 0px 0px #b72ab7;
	background:linear-gradient(to bottom, #8b24ba 5%, #62006d 100%);
	background-color:#62006d;
	border-radius:3px;
	border:1px solid #9327a3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #5409c1;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	}
#ctaButton .purpleButton a:link    { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:visited { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:active  { text-decoration: none; color:#ffffff !important;}
#ctaButton .purpleButton a:hover   { text-decoration: none; color:#ffffff !important;}
	
#ctaButton .purpleButton:hover {
	background:linear-gradient(to bottom, #450156 5%, #700abf 100%);
	background-color:#520066;
	text-decoration:none;
	}
#ctaButton .purpleButton:active { position:relative; top:1px; }



/* -------------------------------------------------------------------------- */
/*各校舎お問合せダイヤル*/
/* -------------------------------------------------------------------------- */
/*4カラムフレックスボックスーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 992px){.schoolcallDial{margin: 0px 0 10px 0;padding:0;}}
@media (max-width:991px){.schoolcallDial{margin: 0px 0 10px 0;padding:0;}}   
	
/*ボックス親*/	
.schoolcallDial {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-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;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {.schoolcallDial .box{width: calc(25% - 10px) ;margin:0 5px 0 5px;padding:10px;background:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 992px) and (max-width: 1199px){.schoolcallDial .box{width: calc(25% - 10px) ;margin:0;padding:0;background:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (min-width: 768px) and (max-width: 991px) {.schoolcallDial .box{width: calc(25% - 10px) ;margin:0;padding:0;background:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}
@media (max-width: 767px) {.schoolcallDial .box{width: calc(25% - 10px) ;margin:0;padding:0;background:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}




@media (min-width: 768px) {
.schoolcallDial .school{font-size:1.4em;}
.schoolcallDial .dialnumber{font-size:1.2em;}
.schoolcallDial .nearest{font-size:0.8em;line-height: 1;}
}


@media (max-width: 767px) {
.schoolcallDial .school{font-size:1.8em;line-height: 1;}
.schoolcallDial .dialnumber{font-size:1.4em;}
}


@media (min-width: 768px) {
.schoolcallDial .school{background: #333333;color: #ffffff;text-align: center;width: 100%; display: inline-block;padding: 10px 0;font-weight: bold;}
.schoolcallDial .dialnumber{color: #333333;text-align: center;width: 100%;display: inline-block;padding: 5px 0;}
.schoolcallDial .nearest{background: #eeeeee;color: #333333;text-align: center;width: 100%; display: inline-block;padding: 5px 0;}

.schoolcallDial a{text-align:center;display:block;text-decoration:none;margin:0;color:#333333;pointer-events: none;}
.schoolcallDial a:link    { background-color:#cccccc; text-decoration:none;}
.schoolcallDial a:visited { background-color:#cccccc; text-decoration:none;}
.schoolcallDial a:active  { background-color:#cccccc; text-decoration:none;}
.schoolcallDial a:hover   { background-color:#cccccc; text-decoration:none;}
}


@media (max-width: 767px) {
.schoolcallDial .school{color: #ffffff;text-align: center;width: 100%; display: inline-block;padding: 10px 0 0 0;font-weight: bold;}
.schoolcallDial .dialnumber{color: #ffffff;text-align: center;width: 100%;display: inline-block;padding: 0 0 10px 0;}
.schoolcallDial .nearest{display: none;}

.schoolcallDial .dialButton{
    margin:5px 0;
    width: 100%;
    border:1px solid #006837;
    text-shadow:0px 1px 0px #2d7a54;
    box-shadow:inset 0px 1px 0px 0px #52a05a;
	background:linear-gradient(to bottom, #23a35d 5%, #00602b 100%);
	background-color:#00602b;
    text-align: center;
    border-radius:3px;
    }

.schoolcallDial .dialButton a:link   {color:#ffffff;text-decoration: none;display: block;}
.schoolcallDial .dialButton a:visited{color:#ffffff;text-decoration: none;display: block;}
.schoolcallDial .dialButton a:active {color:#ffffff;text-decoration: none;display: block;}
.schoolcallDial .dialButton a:hover  {color:#ffffff; text-decoration:none;background:linear-gradient(to bottom, #00602b 5%,  100%);background-color:#00602b; display:block;}
}