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

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/

/*--- 年賀バナー ---*/
#mainView .nengaBnrP { text-align:center; margin:1.0em 0 0.3em 0;}


/*--- ファーストビュー ---*/
#mainView{padding:0;}
#mainView *{margin:0; padding:0;}
#mainView .mainViewInner {max-width:1200px;margin:0 auto;position: relative;}
#slideView{max-width:992px;width:100%;}
#catchcopyView{width:100%;padding: 1em 1em;border-bottom: 1em solid #f2f2f2;}
#catchcopyView .txt {width:70%; margin:0 auto;}
#bnrView{padding: 1em 1em;}
#newsBox{position: initial;left: 0;top: 250px;background: rgba(255,255,255,0.93);width: 65%;height: 68vw;padding: 0em 1em 0em 0em;box-shadow: none;z-index: 1;display: block;overflow: hidden;}
#newsBox .ttlBox{width: 100%;padding-right: 0;}
#newsBox .contentsBox{max-width: 100%;margin: 0.8em 0 0;padding: 0.8em 0 0;border-left: none;border-top: 2px solid #ccc;height: 84%;overflow: auto;}
#newsBox .newsSlide {height:100%;}
#newsBox .newsSlide dl{padding:0.5em 0;}
#newsBox .txtDate{color:#ce5a5c;margin:0 0.5em 0 0;font-size: 15px;display: block;}
#newsBox .txtMidashi{color:#231815;margin:0 0 0 0;font-size: 15px;display: block;}
#newsBox .txtContents{font-size:12px;}
#newsBox .slick-dots{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;top: 0;right: -1.2em;bottom: 0;width: auto;height: 100%;}
#newsBox .slick-dots li button:before{color:transparent;border:2px solid #ce5a5c;border-radius:50%;width: 1em;height: 1em;font-size: 8px;}
#newsBox .slick-dots li.slick-active button:before{background:#ce5a5c;}
#newsBox .slick-dots li button:hover:before,
#newsBox .slick-dots li button:focus:before{background:#ce5a5c;}
#newsInBox{height:inherit;}

/*--- バナーBox ---*/
#bnrBox{width: 35%;padding: 0em 0;}
#bnrBox .bnrBasketball{margin-bottom: 0vw;}
#bnrBox .bgVideo{width: 100%;height: 0;padding-top: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
#bnrBox .sectionInner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#bnrBox .videoBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*--- CMギャラリー ---*/
#mainView .cmGallerySec{ margin:0 auto; padding:0 0 1em; border:none; /*border-top:1em solid #f2f2f2; border-bottom:1em solid #f2f2f2; background:#f2f2f2;*/}
#mainView .cmGallerySec h2{ font-size:130%; padding:0.5em 0;}
#mainView .cmGallerySec ul{ padding:0 1em;}
#mainView .cmGallerySec li{ width:48%; margin:0.5em 0; text-align:center;}
#mainView .cmGallerySec li .cm_title{ font-size:75%; margin:0.5em auto 0; display:block;}

/*--- 事業一覧 ---*/
#jigyouBox  .boxInner{padding:0 0 0;}
#jigyouBox .secBox{width: 50vw;height: 50vw;}
#jigyouBox .secBox > .sectionInner{position:relative;  max-width: 1200px; height: 100%; margin: 0 auto; padding: 1em 1em 1em;}
#jigyouBox .secBox > .sectionInner h2{position:relative; z-index:1;}
#jigyouBox .secBox .contentsBox{position:absolute;top:0;left:0;width:100%;height:100%;padding: 6em 1em 1em;overflow: hidden;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}

#jigyouBox .bgFront-sp{cursor: pointer;}
#jigyouBox .bgFront-sp .sectionInner:before{content:""; position:absolute; right:1em; bottom:1em; display:block; width:2em; height:2em; border-right:2px solid #fff; border-bottom:2px solid #fff;}
#jigyouBox .bgFront-sp > .sectionInner{background:rgba(255,255,255,0);}
#jigyouBox .bgFront-sp .contentsBox{opacity:0;}
/*#jigyouBox .bgFront-sp .contentsBox:before{content:"";position:absolute;right:1em;top:1em;display:block;width:0em;height:0em;border: 1em solid transparent;border-top-color:#fff;border-right-color:#fff;}*/
#jigyouBox .bgFront-sp:hover .contentsBox{opacity:1; filter: brightness(110%) contrast(110%) opacity(0.9);}

#jigyouBox .bgBack-sp{cursor: pointer;}
#jigyouBox .bgBack-sp .sectionInner:before{content:""; position:absolute; right:1em; bottom:1em; display:block; width:2em; height:2em; border-right:2px solid #fff; border-bottom:2px solid #fff;}
#jigyouBox .bgBack-sp > .sectionInner{background:none;}
/*#jigyouBox .bgBack-sp .contentsBox:before{content:"";position:absolute;right:1em;top:1em;display:block;width:0em;height:0em;border: 1em solid transparent;border-top-color:#fff;border-right-color:#fff;}*/
#jigyouBox .bgBack-sp .contentsBox{opacity:1;}
#jigyouBox .bgBack-sp:hover .contentsBox{opacity:1; filter: brightness(110%) contrast(110%) opacity(0.9);}

#jigyouBox .topicsList{height:100%; overflow:hidden;}
#jigyouBox .topicsList li{width:100%;}
#jigyouBox .topicsList .txtTtl{font-size:16px;}
#jigyouBox .topicsList .txtContents{height: auto;font-size: 14px;line-height: 1.2; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-line-clamp: 6; text-overflow: ellipsis;}

.box .secBox *{color:#595757;}
.bgAnimation *{padding: 0!important;}
.bgAnimation .loopBox{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;height: 100%;}
.bgAnimation .loopBox img:first-child{animation-name: bgLoop1;animation-duration: 10s;animation-delay: -5s;animation-timing-function:linear;animation-iteration-count: infinite;max-width: none;width: auto;height: 100%;}
.bgAnimation .loopBox img:last-child{animation-name: bgLoop2; animation-duration: 10s;animation-delay: 0s; animation-timing-function:linear; animation-iteration-count: infinite; max-width: none;width: auto;height: 100%;}

@keyframes bgLoop1 {
    0% {
        transform:translateX(100%);
    }
    100% {
        transform:translateX(-100%);
    }
}
@keyframes bgLoop2 {
    0% {
        transform:translateX(0%);
    }
    100% {
        transform:translateX(-200%);
    }
}

.bgVideo *{padding: 0!important;}
.bgVideo .videoBox{background:#000;}
.bgVideo .videoBox a{position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.bgVideo .videoBox a:before{content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,0.2);background:url(/images/renewal2020/movie/bk3.png) center /9px 9px,rgba(255,255,255,0.7);position:absolute;top:0;left:0;opacity: 0.4;}
.bgVideo .videoBox span{position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.bgVideo .videoBox span:before{content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,0.2);background:url(/images/renewal2020/movie/bk3.png) center /9px 9px,rgba(255,255,255,0.7);position:absolute;top:0;left:0;opacity: 0.4;}
.bgVideo .videoBox video{object-fit: cover;width: 100%;height: 100%;}

/*- 英会話スクール事業 -*/
#novaSec {background:url(/images/renewal2020/bg_nova.jpg) no-repeat center center / cover; order:1;}
#novaSec .contentsBox {background:#34b3cc;}
#novaSec *{color:#fff;}

/*- マンツーマン英会話スクール事業 -*/
#gabaSec {background:url(/images/renewal2020/bg_gaba.jpg) no-repeat center center / cover; order:2;}
#gabaSec .contentsBox {background:#00A13D;}
#gabaSec *{color:#fff;}

/*- 教育事業 -*/
#studySec {background:url(/images/renewal2020/bg_study.jpg) no-repeat center center / cover;order: 3;}
#studySec .contentsBox {background: #d3ef50;}

/*- 留学事業 -*/
#abroadSec {background:url(/images/renewal2020/bg_abroad.jpg) no-repeat center center / cover;order: 4;}
#abroadSec .contentsBox {background: #bb3945;}
#abroadSec *{color:#fff;}

/*- オンライン英会話事業 -*/
#onlineSec {background:url(/images/renewal2020/bg_online.jpg) no-repeat center center / cover;order: 5;}
#onlineSec .contentsBox {background: #1bd3a0;}
#onlineSec *{color:#fff;}

/*- 法人向けサービス事業 -*/
#btobSec {background:url(/images/renewal2020/bg_btob.jpg) no-repeat center center / cover;order: 8;}
#btobSec .contentsBox {background: #bc76ce;}
#btobSec *{color:#fff;}

/*- 保育園事業 -*/
#nurserySec {background:url(/images/renewal2020/bg_nursery.jpg) no-repeat center center / cover;order: 10;}
#nurserySec .contentsBox {background: #ff7bac;}
#nurserySec *{color:#fff;}
#nurserySecLink{order: 8;}

/*- 研修事業 -*/
#trainingSec {background:url(/images/renewal2020/bg_training.jpg) no-repeat center center / cover;order: 7;}
#trainingSec .contentsBox {background: #5b88db;}
#trainingSec *{color:#fff;}

/*- スポーツ事業 -*/
#sportsSec {background:url(/images/renewal2020/bg_sports.jpg) no-repeat center center / cover;order: 6;}
#sportsSec .contentsBox {background: #ff8b00;}
#sportsSec *{color:#fff;}

/*- 出版事業 -*/
#bookSec {background:url(/images/renewal2020/bg_book.jpg) no-repeat center center / cover;order: 14;}
#bookSec .contentsBox {background: #63e238;}

/*- アプリ・コンテンツ事業 -*/
#appSec {background:url(/images/renewal2020/bg_content.jpg) no-repeat center center / cover;order: 9;}
#appSec .contentsBox {background: #54d1e2;}

/*- オープン情報 -*/
#openSec {background: #ffd829;order: 13;}
#openSec .contentsBox {background: #ffd829;}

/*- 障がい児支援事業 -*/
#welfareSec {background:url(/images/renewal2020/bg_welfare.jpg) no-repeat center center / cover;order: 11;}
#welfareSec .contentsBox {background: #6fba2c;}
#welfareSec *{color:#fff;}
/*- 校舎数 -*/
#schoolNumSec {background:url(/images/renewal2020/bg_schools.jpg) no-repeat center center / cover;order: 12;}
#schoolNumSec .contentsBox {background: #414d65;}
#schoolNumSec h2{transform: rotate(90deg) translate(-4vw, -4vw);transform-origin: left;}
#schoolNumSec h2 .numberBox{font-size: calc(10px + 6.5vw);line-height: 1;}
#schoolNumSec h2 .txtBox{font-size: calc(10px + 0.9vw);line-height: 1;}
#schoolNumSec *{color:#fff;}

/*- フランチャイズ事業 -*/
#franchiseSec {background:url(/images/renewal2020/bg_franchise.jpg) no-repeat center center / cover;order: 13;}
#franchiseSec .contentsBox {background: #ffaaa6;}

/*- キャラクター -*/
#jigyouBox #characterSec{width:100%;}
#characterSec{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15;}
#characterSec .loopBox img{display:block;}
#characterSec .loopBox img:first-child{animation-duration: 40s;animation-delay: -20s;}
#characterSec .loopBox img:last-child{animation-duration: 40s;animation-delay: 0s;}

/*- ロゴ -*/
#logoSec{order:15;}
#logoSec .loopBox img:first-child{animation-duration: 20s;animation-delay: -10s;}
#logoSec .loopBox img:last-child{animation-duration: 20s;animation-delay: 0s;}

/*- 動画 -*/
#jigyouBox #videoSec{/* width:100%; */order: 3;}
#jigyouBox #video02Sec{order: 7;}

/*--- ポップアップ関連 ---*/
/*- プラグイン部分 -*/
#popupBtnDummy{display:none;}
.mfp-wrap{/*height: 100vh!important;*/}
.mfp-wrap .mfp-container{background:url('/images/renewal2020/popup/ico_loding4.gif') no-repeat center center;}
.mfp-container.load-stop{background:none;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;height: 100%;/* min-height: 100vh; *//* vertical-align: top; */overflow-y: scroll;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
/*ポップアップしている時*/
.mfp-open{overflow:hidden;position: relative;}
.mfp-open body{overflow:hidden;}
.mfp-open .mfp-container {/*overflow-y:scroll;/*padding: 0;margin: 0;height: 100%;*/padding: 0;}


/*- ポップアップ対象 -*/
#popBox{width: 100%;/* min-height: 100vw; */margin: 0px auto 0;position: relative;}
#popBox .popSecBox{width: 100%;height: auto;margin: 0 auto;background: #00a1c9;}
#popBox .mfp-close{background: url(/images/renewal2020/popup/btn_close@2x.png) no-repeat center/cover;color: transparent;position: fixed;top: 0;right: 0;opacity: 1;width: 10vw;height: 10vw;max-width: 89px;max-height: 89px;}


/*--- 情報セクション ---*/
.infoBottomBox {}
.infoBottomBox > .sectionInner{padding: 0;display: block;}

/*--- イベント紹介セクション ---*/
#eventsSecLink{ display:none;}
#eventSec .sectionInner{padding: 5em 1em 4em;}
#eventSec .ttlBox {display: block;margin: 0 0 2em;padding: 0 0.4em 1em;border-bottom: 1px solid #9e9e9e;}
#eventSec .tabListBox {margin: 1em 0 0 0em;}
#eventSec .tabListBox .listItem {color: #fff;display: inline-block;margin: 0 0.5em 0 0;font-size: 85%;padding: 0.15em 1em 0em;border: 1px solid #000;border-radius: 3px;cursor: pointer;font-weight: bold;}
#eventSec .tabItemListBox .listItem {height: auto;}
#eventSec .eventChilledSectionInner {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
#eventSec .txtBox {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 0 0 0 1em;flex: 1 1 auto;max-width: calc(100% - 140px);}
#eventSec .eventTtl {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;font-size: 95%;margin: 0.5em 0 0 0;}
#eventSec .eventLabelBox {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#eventSec .eventLabelBox .eventLabel {background: #000;color: #fff;display: inline-block;margin: 0 0.5em 0 0;font-size: 85%;padding: 0.1em 1em 0em;}
#eventSec .eventContents {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;margin: auto 0 1em 0;font-size: 80%;}
#eventSec .eventLink {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;font-size: 96%;}
#eventSec .imgBox {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;width: 127px;height: 157px;}
#eventSec .imgBox img{display:block;object-fit: cover;width: 100%;height: 100%;}
#eventSec .comingSoon{display: flex;justify-content: center;align-items: center;margin:0; padding:0;height: 11em;}
#eventSec .comingSoon .text{font-size:180%;font-weight: bold;color: #9e9e9e;}

/*ラベルのカラー*/
/*通常*/
#eventSec .listItem.itemAll{color:#000; border-color:#000;}
#eventSec .listItem.itemGogaku{color:#0071bc;  border-color:#0071bc;}
#eventSec .listItem.itemKids{color:#ff7bac;  border-color:#ff7bac;}
#eventSec .listItem.itemSports{color:#f7931e;  border-color:#f7931e;}
/*選択*/
#eventSec .listItemCurrent.itemAll{color:#fff; background:#000;}
#eventSec .listItemCurrent.itemGogaku{color:#fff; background:#0071bc;}
#eventSec .listItemCurrent.itemKids{color:#fff; background:#ff7bac;}
#eventSec .listItemCurrent.itemSports{color:#fff; background:#f7931e;}
/*業態*/
#eventSec .tabItemListBox .itemAll .eventLabelBox .eventLabel{color:#fff; background:#000;}
#eventSec .tabItemListBox .itemGogaku .eventLabelBox .eventLabel.labelGogaku{color:#fff; background:#0071bc;}
#eventSec .tabItemListBox .itemKids .eventLabelBox .eventLabel.labelKids{color:#fff; background:#ff7bac;}
#eventSec .tabItemListBox .itemSports .eventLabelBox .eventLabel.labelSports{color:#fff; background:#f7931e;}

/*slick ドット*/
#eventSec .slick-dots {bottom: -4em;padding: 0;margin: 0;font-size: 6px;}
#eventSec .slick-dots li {width: 1em;height: 1em;margin: 0 5px;padding: 0;}
#eventSec .slick-dots li button {font-size: 100%;line-height: 0;width: 1em;height: 1em;padding: 5px;}
#eventSec .slick-dots li button:before {font-size: 100%;line-height: 1em;width: 1em;height: 1em;}


/*--- スクール情報セクション ---*/
#schoolSec{}
#schoolSec > .sectionInner{padding: 0em 1em 5em;}
#schoolSec .ttlBox {-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;margin: 0 0 2em;padding: 0 0.4em 0.3em;border-bottom: 1px solid #9e9e9e;}
#schoolSec .tabListBox {margin: 11px 0 0 1em;}
#schoolSec .linkBox{font-size:80%; line-height:1;}
#schoolSec .contentsBox{height: 15em; overflow-x:hidden; overflow-y:auto;}

#schoolSec .sclInfoBox{ width:100%; padding-bottom:15px;font-size: 79%;}
#schoolSec .sclInfoBox h3{/* float:left; */ font-size:100%;background: url(/schools/images/icon_list08.png) 0.3em center no-repeat;padding-left: 1.8em;line-height: 1.2; border:none; font-weight:normal;}
#schoolSec .sclInfoBox ul{float: none; width:100%; border-top:#999 dotted 1px; padding-top:5px;}
#schoolSec .sclInfoBox li{ border-bottom:#999 dotted 1px; margin-bottom:7px;background-position: left 10%; background-repeat:no-repeat;/*padding-bottom:7px; padding-left:98px;*/ padding:0.5em;display: flex;align-items: center;justify-content: space-between;}
#schoolSec .sclInfoBox li:after{display:none;}
#schoolSec .sclInfoBox li span{width: 17%;/* float:left; */margin: 0 0em 0 0;}
#schoolSec .sclInfoBox li img{ vertical-align:baseline;display: block;}
#schoolSec .sclInfoBox dl{/* float:left; */margin: 0px 0 0 0%; position:relative;background-position: left center; background-repeat:no-repeat;background-size: 16% auto;padding-left: 13%;width: 80%;display: flex;align-items: center;justify-content: space-between;}
#schoolSec .sclInfoBox dt{/* float:right; */margin: 0 0 0 0.5em;width: calc(100% - 3.0em - 3.0em); line-height:1.2em;font-size: 85%;order: 2;}
#schoolSec .sclInfoBox dd{/* float:left; */line-height: 1em; font-size:85%;order: 1;}
#schoolSec .sclInfoBox dd.monthD{width: 2.7em; text-align:right;margin: 0 0 0 0.3em;}
#schoolSec .sclInfoBox dd.monthD:after{ content:"月";}
#schoolSec .sclInfoBox dd.dayD{width: 2.7em; text-align:right;margin: 0 0 0 0.3em;}
#schoolSec .sclInfoBox dd.dayDnone{ width:2.6em; text-align:right;}
#schoolSec .sclInfoBox dd.dayD:after{ content:"日";}
#schoolSec .sclInfoBox dd.miteiD:after{ content:"";}
#schoolSec .sclInfoBox dd.miteiD{ width:2.6em; text-align:right;}
#schoolSec .sclInfoBox dd.areaD{ position:absolute;right: 0px; top:0;width: auto; text-align:center;}


#schoolSec .newOP dl{ background-image:url(/schools/images/icon_open.gif)}
#schoolSec .renewOP dl{ background-image:url(/schools/images/icon_renewal.gif)}
#schoolSec .itenOP dl{ background-image:url(/schools/images/icon_move.gif);}

/*スクロールバーのスタイル*/
#schoolSec .contentsBox::-webkit-scrollbar{
    width: 4px;
    height:4px;
}
#schoolSec .contentsBox::-webkit-scrollbar-track{
    background: rgb(255 255 255 / 0%);
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px #rgb(255 255 255 / 0%);
    box-shadow: inset 0 0 0px #rgb(255 255 255 / 0%); 
}
#schoolSec .contentsBox::-webkit-scrollbar-thumb{
    background: #c0c0c0;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}