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


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {position:relative;max-width: 100vw;}
#contBox {/* float: none; */background: #f2f2f2;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#wrap{min-width: 0;width: 100%;margin:0 auto;}
.mainSection{max-width: 100vw;position:relative;}
.mainSection > .mainSectionInner{margin: 0 auto; padding: 0px 0 0px;}
.mainSection .secBox > .sectionInner{max-width: 95%;margin: 0 auto 2em;padding: 10% 3% 10%;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner .secBox > .sectionInner{box-shadow:none;}
.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}
.mainSection .secBox .inSec{width:auto;margin:0 auto;}
.mainSection .titleBox{margin: 0 0 1em;}
.mainSection .titleBox .ttl-h2{text-align:center;color: #242424;}
.mainSection .titleBox .txtTop{font-size: 130%;display:block;line-height:1.2;}
.mainSection .titleBox .txtBottom{font-size: 90%;display:block;line-height:1.2;}
.mainSection .titleBox .subTtl{text-align:center; font-size:100%;}
.mainSection .moreBtn{text-align:center; margin:1em 0 0; padding:0;}
.mainSection .moreBtn a{border: 1px solid #4d4d4d;color: #4d4d4d;display:inline-block;font-size: 160%;line-height:1;padding: 0.5em 2.5em 0.5em 2em;border-radius:30px;text-decoration:none;background: url(/images/top_230801/arrow_gray_r.png) no-repeat center right 1em / 0.6em auto;}


#asideSec .rightSectionInner > .secBox > .sectionInner{max-width: 100%;margin: 0 auto 2em;padding: 10% 5% 15%;background:#fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
#asideSec .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;width: 100%;}
#asideSec .secBox .inSec{width:auto;margin:0 auto;}
#asideSec .titleBox{margin: 0 0 1em;}
#asideSec .titleBox .ttl-h2{text-align:center;}
#asideSec .titleBox .txtTop{font-size:130%; display:block; line-height:1.2;}
#asideSec .titleBox .txtBottom{font-size:75%; display:block; line-height:1.2;}
#asideSec .titleBox .subTtl{text-align:center; font-size:100%;}

/* slick */
.mainSection .slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin: 0 2px;padding:0;cursor:pointer;}
.mainSection .slick-dots li button{ font-size:0;  line-height:0;  display:block;  width:10px;  height:10px;  padding:5px;  cursor:pointer;  color:transparent;  border:0;  outline:none;  background:transparent;}
.mainSection .slick-dots li button:hover, 
.mainSection .slick-dots li button:focus{ outline:none;}
.mainSection .slick-dots li button:hover:before, 
.mainSection .slick-dots li button:focus:before{ opacity:1;}
.mainSection .slick-dots li button:before{ font-size:10px;  line-height:10px;  position:absolute;  top:0;  left:0;  width:10px;  height:10px;  content:''; border-radius:50%; border:2px solid #000;  text-align:center;  opacity:.25;  color:black;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale; box-sizing:border-box;}
.mainSection .slick-dots li.slick-active button:before{ opacity:.75;  color:black; background:#000;}

.formLinkBox {padding: 3%;}
.formLinkBox.shadowBox{box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.4);}
.formLinkBox.wakuBtnBox{
    padding: 0;
    margin: 8% 0 0;
}
.formLinkBox.wakuBtnBox .btnTrial{margin-right:1%; width:49%;}
.formLinkBox.wakuBtnBox .btnRequest{margin-left:1%; width:49%;}
.formLinkBox.wakuBtnBox .btnSchools{margin-top:2%;}

/*----- ファーストビュー -----*/
/*----- 宮崎さんここから -----*/
/*#mainView .mainViewInner{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;box-sizing:border-box;position:relative;overflow:hidden;background: url(/images/top_230801/fv_bgi03_sp.jpg) no-repeat top center / 100% auto, #fff;margin: 0 0 0em;padding: 5% 10% 5% 10%;}
#mainView .titleBox{position: absolute; top: 8%; right: 5%;}
#mainView .titleBox .ttl-h2{color: #fff; font-size: 290%; font-weight: 500; letter-spacing: 0.2em; line-height: 1.2;}
#mainView .txt02{font-size: 11px; font-weight: 400; color: #fff; position: absolute; bottom: 50%; right: 5%;}
#mainView .txt02 .modal-syncer{cursor: pointer;text-decoration: underline;margin-left: 1.0em;}
#mainView .txt02::before{content: ''; display: inline-block; background-image: url(/images/top_230801/icon_youtube.png); background-size: contain; vertical-align: middle; width: 18px; height: 16px; background-repeat: no-repeat; margin-right: 0.5em;}
#mainView .txt02 a{color: #fff; margin-left: 1em;}
#mainView .txt02 .mov02{margin-left:9.4em;line-height: 1.7em;}
#mainView .txt03{font-size:8px;font-weight:400;color:#fff; line-height: 1.2; position: absolute; bottom: 53%; left: 7%; text-align: left;}
#mainView .mybest{position: absolute; width: 13%; top: 1em; left: 1em;}
#mainView .serviceBox{margin-top: 18em;}

#mainView .titleBox .ttl-h2 a{color: #fff;text-decoration: none;}
#mainView .titleBox .ttl-h2 a:hover{opacity: 0.9;text-decoration: none;}
#mainView .titleBox .ttl-h2 a:visited{color: #fff;text-decoration: none;}*/

/*レッスンスタイルの宮﨑優さん動画*/
/*#lessonstyleSec .miyazaki_movieBox{margin-top: 2em;}
#lessonstyleSec .miyazaki_movieBox .movieTtl{text-align: center;font-size: 160%;font-weight: bold;line-height: 1.2;margin: 0 auto 0.5em;}
#lessonstyleSec .miyazaki_movieBox .movie_iframe{text-align: center;}
#lessonstyleSec .miyazaki_movieBox .movie_iframe iframe{max-width:340px;min-height: 190px;width: 100%;height: 100%;}
#top .lity-close,
#top .lity-close:hover,
#top .lity-close:focus,
#top .lity-close:active,
#top .lity-close:visited{top: -15%;right: 0;left: auto;background: #000;position: absolute;width:25px;height: 25px;line-height: 0;font-size: 25px;}*/
/*----- 宮崎さんここまで -----*/

#mainView .mainViewInner{width:100%; height:460px; min-height: 55.6vh; display:flex;flex-direction:column;justify-content:flex-end;align-items:center;box-sizing:border-box;position:relative; overflow:hidden; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); background: url(/images/top_230801/fv_bgi2601_sp.png) no-repeat top center / 100% auto, #fff;margin: 0 0 0em;padding-bottom: 1%;}
#mainView .titleBox.spNone{display: none;}
#mainView .titleBox{position: absolute; top: 3%;}
#mainView .titleBox .ttl-h2{width: 100%; margin: 0 auto;}
#mainView .titleBox2{width: 100%; padding: 2.5% 0 1.5% 19%; position: relative; background: #fff;}
#mainView .titleBox2 a{text-decoration: none;}
#mainView .titleBox2::after{content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: 16px; top: 40%; border-top: 2px solid #00b2bc; border-right: 2px solid #00b2bc; transform: rotate(45deg);}
#mainView .titleBox2 .txt02{color: #39c8d7; font-weight: bold; font-size: 150%; margin: 0;}
#mainView .titleBox2 .txt03{font-size: 3.4vw; color: #333333; line-height: 1.0em;}
#mainView .titleBox2 .txt03 span{font-weight: bold; background: linear-gradient(transparent 50%, #ffd961 50%);}
#mainView .titleBox2 .txt04{position: absolute; width: 15%; left: 3%; bottom: -2%;}
#mainView .titleBox .txt01 {margin: 0 0 0.2em 0;font-size: 150%;font-weight:bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d4d4d+0,1a1a1a+100 */text-indent: 0.3em;background: rgb(77,77,77); /* Old browsers */background: -moz-linear-gradient(top,  rgba(77,77,77,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-9 */-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#mainView .titleBox .txt02{margin: 0 auto 0.5em;width: 16em;}
#mainView .titleBox .txt03{order: 3;margin: 0;}
#mainView .titleBox .txt03{font-size: 125%;font-weight:700;color:#4d4d4d;margin: 0 0 1em;display: flex;justify-content: center;align-items: center;text-decoration: none;}
#mainView .titleBox .txt03 a:after{content:"";display:inline-block;width: 1.2em;height: 1.2em;background:url(/images/top_230801/fv_contents02.png) no-repeat center / cover;margin: 0 0 0 0.3em;}
#mainView .titleBox .txt04{margin: 0 0 1em;order: 1;width: 10em;min-height: 27vmin;}
#mainView .movieBox{position:absolute;top: 0;right: 0%;/* display: none; */width: 100%;height: 0;padding-top: 70%;}
#mainView .movieTxt01{position:absolute;top: 52.5%;right: 5%;z-index:1;width: 17%;}
#mainView .movieTxt02{position:absolute;top: 47.5%;right: 8.5%;width: 33%;}
#mainView .movieBody{position:absolute;top: 71%;right: 9%;width: 32%;z-index: 1;}
#mainView .movieBody video{transform:scale(1,1.35) skew(0deg,23deg);background:#fff;cursor: pointer;width: 100%;}
#mainView .serviceBox{position: relative;z-index: 1; width: 100%; padding: 0 4%;}
#mainView .serviceListBox{display:flex;justify-content:space-between;align-items:center;}
/*
#mainView .serviceListBox:after{content:"";display:block;width: 3.5em;height: 3.5em;background:url(/images/top_230801/fv_nav_contents01.png) no-repeat center / cover;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:1;}
*/
#mainView .serviceListItem{width: 49.5%;position:relative;margin-top: 1%;}
#mainView .serviceListItem a{display:block;box-sizing:border-box;width: 100%;height: 9em;text-decoration:none;padding: 1em 0.5em  2em;border: 2px solid #afafaf;}
#mainView .serviceListItem.listItem01 a{background: url(/images/top_230801/fv_nav01_contents01.png) no-repeat left 47% bottom 10% / 4.2em auto, #333;border-radius: 5px 0px 0px 5px; border-right: none;}
#mainView .serviceListItem.listItem02 a{background: url(/images/top_230801/fv_nav02_contents01.png) no-repeat left 47% bottom 10% / 4.2em auto, #333;/*border-radius: 0px 10px 0px 0px;*/ border-right: none;}
#mainView .serviceListItem.listItem03 a{background: url(/images/top_230801/fv_nav03_contents01.png) no-repeat left 47% bottom 10% / 4.2em auto, #333;/*;border-radius: 0px 0px 0px 10px;*/ border-right: none;}
#mainView .serviceListItem.listItem04 a{background: url(/images/top_230801/fv_nav04_contents01.png) no-repeat left 47% bottom 10% / 4.2em auto, #333;border-radius: 0px 5px 5px 0px;}
#mainView .serviceListItem span{display:block;text-align:center;font-weight:700;color:#fff;}
#mainView .serviceListItem .txtTop{font-size: 3.4vw;margin: 0 0 0.2em;}
#mainView .serviceListItem .txtBottom{font-size: 2.5vw; line-height: 1.3;}
#mainView .serviceListItem.listItem01 span{color:#01b8cc;}
#mainView .serviceListItem.listItem02 span{color:#8ec01f;}
#mainView .serviceListItem.listItem03 span{color:#f38f1e;}
#mainView .serviceListItem.listItem04 span{color:#b296d2;}
#mainView .serviceListItem[class*="listItem"] .txtMore{color:#fff;font-weight: normal;margin: 1em 0 0;padding: 0 1em 0 0;text-align: right;background: url(/images/top_230801/arrow_white_r.png) no-repeat center right / 0.7em auto; font-size: 12px;}
#mainView .formLinkBox{margin: 2% 0 0 0;position: relative;z-index: 1;}
#mainView .formLinkBox .listItem {width: 48%;}

/*240701　追記マイベスト*/
#mainView .titleBox .mybest{position: absolute;right: -6.5em;bottom: 0.5em;width: 26%;}
#schoolSec .mybest{padding: 1em 1em 0;}
#schoolSec .mybest p{text-align: center;}
#schoolSec .mybest p img{width: auto;}
#schoolSec .mybest p span{font-size: 150%;display: block;font-weight: bold;line-height: 1.3;margin: 1em 0 0;}

/*----- ホットトピックス -----*/
#hotTopicsSec > .sectionInner{max-width: 100%;padding-top: 0%;padding-left: 2.5%;padding-right: 2.5%;box-shadow: none;display: flex;flex-direction: column;justify-content: center;}
#hotTopicsSec .titleBox{
    order: 2;
}
#hotTopicsSec .contentsBox{
    width: 100%;
    order: 3;
}
#hotTopicsSec .pickupBox{margin:0 0 1em;order: 1;}
#hotTopicsSec .pickupBox p{margin:0; padding:0;}
#hotTopicsSec .pickupBox .htBnr{width: 100%;display: flex;justify-content: space-between;}
#hotTopicsSec .pickupBox .htBnr .cpBnr{/*width: 70%;*/width:95%;margin: 1.0em auto 0;}
#hotTopicsSec .pickupBox .htBnr .cmBnr{width: 35%}
#hotTopicsSec #slickSlideBox{margin: 0 0 1em;}
#hotTopicsSec #slickSlideBox .slick-slider .slick-list{padding: 0 10%!important;}
#hotTopicsSec #slickSlideBox .slick-dotted.slick-slider{margin-bottom:0;}
#hotTopicsSec #slickSlideBox .slick-list .slick-slide{}
#hotTopicsSec #slickSlideBox .slick-list .slick-slide{position:relative;padding:0 5px;/* width: 70%; */height: auto;}
#hotTopicsSec #slickSlideBox .slick-list .slick-slide:not(.slick-current){opacity:0.5;}
#hotTopicsSec #slickSlideBox .slick-list .slick-slide a{display:block;width: auto;height: 13em;}
#hotTopicsSec #slickSlideBox .slick-dots li button:before{border-color:#01b8cc;}
#hotTopicsSec #slickSlideBox .slick-dots li.slick-active button:before{ opacity:.75;  background:#01b8cc;}
#hotTopicsSec #slickSlideBox .slick-dotted.slick-slider:before{content:"";display:none;width: 120px;height:100%;position:absolute;top:0;left: 0px;z-index: 1;}
#hotTopicsSec #slickSlideBox .slick-dotted.slick-slider:after{content:"";display:none;width: 120px;height:100%;position:absolute;top:0;right: 0px;z-index: 1;}
#hotTopicsSec #slickSlideBox .pcNone{}
#hotTopicsSec #slickSlideBox .spNone{display:none;}
#hotTopicsSec #slickSlideBox .slick-slide img{width: auto;height: 100%;}
#hotTopicsSec .slick-prev:before,
#hotTopicsSec .slick-next:before{display:none;}
#hotTopicsSec .slick-prev,
#hotTopicsSec .slick-next{z-index:2;top:50%;transform: translate(0,-50%);}
#hotTopicsSec .slick-prev{left: 0;background:url(/images/top_230801/ht_slider_arrow_l.png) no-repeat center/cover;}
#hotTopicsSec .slick-next{right: 0;background:url(/images/top_230801/ht_slider_arrow_r.png) no-repeat center/cover;}


/*----- オリコン -----*/
#oriconVoiceSec .titleBox .txtTop{margin-bottom: 0.6em;}
#oriconVoiceSec .secTtl{border:none; font-size: 180%; font-weight: bold; position: relative; margin: 1em auto;}
#oriconVoiceSec .secTtl:before{content:"";display: block;width: 0;height: 2em;border: 1px solid #c2a64e;transform: rotate(-45deg);position: absolute;left: calc(50% - 8.8em);bottom: 0;}
#oriconVoiceSec .secTtl:after{content:"";display: block;width: 0;height: 2em;border: 1px solid #c2a64e;transform: rotate(45deg);position: absolute;right: calc(50% - 8.8em);bottom: 0;}
#oriconVoiceSec .secTtl span.marker {background: linear-gradient(transparent 70%, #f2e199 70%);}
#oriconVoiceSec .contentsBox{margin: 1em 0 0; padding: 0 1em;}
#oriconVoiceSec .contentsBoxInner{margin: 1em 0 2em;}
#oriconVoiceSec .oriconVoiceTabUl{display: flex; justify-content: space-between; margin-bottom: 0.75em;}
#oriconVoiceSec .oriconVoiceTabLi{width: 19%; text-align: center; background: #b3b3b3; color: #fff; padding: 0.8em 0; border-radius: 0.5em; cursor: pointer; font-size: 130%;}
#oriconVoiceSec .oriconVoiceTabLi:hover{opacity: .5; transition: all ease .3s;}
#oriconVoiceSec .oriconVoiceTabLi.active{background: #00a1c9;}
#oriconVoiceSec .oriconVoiceListUl{border: 1px solid #00a1c9; padding: 1em; height: 20em; overflow-y: auto;}
#oriconVoiceSec .oriconVoiceLi{padding: 0.5em 0.5em 0.3em; border-bottom: 1px dotted #888; display: flex; justify-content: space-between; font-size: 130%; flex-wrap: wrap;}
#oriconVoiceSec .oriconVoiceLi p{margin: 0;}
#oriconVoiceSec .oriconVoiceLi .voice{width: 100%;}
#oriconVoiceSec .oriconVoiceLi .person{width: 100%; text-align: right;}
#oriconVoiceSec .oriconVoiceLi.last-visible {border-bottom: none; margin-bottom: 0;}


/*----- レッスンスタイル -----*/
#lessonstyleSec{position:relative;}
#lessonstyleSec:before{content:"";display:block;width: 24%;padding-top: 27%;height: 0em;position:absolute;top: -1.4em;left:0;background:url(/images/top_230801/fv_contents03_sp.png) no-repeat center/cover;z-index: 1;}
#lessonstyleSec .sectionInner{position:relative;}
#lessonstyleSec .subTtl{font-size: 150%;margin: 0.8em 0 0.8em 0;}
#lessonstyleSec .btnBox{display:flex;justify-content: center;align-items:center;margin: 3em 0 1em 0;}
#lessonstyleSec .btnBox .btn{width:33.33%;margin: 0;}
#lessonstyleSec .btnBox .btn .btnLink{display:block;background: #333333;border: none;color: #fff;width: 100%;font-size: 125%;font-weight: bold;text-align:center;box-sizing:border-box;margin: 0 0;padding: 0.8em 0;text-decoration: none;position: relative;line-height: 1;}
#lessonstyleSec .btnBox .houjinLink .btnLink{background: /*url(/images/top_230801/arrow_white_r.png) no-repeat center right 0.5em / 0.5em auto,*/#00698a;/*padding-right: 1em;*/}
#lessonstyleSec .btnBox .nbkLink .btnLink{background: /*url(/images/top_230801/arrow_white_r.png) no-repeat center right 0.5em / 0.5em auto,*/#ff7bac;/*padding-right: 1em;*/}

#lessonstyleSec .btnBox .eigosenkaLink .btnLink{background:/* url(/images/top_230801/arrow_white_r.png) no-repeat center right 0.5em / 0.5em auto,*/#532E8E;/*padding-right: 1em;*/}

#lessonstyleSec .btnBox .otonaLink .btnLink{background: #333333;}
#lessonstyleSec .btnBox .otonaLink .btnLink:before{content:"";position: absolute;bottom: -1.8em;left: calc(50% - 1em);border: 1em solid transparent;border-top: 1.5em solid #333333;}
#lessonstyleSec .lessonStyleListBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
#lessonstyleSec .lessonStyleListBox .listItem{width: 100%;box-shadow:0 0 2px 2px rgba(0,0,0,0.1);margin: 2em 0 0;display: block;text-decoration: none;cursor: pointer;}
#lessonstyleSec .lessonStyleListBox .listItem:nth-of-type(-n + 1){margin-top:0;}
#lessonstyleSec .lessonStyleListBox .itemInBox{display:flex;justify-content:space-between;/* align-items:center; */flex-wrap: wrap;}
#lessonstyleSec .lessonStyleListBox .ttlBox{width:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d4d4d+0,1a1a1a+100 */text-indent: 0.3em;background: rgb(77,77,77); /* Old browsers */background: -moz-linear-gradient(right,  rgba(77,77,77,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(right,  rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(77,77,77,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */}
#lessonstyleSec .lessonStyleListBox .ttlBox .ttl-h3{color:#fff;font-size: 155%;padding: 0.5em 0.5em 0.5em 0.5em;}
#lessonstyleSec .lessonStyleListBox .ttlBox .ttl-h3 .txtTop{}
#lessonstyleSec .lessonStyleListBox .ttlBox .ttl-h3 .txtBottom{font-size: 85%;}
#lessonstyleSec .lessonStyleListBox .txtBox{order:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width: 65%;/* height:115px; */box-sizing:border-box;padding: 1em 3em 1em 1em;}
#lessonstyleSec .lessonStyleListBox .txtBox{background: url(/images/top_230801/arrow_gray_r02.png) no-repeat right 0.5em center / 1.5em auto;}
#lessonstyleSec .lessonStyleListBox .txtBox .ttl-h4{order:2;font-size: 160%;line-height:1.4;color:#222;}
#lessonstyleSec .lessonStyleListBox .txtBox .ttl-h4 .txtTop{display:block;}
#lessonstyleSec .lessonStyleListBox .txtBox .ttl-h4 .txtBottom{display:block;}

#lessonstyleSec .lessonStyleListBox .ekimaeryugaku .ttl-h3{color: #00aeb8;background: url(/images/top_230801/fv_nav01_contents01.png) no-repeat right 0.5em center / auto 2em;}
#lessonstyleSec .lessonStyleListBox .ekimaeryugaku .ttl-h4 .txtTop{color: #00aeb8;}
#lessonstyleSec .lessonStyleListBox .ochanoma .ttl-h3{color: #8ec01f;background: url(/images/top_230801/fv_nav02_contents01.png) no-repeat right 0.5em center / auto 2em;}
#lessonstyleSec .lessonStyleListBox .ochanoma .ttl-h4 .txtTop{color: #8ec01f;}
#lessonstyleSec .lessonStyleListBox .livestation .ttl-h3{color: #f38f1e;background: url(/images/top_230801/fv_nav03_contents01.png) no-repeat right 0.5em center / auto 2em;}
#lessonstyleSec .lessonStyleListBox .livestation .ttl-h4 .txtTop{color: #f38f1e;}
#lessonstyleSec .lessonStyleListBox .app .ttl-h3{color: #b296d2;background: url(/images/top_230801/fv_nav04_contents01.png) no-repeat right 0.5em center / auto 2em;}
#lessonstyleSec .lessonStyleListBox .app .ttl-h4 .txtTop{color: #b296d2;}

#lessonstyleSec .lessonStyleListBox .txt{order:3;font-size: 12px;line-height:1.2;color:#222;padding:0;}
#lessonstyleSec .imgBox{order:1;width: 35%;}
#lessonstyleSec .imgBox img{width: 100%;height: 100%;object-fit: cover;}

.lessonStyleCombinationBox .titleBox .ttl-h3 {text-align: center;color: #242424;}
.lessonStyleCombinationBox .ttl-h4 {text-align: left;color: #242424;margin: 2em 0 1em;position: relative;}
.lessonStyleCombinationBox .ttl-h4 .txtTop{font-size: 150%;display:block;line-height:1.2;color:#ea1c24;}
.lessonStyleCombinationBox .ttl-h4 .txtBottom{font-size: 135%;display:block;line-height:1.2;}
.lessonStyleCombinationBox .ttl-h4:before{content:"";display:block;width: 5em;height: 6em;position:absolute;top: -.5em;right:0;background: url(/images/top_230801/img_lessonstyle_contents02.png) no-repeat center / 4em auto;}
.lessonStyleCombinationBoxInner{padding: 10% 0% 5%;}

/*----- NOVAのこだわり -----*/
#kodawariSec .contentsBox .contentsBoxInner{padding: 0px 0 0px;position:relative;}
#kodawariSec .iconBoxs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#kodawariSec .iconsImg{height:auto;}
#kodawariSec .icons{width:32%;;padding:0px;margin-bottom:5px;}
#kodawariSec .icons.keyword04 {margin-right:60%;}
#kodawariSec .commitmentBox > a{display:block;position: relative;}
#kodawariSec .btnMore{position:absolute;width: 60%;top: 23%;right: 3%;z-index: 2;}

/*----- 生徒様の声 -----*/
#seitonokoeSec{}
#seitonokoeSec .inTitleBox .inTtl{line-height:1;padding: 0.4em 0.4em;width: auto;margin:0 auto;}
#seitonokoeSec .inTitleBox .inTtl img{width:auto;height: 1.5em;}
#seitonokoeSec .commentBox{display:flex;padding: 1em 1em;}

/*2310リニューアル佐々倉*/
#seitonokoeSec .voice_slickSlideBox{margin: 0 0 11%; width: 100%;}
#seitonokoeSec .voice_slickSlideBox li .voice_ttl{font-size: 180%;font-weight: bold;line-height: 1.2;}
#seitonokoeSec .voice_slickSlideBoxli div{border-bottom: 1px dotted #999999;padding: 0 0 1em;}
#seitonokoeSec .voice_slickSlideBox li div .vioce_photo{width: 80px;margin: 0 1em 0 0;}
#seitonokoeSec .voice_slickSlideBox li div .vioce_text{width:calc(95% - 80px);}
#seitonokoeSec .voice_slickSlideBox li div .voice_name{font-weight: bold;color: #666;display: block;margin:1em 0 0.5em;font-size: 115%;}
#seitonokoeSec .voice_slickSlideBox li div .voice_course{color: #666;display: block;font-size: 12px;}
#seitonokoeSec .voice_slickSlideBox li .voice_txt{ -webkit-box-orient: vertical; -webkit-line-clamp: 3;font-size: 140%; display: -webkit-box;overflow: hidden;line-height: 1.5;}
#seitonokoeSec .voice_slickSlideBox li .voice_more{color: #5291F2;font-size:  12px;text-align: left;line-height: 1;}
/*スライド*/
#seitonokoeSec .voice_slickSlideBox .slick-slider{margin-bottom:0;padding: 0em 2em 1em;}
#seitonokoeSec .voice_slickSlideBox .slick-list .slick-slide{}
#seitonokoeSec .voice_slickSlideBox .slick-list .slick-slide{position:relative;padding:0 5px;margin: 1em 1em;}
#seitonokoeSec .voice_slickSlideBox .slick-dots li button:before{border-color:#404040;}
#seitonokoeSec .voice_slickSlideBox .slick-dots li.slick-active button:before{ opacity:.75;  background:#404040;}
#seitonokoeSec .voice_slickSlideBox .slick-dotted.slick-slider:before{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;left: 0px;z-index: 1;}
#seitonokoeSec .voice_slickSlideBox .slick-dotted.slick-slider:after{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;right: 0px;z-index: 1;}
#seitonokoeSec .slick-dots{left: 0;right: 0;bottom: -5px;}
#seitonokoeSec .slick-prev,
#seitonokoeSec .slick-next{z-index:2;top:50%;transform: translate(0,-50%);}
#seitonokoeSec .slick-prev{left: 0px;background:url(/images/top_230801/arrow_lightgray_l2.png) no-repeat center/cover;width: 13px;height: 20px;}
#seitonokoeSec .slick-next{right: 0px;background:url(/images/top_230801/arrow_lightgray_r2.png) no-repeat center/cover;width: 13px;height: 20px;}
#seitonokoeSec .slick-next:before,#seitonokoeSec .slick-prev:before{content: "";}
/*タブ実装*/
#seitonokoeSec .tab_box .btn_area {display: -webkit-box;display: flex;justify-content:flex-start;align-items: stretch;overflow: scroll;margin-bottom: 0.5em;flex-wrap: nowrap;}
#seitonokoeSec .tab_box .tab_btn {min-width:125px;padding: 10px 5px 5px 5px;color: #000;cursor: pointer;transition: all 0.2s ease 0s;font-size:140%; font-weight: bold;border-bottom: 5px solid #c9c9c9;margin-top: 15px;text-align: center;line-height: 1.3;margin: 0 0.2em;}
#seitonokoeSec .tab_box .tab_btn span{font-size: 80%;font-weight: normal;vertical-align: middle;display: block;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent{background: #fff;margin-top: 0;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent.ekimae{border-bottom: 5px solid #00aeb8;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent.nbk{border-bottom: 5px solid #EA94A5;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent.ocha{border-bottom: 5px solid #8ec01f;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent.live{border-bottom: 5px solid #f4901e;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent.app{border-bottom: 5px solid #b296d2;}
#seitonokoeSec .tab_box .panda{display: none;}






/*----- 料金の目安 -----*/
#pricePlanSec{}
#pricePlanSec .subTtl{font-size: 170%;}
#pricePlanSec .listItem{margin:0 0 5%;}
/*
#pricePlanSec .moreBtn{text-align:center; margin:5% 0 10%;}
#pricePlanSec .moreBtn a{background:#fbb03b;color:#fff;display:inline-block;font-size:160%;line-height: 1;padding: 0.6em 2em 0.5em;border-radius:30px;text-decoration: none;}
*/
#pricePlanSec .sectionBox{display:inline-block;width:45.5%;height:auto;border:1px solid #dcdcdc;margin-bottom:6%;}
#pricePlanSec .boxs{display:flex;flex-flow:column;}
#pricePlanSec .box1{order:2;color:#ffffff;font-size:1.6em; font-weight: 500; text-align:center;padding:3.5% 0px;background:#000000;}
#pricePlanSec .box2{order:1;font-size:1.3em;color:#ffffff;text-align:center;padding:3.5% 0px;}
#pricePlanSec .box3{order:3;text-align:center;font-size: 2.1em;padding:6% 1%;line-height: 1.2em;}
#pricePlanSec .box3 .priceText{display:block;font-weight:bold;color:#333;}
#pricePlanSec .taxText{font-size:0.7em;display:block;}
#pricePlanSec .smallText{font-size:0.7em;}
#pricePlanSec .lessonText{display:inline-block; font-size:0.7rem;line-height:1.2em;}
#pricePlanSec .contentsBox ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack: distribute;justify-content: space-around;}
#pricePlanSec .topColor1{background:#00a1c9;}
#pricePlanSec .topColor2{background:#249FBC;}
#pricePlanSec .topColor3{background:#8cc63f;}
#pricePlanSec .topColor4{background:#ed1e79;}
#pricePlanSec .topColor5{background:#ff7bac;}
#pricePlanSec .topColor6{background:#00b2bc;}

#pricePlanSec .osusumeRyugaku{}
#pricePlanSec .osusumeRyugaku .inTitleBox .ttl-h3 {text-align: center;color: #242424;margin: 2em 0 1em;position: relative;}
#pricePlanSec .osusumeRyugaku .inTitleBox .ttl-h3 .txtTop{font-size: 130%;display:block;line-height:1.2;}
#pricePlanSec .osusumeRyugaku .inTitleBox .ttl-h3 .txtBottom{font-size: 135%;display:block;line-height:1.2;}
#pricePlanSec .osusumeRyugaku .inTitleBox .ttl-h3:after{content:"";display:block;margin: 0.5em auto -1.7em;width: 0;height: 0;/* position: absolute; */bottom: 0;left: calc(50% - 1em);border: 8em solid transparent;border-top: 1.5em solid #e3e3e3;border-bottom: 1.5em solid transparent;}
#pricePlanSec .osusumeRyugaku .inTitleBox .moreBtn{display:none;}
#pricePlanSec .osusumeRyugaku .img {width: 70%;margin:0 auto;}


/*----- コースラインナップ -----*/
#csSec{}
#csSec .sectionInner{}
#csSec .ttl-h3{text-align:center; margin:0 0 0.5em 0;}
#csSec .ttl-h3 .txtTop{font-size: 130%;display:block;line-height:1.2;}
#csSec .courseListBox {width: 90%;margin: 0 auto;padding: 2em 0 0;}
#csSec .contentsBox .listItem{width: 100%;margin: 0 0 2em 0;}
#csSec .contentsBox .listItem a{text-decoration:none;}

#csSec .contentsBox .listItem.allinCourse{border-top: dotted #999999 1px;margin-top: 3em;padding-top: 3em;}
#csSec .contentsBox .listItem.teibanSeries{border-top: dotted #999999 1px;margin-top: 3em;padding-top: 3em;}

#csSec .allinCourse li{width:33%;}
#csSec .teibanSeries li{width:48%;}
#csSec .contentsBox dt{text-align:center;margin-bottom:0.5em;font-size: 130%;}

/*  多言語サービス */
#csSec .gengoSec .listItemBox {border: 5px solid #ccc;padding: 1em 1em 0em 1em;background: #f2f2f2;margin: 0% 0% 0;}
#csSec .gengoSec a{text-decoration:none;}
#csSec .gengoSec p{text-align: center; padding: 0;}
#csSec .gengoSec p a{background: #E0007E;color: #fff;text-align: center;display: inline-block;line-height: 1;margin: 0 auto;padding: 0.6em 3em 0.5em;border-radius: 15px;font-size: 180%;}
#csSec .gengoSec .sectionInner{}
#csSec .gengoSec h2{text-align: center;font-size: 200%;}
#csSec .gengoSec img{}
#csSec .gengoSec ul{padding: 0.6em 3em 0;}
#csSec .gengoSec li{box-sizing: border-box;width: 25%;padding: 0 6% 1em;text-align: center;}
#csSec .gengoSec li a{display:block;}
#csSec .gengoSec li img{width: 100%;}


/*----- スペシャルコンテンツ -----*/
#specialcontentsSec .novaLearningList li,
#specialcontentsSec .novaLearningList li {padding: 1em; border-bottom: #CCC dotted 1px;}{padding: 1em 0; border-bottom: #CCC dotted 1px;}
#specialcontentsSec .novaLearningList li > a {text-decoration: none;}
#specialcontentsSec .novaLearningList .img {width: 100%;height: 10em;overflow: hidden;margin-bottom: 1em;}
#specialcontentsSec .novaLearningList .img img {width: 100%; height: 100%;object-fit: cover;}
#specialcontentsSec .novaLearningList .detailBox {width: 100%;}
#specialcontentsSec .novaLearningList .detailBox .categoryDate {font-size: 12px; padding: 0; margin: 0; line-height: 1;}
#specialcontentsSec .novaLearningList .detailBox .categoryDate span {display: inline-block; padding: 0.5em 0.4em 0.3em 0.4em; line-height: 1;}
#specialcontentsSec .novaLearningList .detailBox .categoryDate .category {background-color: #ccedf4;}
#specialcontentsSec .novaLearningList .detailBox .categoryDate .date {color: #a3a3a3;}
#specialcontentsSec .novaLearningList .detailBox .ttl {padding: 0; margin: 0.5em 0 0.3em 0; line-height: 1.2; font-size: 16px;font-weight: bold; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#specialcontentsSec .novaLearningList .detailBox .syosai{padding: 0;line-height: 1.5;height: 3em;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin: 0; font-size: 12px;}
/*
#specialcontentsSec .novaLearningBox .moreBtn {text-align: center;margin: 2em 0 0 0;padding: 0;}
#specialcontentsSec .novaLearningBox .moreBtn a{background: #00a4c9;color: #fff;display: inline-block;font-size: 160%;line-height: 1;padding: 0.6em 2em 0.5em;border-radius: 30px;text-decoration: none;}
*/

/*----- NEWS -----*/
#newsSec{ width:100%;}
#newsSec .sectionInner{height: auto;overflow: initial;border: none;}
#newsSec .listBox{height: 260px;padding: 1em 0.5em;overflow:auto;border: 1px solid #e0e0e0;}
#newsSec li{ padding:3px 5px; border-bottom:#CCC dotted 1px;}
#newsSec li.importantNews{background: #fffed5;}
#newsSec dl{min-height: 6em;}
#newsSec dt,
#newsSec dd{font-size: 12px;line-height: 1.4;}
#newsSec dt{float:left; font-weight:normal; width: 54px;}
#newsSec dd{float:right; width:calc(100% - 65px);}

/*コロナウィルスのニュース*/
#newsSec .listBox{margin-bottom: 1em;}
#newsSec #covidInfoBtn{padding: 0; margin: 0;}
#newsSec #covidInfoBtn a{display: block; width: 100%; height: 2em; line-height: 2em; text-align: center; background-color: #fff; border: 1px solid #00a1c9; color: #00a1c9; text-decoration: none;}

/*NEWSタブ切り替え*/
#newsSec .newsTabUl {display: flex; justify-content: space-between; margin-bottom: 0.5em;}
#newsSec .newsTabLi {width: 30%; cursor: pointer; padding: 0.2em; border-radius: 5px; text-align: center; font-size: 12px;}
#newsSec .newsTabLi.all {color:#01b8cc; border:1px solid #01b8cc;}
#newsSec .newsTabLi.news {color:#8ec01f; border:1px solid #8ec01f;}
#newsSec .newsTabLi.media {color:#f38f1e; border:1px solid #f38f1e;}
#newsSec .newsTabLi.release {color:#b296d2; border:1px solid #b296d2;}

#newsSec .newsTabLi.all.active {color:#fff; background-color: #01b8cc;}
#newsSec .newsTabLi.news.active {color:#fff; background-color: #8ec01f;}
#newsSec .newsTabLi.media.active {color:#fff; background-color: #f38f1e;}
#newsSec .newsTabLi.release.active {color:#fff; background-color: #b296d2;}

#newsSec .newsListLi {display: none;}

#newsSec .newsListLi dt{position: relative;}
#newsSec .newsListLi.news dt:after{content:"ニュース"; display: block; width: 54px; line-height:1; background: #93b940; color:#fff; text-align: center; padding: 2px 0 4px; margin-top: 5px;}
#newsSec .newsListLi.media dt:after{content:"メディア"; display: block; width: 54px; line-height:1; background: #f38f1e; color:#fff; text-align: center; padding: 2px 0 4px; margin-top: 5px;}
#newsSec .newsListLi.release dt:after{content:"リリース"; display: block; width: 54px; line-height:1; background: #b296d2; color:#fff; text-align: center; padding: 2px 0 4px; margin-top: 5px;}

/*----------------------------------------------------------------------------
***                                                               下の塊
----------------------------------------------------------------------------*/
#serSec{position:relative;width:735px;height:120px;margin-bottom:15px;}
#serSec dd{position:absolute;left:20px;top:-28px;}
#seSec{position:relative;}
#seSec .sectionInner{}
#seSec p{font-size:90%;color:#666;padding-left:15px;}
#seSec p.imgfloatR{width:24%;}
#seSec h2{font-size:150%;color:#333;font-weight:400;line-height:1.2em;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
#seSec h3{font-size:140%;color:#4E56EF;font-weight:400;background:url(/common_images/icon_list08.png) left 8px no-repeat;padding-left:20px;margin-top:10px;}
#slide{margin-left:43px;}
#seSecTtlBox{display:flex;width:100%;}
#seSec #seUsa{width:54vw;max-width:70px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0;padding:0;}
#slide span:hover{background-color:#FCA;}
#slide span{font-size:150%;}
#slide img{width:18px;margin:0 5px 2px;}
#target{border-top:#CCC dotted 1px;padding-top:10px;margin-top:20px;display:none;}


/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.aside{}
.aside .rightSection{margin: 0; border: none; background: #f2f2f2; padding-left: 10%; padding-right: 10%;}
.rightSection {float:none;}
.rightSectionInner { padding-top:0px;}
.rightSection .cmA{/*margin-bottom: 15px;*/}
.rightSection .section{margin-bottom:10px;}
.rightSection iframe { border:none; width:100%; }
.rightSection .rightSectionInner li{margin-bottom: 1.5em;}

/*----- 中間バナー領域 -----*/
.middleBnrBox{padding:0;margin: 5% 5% 5%;}
.middleBnrBox li{margin-bottom:1.5em;}
.middleBnrBox li:last-child{margin-bottom:0;}

/*  多言語サービス */
#gengoSec{border: 5px solid #ccc;padding: 1em 1em 0em 1em;background: #f2f2f2;margin: 5% 5% 0;}
#gengoSec a{text-decoration:none;}
#gengoSec p{text-align: center; padding: 0;}
#gengoSec p a{background: #E0007E;color: #fff;text-align: center;display: inline-block;line-height: 1;margin: 0 auto;padding: 0.6em 3em 0.5em;border-radius: 15px;font-size: 180%;}
#gengoSec .sectionInner{}
#gengoSec h2{text-align: center;font-size: 200%;}
#gengoSec img{}
#gengoSec ul{padding: 0.6em 3em 0;}
#gengoSec li{box-sizing: border-box;width: 25%;padding: 0 6% 1em;text-align: center;}
#gengoSec li a{display:block;}
#gengoSec li img{width: 100%;}

/*----- その他サービス -----*/
.othersServiceBox{font-size: 12px;}

/*----- お近くのスクールをさがす -----*/
#searchBox{background: #f2f2f2;padding: 1em 1em 1em 1em;margin-bottom: 2em;}
#searchBox .searchBoxTtl{color:#00a1c9;font-size:171%;display:flex;justify-content:center;align-items:center;font-weight:700;width:100%;}
#searchBox .searchBoxTtl:before{content:"";display:inline-block;width:17px;height:20px;margin: 0 0.3em 0 0;background:url(/images/top_210625/ico_search01.png) no-repeat center center/cover;}
#searchBox .schoolsList{padding: 5% 0% 5%;}
#searchBox .schoolsList .listItem{width: 31%;margin:1.3% 0 1.3%;}
#searchBox .schoolsList .listItem a{font-size: 150%;display:inline-block;border: 1px solid #bbb;background: #fff;width:100%;text-align:center;line-height:1;color:#00a1c9;padding: 0.7em 0 0.6em;text-decoration:none;}
#searchBox .schoolsList .listItem a:hover{background:#00a1c9; color:#fff;}
#searchBox .searchBoxBtn{text-align:center;}
#searchBox .searchBoxBtn a{background:#00a1c9;color:#fff;text-align:center;display:inline-block;line-height:1;margin:0 auto;padding:0.6em 3em 0.5em;border-radius: 30px;font-size: 180%;text-decoration: none;}


/*----- schoolsListSec -----*/
#schoolsListSec{position:relative;background:none;}
#schoolsListSec > .sectionInner{position:relative;}
#schoolsListSec .titleBox .txtSubTitle{color:#fff;width:200px;text-align:left;margin:0 auto;}
#schoolsListSec .contentsBox{margin-bottom:6%;}
#schoolsListSec #schoolViewBox{text-align:center;position:relative;width:100%;height:auto;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1em 0 0;}
#schoolsListSec #schoolViewBox .titleBox{display:inline-block;margin:0 12% 2%;padding:0;}
#schoolsListSec #schoolNameBox{display:inline-block;position:relative;z-index:1;margin:1% 10% 4%;}
#schoolsListSec #schoolNameBox .boxInner{width:230px;margin:0 auto;}
#schoolsListSec #schoolNameBox .schoolName{font-size:16px;color:#fff;line-height:1;margin-bottom:5%;}
#schoolsListSec #schoolNameBox .schoolOpen{background:#fff;color:#00a4c8;width:80%;font-size:150%;border-radius:25px;font-weight:700;display:none;margin:0 auto 10px;padding:2% 0;}
#schoolsListSec #schoolNameBox .schoolLink p{margin: 0.2em 0 0.2em 0;}
#schoolsListSec #schoolNameBox .schoolLink a{display:block;width:13em;border:1px solid #fff;line-height:1;color:#fff;margin:0 auto;padding:.6em 0; font-size:12px ;}
#schoolsListSec #schoolSlideBox{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
#schoolsListSec #schoolSlideBox .flex-control-nav{width:100vw;bottom:3%;left:50%;-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);height:auto;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#schoolsListSec #schoolSlideBox .slides li{position:relative;overflow:hidden;}
#schoolsListSec #schoolSlideBox .slides li > img{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translate(-50%,0);z-index:0;object-fit:cover;}
#schoolsListSec #schoolSlideBox .flex-viewport{width:100%;margin:0;}
#schoolsListSec #schoolSlideBox .flex-control-paging li a{width:8px;height:8px;background:#999;border-radius:0;cursor:pointer;}
#schoolsListSec #schoolSlideBox .flex-control-paging li a.flex-active{background:#00a4c8;cursor:default;}
#schoolsListSec #schoolSlideBox .flex-direction-nav a{opacity:1;width:60px;height:60px;top:calc(50%-15px);text-indent:100%;white-space:nowrap;overflow:hidden;z-index:9999999;}
#schoolsListSec #schoolSlideBox .slideBoxInner .flexslider:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:0 0 rgba(130,130,130,0) 49% rgba(0,0,0,0.7) 100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#b3000000',GradientType=1);}
#schoolsListSec #schoolNo1Txt{font-size:140%;}
#schoolsListSec #schoolNumTxt{font-size:120%;}
#schoolsListSec #newSchoolBox{display:inline-block;width:100%;height:auto;background:#fff;position:relative;z-index:1;margin:0;}
#schoolsListSec #newSchoolBox #schoolOpenTxt{position:relative;display:block;line-height:1;text-align:center;border-bottom:1px solid #ccc;padding:15px 0;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .txt.new{color:#e7227e;margin-right:-.2em;}
#schoolsListSec #newSchoolBox #schoolOpenTxt > span{font-weight:700;line-height:1;display:inline-block;font-size:150%;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .info{display:block;position:absolute;transform:translate(0,-50%);background:#00a4c8;color:#fff;line-height:1;border-radius:5px;font-size:100%;top:calc(50%-0.1em);right:2%;padding:.4em 1.5em .2em .5em;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .info:after{content:"";display:block;position:absolute;top:50%;right:0;transform:translate(0,-50%);width:0;height:0;border:.5em solid transparent;border-left-color:#fff;}
#schoolsListSec #newSchoolBox .linkBox_list .txtYear{display:none;}
#schoolsListSec #newSchoolBox .linkBox_list.pullTgt{border-top:none;}
#schoolsListSec #newSchoolBox .linkBox_list li a{display:block;line-height:1.2;overflow:hidden;border-bottom:1px dashed #00a4c8;padding:.5em 1%;}
#schoolsListSec #newSchoolBox .linkBox_list li a .date{font-style:normal;display:inline-block;color:#333;font-size:12px;float:left;width:25%;}
#schoolsListSec #newSchoolBox .linkBox_list li a .name{font-weight:700;display:inline-block;color:#333;font-size:155%;width:100%;padding-left:25%;clear:both;margin:1% 0 0;}
#schoolsListSec #newSchoolBox .linkBox{padding:0;}
#schoolsListSec #newSchoolBox .linkBox .linkBtn{width:100%;max-width:100%;}
#schoolsListSec #newSchoolBox #schoolMore .txt{cursor:pointer;color:#00a4c8;font-weight:700;transition:all .3s ease;padding:5% 0;}
#schoolsListSec #newSchoolBox #schoolMore .txt:after{content:"＋";display:inline-block;margin-left:.5em;width:1.5em;height:1.5em;background:#00a4c8;border-radius:50%;color:#fff;line-height:1.5;text-align:center;transition:all .3s ease;}
#schoolsListSec #newSchoolBox #schoolMore.open .txt:after{content:"-";}
#schoolsListSec #schoolListBox{overflow-y:auto;height:auto;}
#schoolsListSec #schoolListBox .mCSB_inside > .mCSB_container{margin-right:10px;}
#schoolsListSec #schoolListBox .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}
#schoolsListSec #schoolListBox .mCSB_scrollTools{width:5px;}
#schoolsListSec #schoolListBox .mCSB_dragger .mCSB_dragger_bar{background-color:#b0b0b0;width:5px;border-radius:0;}
#schoolsListSec #schoolListBox .mCSB_scrollTools .mCSB_draggerRail{width:5px;background:#e3e3e3;border-radius:0;}
#schoolsListSec #ico_mapBox{width:100px;height:100px;position:absolute;top:29%;right:16%;z-index:0;}
#schoolsListSec #ico_mapBox > svg{width:100%;height:100%;}
#schoolsListSec svg.svg_school{width:210.633px;height:37.815px;}
#schoolsListSec >.sectionInner{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;}
#schoolsListSec .titleBox > *{position:relative;z-index:2;}
#schoolsListSec .titleBox .ttl{color:#fff;font-size:150%;width:100%;}
#schoolsListSec .contentsBox.pickupBox{margin-bottom:0;}
#schoolsListSec #schoolSlideBox .slides a{text-decoration:none;display:block;position:absolute;z-index:10;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:transparent;opacity:1;width:60px;height:60px;top: calc(50% - 15px);text-indent:100%;white-space:nowrap;overflow:hidden;margin:-20px 0 0;}
#schoolsListSec #newSchoolBox .linkBox_list li p{margin:0;}
#schoolsListSec #newSchoolBox .linkBox_list li a .pre:before{content:"／";margin:0 .3em;}
#schoolsListSec #newSchoolBox .hoverActiveBtn{transition:all .3s ease;}
#schoolsListSec #newSchoolBox .moreBtn{margin:1em auto .5em;}
#schoolsListSec #newSchoolBox .moreBtn a{border:none;font-size:100%;border-radius:0;padding:0;}
#schoolsListSec #schoolSlideBox .slideBoxInner,#schoolsListSec #schoolSlideBox .flexslider,#schoolsListSec #schoolSlideBox .flex-viewport,#schoolsListSec #schoolSlideBox .flex-viewport *,#schoolsListSec #schoolSlideBox *{height:inherit;}
#schoolsListSec #schoolSlideBox .flex-control-nav *,#schoolsListSec #schoolSlideBox .flex-direction-nav{height:auto;}

/*2024年12月9日変更前*/
/*#schoolsListSec #schoolSlideBox .flex-direction-nav .flex-prev,#schoolsListSec #schoolSlideBox .flex-prev{left:0;}
#schoolsListSec #schoolSlideBox .flex-direction-nav .flex-next,#schoolsListSec #schoolSlideBox .flex-next{right:0;}
#schoolsListSec #schoolSlideBox .flex-direction-nav .flex-prev:before,#schoolsListSec #schoolSlideBox .flex-prev:before{content:"";display:block;width:20px;height:20px;border:2px solid transparent;border-left-color:#fff;border-bottom-color:#fff;transform:rotate(45deg) translate(-50%,-50%);transform-origin:center;position:absolute;top:60%;right:20%;}
#schoolsListSec #schoolSlideBox .flex-direction-nav .flex-next:before,#schoolsListSec #schoolSlideBox .flex-next:before{content:"";display:block;width:20px;height:20px;border:2px solid transparent;border-right-color:#fff;border-top-color:#fff;transform:rotate(45deg) translate(-50%,-50%);transform-origin:center;position:absolute;top:60%;left:20%;}*/

/*2024年12月9日変更ここから*/
#schoolsListSec #schoolSlideBox .flex-prev{left: 10px;}
#schoolsListSec #schoolSlideBox .flex-next{right: 10px;}
#schoolsListSec #schoolSlideBox .flex-prev,
#schoolsListSec #schoolSlideBox .flex-next {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
}

#schoolsListSec #schoolSlideBox .flex-prev:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-left-color: #fff;
  border-bottom-color: #fff;
  transform: rotate(45deg);
  transform-origin: center;
}

#schoolsListSec #schoolSlideBox .flex-next:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-right-color: #fff;
  border-top-color: #fff;
  transform: rotate(45deg);
  transform-origin: center;
}
/*2024年12月9日変更ここまで*/


#schoolsListSec #schoolSlideBox .slideBoxInner .flexslider:before{content:"";display:block;width:100%;height: 100%;position:absolute;top:0;left:0;z-index: 1;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(19,19,19,0.7) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(19,19,19,0.7) 100%); background: linear-gradient(to bottom, rgba(19,19,19,0.3) 0%,rgba(19,19,19,0.4) 1%,rgba(19,19,19,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3131313',GradientType=0 ); }
#schoolsListSec #newSchoolBox #schoolOpenTxt .info.hoverFlipEaseBtn:hover,
#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover,
#schoolsListSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover,
#schoolsListSec #newSchoolBox #schoolOpenTxt .info.hoverActiveBtn.active,
#schoolsListSec #newSchoolBox .hoverActiveBtn.active{background:#99dbe9;}
#schoolsListSec #newSchoolBox .linkBox_list li a .new,#schoolsListSec #newSchoolBox .linkBox_list li a .pre{display:inline-block;color:#00a4c8;transition:all .3s ease;font-size:125%;width:auto;margin-left:0;float:left;}
#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover .new,#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover .pre,#schoolsListSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt,#schoolsListSec #newSchoolBox .hoverActiveBtn.active .new,#schoolsListSec #newSchoolBox .hoverActiveBtn.active .pre,#schoolsListSec #newSchoolBox #schoolMore.hoverActiveBtn.active .txt{color:#fff;}
#schoolsListSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt:after,#schoolsListSec #newSchoolBox #schoolMore.hoverActiveBtn.active .txt:after{background:#fff;color:#99dbe9;}
#schoolsListSec #schoolListBox .mCSB_dragger:hover .mCSB_dragger_bar,#schoolsListSec #schoolListBox .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#b0b0b0;}
#schoolsListSec .titleBox .txtTop,#schoolsListSec .titleBox .txtBottom{display:block;}

/*開校LP未作成時comingsoon対応 2023年12月7日ここから*/
#schoolsListSec #newSchoolBox .linkBox_list li a.openBefore{pointer-events: none;}
#schoolsListSec #newSchoolBox .linkBox_list li a.openBefore .comingSoon{color:#979797;}
/*開校LP未作成時comingsoon対応 2023年12月7日ここまで*/

/*【アイコン】矢印*/
.arrow{display:block; position:relative;}


.arrow .ico_arrow {position: absolute;top:50%;transform: translateY(-50%); right: 5%;font-size: 16px;}
.arrow .ico_arrow.fillColorWhite{color:#fff;}
.arrow .ico_arrow.fillColorBlue{color:#00a4c8;}
.arrow .ico_arrow.fillColorPink{color:#ed1e79;}
.arrow .ico_arrow.fillColorOrange{color:#f7931e;}
.arrow.hoverFlipEaseBtn:hover .ico_arrow{color:#ffffff;}
.arrow.hoverFlipEaseBtn:hover .ico_arrow.fillColorWhite{color:#00a4c8;}



/*----------------------------------------------------------------------------
***                                                                   topForm
----------------------------------------------------------------------------*/
.topForm{width:100%;margin:3% 0;padding:0;}
.topForm .experience,.topForm .document{margin-top:1%;}
.topForm li{float:left;width:50%;}
.topForm .schoolSearch{width:100%;margin-bottom:2%;}
.topForm .telBox{width:100%;}
.topForm li:nth-last-child(2),.topForm li:last-child{width:50%;}


/*----------------------------------------------------------------------------
***                                                            ポップアップ類
----------------------------------------------------------------------------*/
#modal-overlay { z-index:9999; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba( 0,0,0, 0.75 );}
/*modal-02*/
#modal-02 .esBox{ border-top: 1px solid #ccc; padding-top: 2em;margin-top: 1em;}
#modal-02{width:90%;/*height:36%;*/margin:0;border:7px solid #E6E6E6;background:#fff;position:fixed;display:none;font-size: 90%;z-index:999999;margin-top:5%;}
#modal-02 #modalInner{ padding:3% 6%;max-height: 80vh;overflow-y: auto;overflow-x: hidden;}
#modal-02 #modal-overlay{ z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba( 0,0,0, 0.75 );}
#modal-02 .button-link{ color:#00f; text-decoration:underline;}
#modal-02 .button-link:hover{ cursor:pointer; color:#f00;}
#modal-02 h2{text-align:center;font-size:120%;border-bottom:1px solid #333333;margin-bottom: 5%;padding-bottom: 3%;line-height:1.6em;}
#modal-02 h2 span{font-size: 160%;color:#ED1E79;}
#modal-02 #recruitNova{margin: 5% 0;}
#modal-02 ul{ width:100%;}
#modal-02 li{ float:left; width:50%;}
#modal-02 li:first-child{ padding-right:0;}
#modal-02 li img{ width:100%;}
#modal-02 #closeButton{ position:absolute; right:-15px; top:-20px;}
#modal-02 #recuitText{font-size: 130%;font-weight:bold;text-align:center;}
#modal-02 #youtubeNova iframe{height:170px;}
#modal-02 .esBox{border-top: 1px solid #ccc; padding-top: 1.5em; margin-top: 1em;}
#modal-02 .entysheetBtn, #modal-02 .entryBtn{text-align: center;font-size: 110%;max-width: 700px;width: 100%;margin: 0 auto;padding: 0;}
#modal-02 .entysheetBtn a{color: #fff; background-color: #00A1C9; padding: 0.5em 1em; margin: 1em auto 0.5em auto; display: inline-block; text-decoration: none;}
#modal-02 .entryBtn a{color: #fff;background-color: #E3007F;padding: 0.8em 1em;margin: 0.6em auto 0.5em auto;display: inline-block;text-decoration: none;width: 100%;font-size: 110%;}

#modal-02 .entryBtn.mynavi,
#modal-02 .entryBtn.kyaritasu{margin: 0;line-height: 1.3;}
#modal-02 .entryBtn.rikunavi a {background-color:#5d8ee8;}
#modal-02 .entryBtn.mynavi a {background-color:#44b2ed;}
#modal-02 .entryBtn.kyaritasu a{background-color:#2dc1c1;}



/*----------------------------------------------------------------------------
***                                                     2022年8月CMポップアップ
----------------------------------------------------------------------------*/
#modal-newCm2022{box-sizing:border-box;width: 100%;height: 100vh;position:fixed;z-index:999999;padding: 0;display:none;overflow-y: scroll;top: 0!important;left: 0!important;}
#modal-newCm2022 .ttl {width: 100%;background-color: #fffde5;/* height: 10%; */position: sticky;top: 0;z-index: 9;margin: 0;}
#modal-newCm2022 .ttl h2 {width: 100%;margin: 0 auto;text-align:center;display: block;padding: 0% 0% 0% 0;}
#modal-newCm2022 .ttl h2 img{}
#modal-newCm2022 #modal-newCmInner{background-color: #fff;padding: 3% 0 5% 0;max-height: 90%;height: 100%;overflow-y: auto;}
#modal-newCm2022 ul {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-evenly;}
#modal-newCm2022 li {width: 90%;}
#modal-newCm2022 h3 {width: 100%;text-align: center;font-size: 1.7em;color: #fff;display: block;padding: 2% 0 2% 0;}
#modal-newCm2022 .cmA h3 {color: #333333;}
#modal-newCm2022 .cmA {border-bottom: 1px dashed #aaa;}
#modal-newCm2022 .cmB h3 {color: #333333;margin-top: 3%;}
#modal-newCm2022 .cmMovie {margin: 0 auto 4% auto;position: relative;max-width: 95%;}
#modal-newCm2022 .cmMovie:before {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-newCm2022 .cmMovie:after {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-newCm2022 .movieInBox{margin:0 auto 1em;max-width:400px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#modal-newCm2022 .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#modal-newCm2022 .btnClose {width: 6%;position:absolute;top: 0;right: 0;z-index: 999;}
#modal-newCm2022 .btn {width: 85%;margin: 0% auto 5% auto;cursor: pointer;}
#modal-newCm2022 .btnCloseBottom{width: 30%;background-color: #444; color:#fff;font-size: 1.7em;padding: 2%;text-align: center;margin: 8% auto 0;border-radius: 1em;}
#modal-newCm2022 .linkBox{margin: 0;padding: 3em 7%;background: #f7f7f7;}
#modal-newCm2022 .arrow{display: inline-block;vertical-align: middle;color: #333;line-height: 1;position: relative;width: 0.7em;height: 0.7em;transform:translateX(-25%) rotate(45deg);margin: 0 0 0.15em 0.3em;}
#modal-newCm2022 .arrow::before,
.arrow::after{content: '';position: absolute;background: currentColor;border-radius: 0.1em;}
#modal-newCm2022 .moviegallery_ym{text-align:center; font-size:5vw;margin: 0 0 0.3em;font-weight: bold;}
#modal-newCm2022 .arrow::before {top: 0;left: 0;right: 0;height: 0.1em;}
#modal-newCm2022 .arrow::after {top: 0;right: 0;bottom: 0;width: 0.1em;}
#modal-newCm2022 #modal-newCmInner a:link{text-decoration: none;}
#modal-newCm2022 #modal-newCmInner a:hover{text-decoration: none;}
#modal-newCm2022 #modal-newCmInner a:visited{text-decoration: none;}



/*----------------------------------------------------------------------------
***                                                     2025年3月うさぎCMポップアップ
----------------------------------------------------------------------------*/
#modal-cm2025usagi{box-sizing:border-box;width: 100%;height: 100vh;position:fixed;z-index:999999;padding: 0;display:none;overflow-y: scroll;top: 0!important;left: 0!important;}
#modal-cm2025usagi .ttl {width: 100%;background-color: #fffde5;/* height: 10%; */position: sticky;top: 0;z-index: 9;margin: 0;}
#modal-cm2025usagi .ttl h2 {width: 100%;margin: 0 auto;text-align:center;display: block;padding: 0% 0% 0% 0;}
#modal-cm2025usagi .ttl h2 img{width: 135%;transform: translate(-13%,0%);}
#modal-cm2025usagi #modal-cm2025Inner{background-color: #fff;padding: 3% 0 5% 0;max-height: 90%;height: 100%;overflow-y: auto;}
#modal-cm2025usagi ul {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-evenly;}
#modal-cm2025usagi li {width: 90%;}
#modal-cm2025usagi h3 {width: 100%;text-align: center;font-size: 1.7em;color: #fff;display: block;padding: 2% 0 2% 0;}
#modal-cm2025usagi .cmA h3 {color: #333333;}
#modal-cm2025usagi .cmA {border-bottom: 1px dashed #aaa;}
#modal-cm2025usagi .cmB h3 {color: #333333;margin-top: 3%;}
#modal-cm2025usagi .cmMovie {margin: 0 auto 4% auto;position: relative;max-width: 95%;}
#modal-cm2025usagi .cmMovie:before {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-cm2025usagi .cmMovie:after {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-cm2025usagi .movieInBox{margin:0 auto 1em;max-width:400px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#modal-cm2025usagi .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#modal-cm2025usagi .btnClose {width: 6%;position:absolute;top: 0;right: 0;z-index: 999;}
#modal-cm2025usagi .btn {width: 85%;margin: 0% auto 5% auto;cursor: pointer;}
#modal-cm2025usagi .btnCloseBottom{width: 30%;background-color: #444; color:#fff;font-size: 1.7em;padding: 2%;text-align: center;margin: 8% auto 0;border-radius: 1em;}
#modal-cm2025usagi .linkBox{margin: 0;padding: 3em 7%;background: #f7f7f7;}
#modal-cm2025usagi .arrow{display: inline-block;vertical-align: middle;color: #333;line-height: 1;position: relative;width: 0.7em;height: 0.7em;transform:translateX(-25%) rotate(45deg);margin: 0 0 0.15em 0.3em;}
#modal-cm2025usagi .arrow::before,
.arrow::after{content: '';position: absolute;background: currentColor;border-radius: 0.1em;}
#modal-cm2025usagi .moviegallery_ym{text-align:center; font-size:5vw;margin: 0 0 0.3em;font-weight: bold;}
#modal-cm2025usagi .arrow::before {top: 0;left: 0;right: 0;height: 0.1em;}
#modal-cm2025usagi .arrow::after {top: 0;right: 0;bottom: 0;width: 0.1em;}
#modal-cm2025usagi #modal-cm2025Inner a:link{text-decoration: none;}
#modal-cm2025usagi #modal-cm2025Inner a:hover{text-decoration: none;}
#modal-cm2025usagi #modal-cm2025Inner a:visited{text-decoration: none;}

/*----------------------------------------------------------------------------
***                                                     2023年謹賀新年ポップアップ
----------------------------------------------------------------------------*/
#modal-newYear2023{box-sizing:border-box;width: calc( var(--video-width) + 6% );height: calc( (var(--video-width) * 1.25) + 15% );position:fixed;z-index:999999;padding: 0;display:none;/* overflow-y: scroll; *//* top: 0!important; *//* left: 0!important; */}
#modal-newYear2023 *{box-sizing:border-box;}
#modal-newYear2023 .ttl {width: 100%;background-color: #fffde5;/* height: 10%; */position: sticky;top: 0;z-index: 9;margin: 0;display:none;}
#modal-newYear2023 .ttl h2 {width: 100%;margin: 0 auto;text-align:center;display: block;padding: 0% 0% 0% 0;}
#modal-newYear2023 .ttl h2 img{}
#modal-newYear2023 #modal-newCmInner{background-color: #ededed;padding: 3% 3% 3% 3%;width: 100%;/* max-height: 100%; *//* height: 100%; *//* overflow-y: auto; */border-radius: 3px;position: relative;}
#modal-newYear2023 ul {width: 100%;display: flex; flex-wrap: wrap; justify-content: space-evenly;}
#modal-newYear2023 li {width: 90%;}
#modal-newYear2023 h3 {width: 100%;text-align: center;font-size: 1.7em;color: #fff;display: block;padding: 2% 0 2% 0;}
#modal-newYear2023 .cmA h3 {color: #333333;}
#modal-newYear2023 .cmA {border-bottom: 1px dashed #aaa;}
#modal-newYear2023 .cmB h3 {color: #333333;margin-top: 3%;}
#modal-newYear2023 .cmMovie {margin: 0 auto 4% auto;position: relative;max-width: 95%;}
#modal-newYear2023 .cmMovie:before {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-newYear2023 .cmMovie:after {content: url(/images/top_202007/line_newvideo202010.png);display: none;}
#modal-newYear2023 .movieInBox{margin:0 auto 1em;max-width:400px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#modal-newYear2023 .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#modal-newYear2023 .animatBox{width: 100%;/* max-width: 90vw; *//* max-height: 94vw; *//* height: calc(100% - 17%); */position: relative;}
#modal-newYear2023 .animatBox a{display:block;width:100%;height:100%;position: absolute;top: 0;left: 0;}
:root {--video-width:calc(90vw - 6%);}
.rightSection #modal-newYear2023 iframe{width: 100%;height: 100%;}
.rightSection #modal-newYear2023 video{width: var(--video-width);height: calc( var(--video-width) * 1.25 );margin: 0% auto 0;display: block;}
#modal-newYear2023 .btnClose {width: 6%;position:absolute;top: 0;right: 0;z-index: 999;}
#modal-newYear2023 .btn {width: 85%;margin: 0% auto 5% auto;cursor: pointer;}
#modal-newYear2023 .btnCloseBottom{width: 3em;margin: 0% auto 0;position: absolute;top: 1.5%;right: 1.5%;}
#modal-newYear2023 .btnCloseBottom a{width: 100%;/* background-color: #444; *//* color:#fff; */font-size: 1.7em;padding: 0 0%;text-align: center;margin: 0% auto 0;border-radius: 1em;display: inline-block;box-sizing: border-box;cursor: pointer;text-decoration: none;}
#modal-newYear2023 .btnLinkBox {margin: 4% 0 0;padding: 0 2em;}
#modal-newYear2023 .btnLinkBox img{max-width:100%;}


/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerCopyright p { text-align:center; color:#666; line-height:1.2em; margin:5px 0 0 0; padding:0;font-size:12px;}
#footerCopyright .copyrightImg {max-width: 544px;}
#footerArea #footerAreaLogo {width: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 12px;}
#footerArea #footerAreaLogo ul.footerText li {display:inline-block; padding:0; line-height:30px; text-align: center; width: auto; margin-right: 6%;}
#footerArea #footerAreaLogo ul.footerText li:last-child {padding: 0;margin: 0;}
#footerArea #footerAreaLogo #novalogo {margin-right: 0;}
#footerArea #footerAreaLogo #novalogo img {width: auto; height: 28px;}
#footerArea #footerAreaLogo #gaishi img {width: 113px;}

#footerCopyright img{width: 42%; height: auto;}

/*----------------------------------------------------------------------------
***                                                                   slBoxLP
----------------------------------------------------------------------------*/
#topLpBtn {
    display: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#topLpBtn #topLpBtnInner{
    margin: 0 auto;
    padding: 0.5em 0.5em 0.5em 2em;
    font-size: 180%;
    text-align: right;
    background: url(/common_images_sp/ico20.png) no-repeat center left 0.2em;
    background-size: 1.5em;
    border: 3px solid #ccc;
    display: inline-block;
    display: none;
}

#sliderWrap{background:#fff; width:100%; box-sizing:border-box; position:relative; border-radius:10px; overflow:hidden; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2); margin:0em 0 2em; padding:0px 0px 0px;}
#sliderNavi{margin: 0 auto 0em;}
#sliderNavi .sliderPage{border:none;}
#sliderNavi #slBoxLP > .sectionInner{height: 100%;}
#slBoxLP #slBoxLPInner > div {width: auto;height: auto;padding: 20px 2em;}
/* TOPLP 校舎用*/
#slBoxLP{ position: relative; background:#FFF;}
#slBoxLP #topLpSchools h2{
    background: url(/images2014/toplp/back_contents02.png) no-repeat left 50% /2.5em auto;
    font-size: 52px;
    line-height:50px;
    padding: 10px 0 0 2.5em;
    position: absolute;
    left: 30px;
    top: 63px;
    color:#4D4D4D;
    margin-top: 20px;
}

#slBoxLP #topLpSchools #naraBox{
    position: absolute;
    top: 40px;
    left: 30px;
    width: 673px;
    border-bottom: #00A1C9 solid 1px;
    height: 40px;
}
#slBoxLP #topLpSchools #naraBox p{color:#E7227E;font-size: 28px;font-weight:bold;float:left;line-height:28px;padding: 0 0 0 0;margin-bottom: 20px;}
#slBoxLP #topLpSchools #naraBox p .txtSizeL{font-size: 36px;line-height:30px;}
#slBoxLP #topLpSchools #naraBox ul{float:right;width: 300px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
#slBoxLP #topLpSchools #naraBox li{display:inline;margin-left:8px;margin-bottom: 12px;}
#slBoxLP #topLpSchools .sectionInner{background:url(/images2014/toplp/back_contents01.png) center bottom no-repeat;width:693px;height: 420px;padding-top: 160px;margin:0 auto;}

#slBoxLP #topLpSchools #sclInfoBox{ width:305px; float:left;}
#slBoxLP #topLpSchools #sclInfoBox ul{ padding:16px 0 0 35px; height:160px;}
#slBoxLP #topLpSchools #sclInfoBox li{ float:none; padding-top:5px; margin-bottom:5px;}
#slBoxLP #topLpSchools #sclInfoBox li+li{border-top:#999 solid 1px; font-size:150%}
#slBoxLP #topLpSchools #sclInfoBox li#lpAccLi{ font-size:20px; font-weight:bold; line-height:1.1em;}
#slBoxLP #topLpSchools #sclInfoBox li dt{ float:left; width:40px; line-height:1.2em;}
#slBoxLP #topLpSchools #sclInfoBox li dd{ float:left; width:200px; line-height:1.2em;}
#slBoxLP #topLpSchools #sclInfoBox li dd:before{ content:": "; margin-left:-10px;}
#slBoxLP #topLpSchools #sclInfoBox p#lpSubBox{ text-align:center; padding:0 0 0 35px;}
#slBoxLP #topLpSchools #sclInfoBox p#lpSubBox img{ display:inline;}

#slBoxLP #topLpSchools #sclImgBox{ float:left; width:210px; padding-left:10px;}
#slBoxLP #topLpSchools #sclImgBox #scImgBox{width:210px;margin:0 auto;padding: 25px 0 7px 0;}
#slBoxLP #topLpSchools #sclImgBox #scImgBox img{ width:200px; height:auto; display:inline;}
#slBoxLP #topLpSchools #sclImgBox ul{margin:0 0 3px 0;overflow: hidden;}
#slBoxLP #topLpSchools #sclImgBox li{ float:left;}
#slBoxLP #topLpSchools #sclImgBox li img{margin:0;padding:0 5px;width: 65px;}
#slBoxLP #topLpSchools #sclImgBox p{color:#05A3CA;font-weight:bold;font-size: 90%;text-align:center;} 

#slBoxLP #lpAllSubBox{ position:absolute; width:733px; height:75px; left:0; bottom:0; background:#E3E3E3;}

#slBoxLP #lpAllSubBox ul{ padding:13px 10px 10px;}
#slBoxLP #lpAllSubBox li{ float:left; padding:0 7px;width: 50%;}

/* TOPLP 地域用*/
#slBoxLP #topLpArea {padding: 15px 0 0 31px;background: url(/images2014/toplp/img_contents01.png) 590px 190px no-repeat;height:355px;}
#slBoxLP #topLpArea h2{font-size:40px;line-height: 20px;/*border-bottom:#00A1C9 solid 1px;*/height: 75px;margin-bottom: 5px;padding-bottom:3px;margin-right:30px;}
#slBoxLP #topLpArea h2 .sub_copy{color:#E7227E;}
#slBoxLP #topLpArea h2 span{ font-size:20px; line-height:24px;}
#slBoxLP #topLpArea h2 span#areaName{ font-size:40px; line-height:46px;}

#slBoxLP #topLpArea #areaListUl{width: 570px;overflow: hidden;}
#slBoxLP #topLpArea #areaListUl li{width: 160px;background:url(/images2014/toplp/ico04.png) left 40% no-repeat;padding-left:18px;padding: 0.5em 0 0.5em 18px;font-size: 20px;line-height:27px;font-weight:bold;}
#slBoxLP #topLpArea #areaListUl.col4 li{ width:140px;}
#wrap #slBoxLP #topLpArea #areaListUl li.sunny{line-height:1em; font-size:18px; padding-top:3px;}
#slBoxLP #topLpArea #areaLpImg{ position: absolute; top:18px; right:15px; padding:0;}
#slBoxLP #topLpArea #areaScBox {position:absolute;left: 30px;border: 3px solid #2eb2d3;top: 260px;/* width: 554px; *//* height: 160px; */padding: 8px 90px;/* background:url(/images2014/toplp/back_contents03.png) left top no-repeat; */background-size: contain;}
#slBoxLP #topLpArea #areaScBox p{font-size: 19px;line-height: 22px;font-weight:bold;padding:0;margin: 0.1em 0 0.2em 0;}
#slBoxLP #topLpArea #areaScBox .attention{font-size: 20px;line-height: 20px;color:#E7227E;}
#slBoxLP #topLpArea #areaScBox .attention span.txtSizeS{ font-size:20px; line-height:24px;}
#areaScBox .attention span.txtSizeSS{ font-size:14px;}
#slBoxLP #topLpArea #areaScBox #topLpAreaMap{/* padding-top:7px; */}

#slBoxLP #topLpArea #areaScBox #topLpAreaMap a{display:block;width:336px;height:29px;padding-top:1px;background: #ff1a8a;background-size: contain;font-size: 18px;color: #fff;border-radius: 20px;text-align: center;font-weight: bold;line-height:30px;padding-left:17px;text-decoration: none;/* color: #6668B7; */}
#slBoxLP #topLpArea #areaScBox #topLpAreaMap a:hover{ background-image:url(/images2014/toplp/back_contents04_on.png);}

/* TOPLP 札幌*/
#slBoxLP #topLpArea #areaListUl_sapporo li{width: 220px;background: url(/images2014/toplp/ico04.png) left 40% no-repeat;padding-left: 26px;font-size:20px;line-height: 45px;border-bottom: 1px dashed;font-weight:bold;margin-right: 30px;}


/*　osaka用　*/
#slBoxLP #topLpArea #topLpAreaMapOsaka{width:400px; height:29px; padding-top:7px; position:absolute; left:30px; top:340px;}
#slBoxLP #topLpArea #topLpAreaMapOsaka.kai2{left:190px;}
#slBoxLP #topLpArea #topLpAreaMapOsaka a{ display:block; width:400px; height:29px; padding-top:1px; background:url(/images2014/toplp/back_contents04_off.png) left top no-repeat; font-size:16px; font-weight:normal; line-height:30px; padding-left:17px;}
#slBoxLP #topLpArea #topLpAreaMapOsaka a:hover{ background-image:url(/images2014/toplp/back_contents04_on.png);}
#slBoxLP #topLpArea #areaListUl.osaka { margin-top:1%;}
#slBoxLP #topLpArea #areaListUl.osaka li{ width:25%; font-size:14px; line-height:1.2em;}



/*　2校舎版用　*/
#kou2Set{margin-top: 25px;}
#sliderNavi #slBoxLP #topLpArea .nikou{position:absolute;left:30px;top: 260px;}
#kou2Set li{ float:left; width:345px; padding-right:20px;}
#kou2Set dl{ float:right; width:195px;}
#kou2Set dt{ border-bottom:#999 dotted 1px; padding-top:10px;}
#topLpArea #kou2Set dt.hakodate{text-indent:7px; padding-left:11px;}
#kou2Set dt a{display:block;background:url(/images2014/toplp/ico04.png) left 50% no-repeat;padding-left:18px;font-size: 23px;line-height:28px;padding-bottom: 2%;}
#kou2Set dt.txtSizeS a{ font-size:18px; line-height:1.2em; padding-left:15px;}

#kou2Set dd{line-height:1.2em;padding-top:5px;font-size: 16px;}
#kou2Set p{ float:left; width:120px; height:79px; background-size:136px auto; background-repeat:no-repeat; background-position:-1px -1px; overflow:hidden; text-indent:-999em; border-radius:10px;}


/*　3校舎版用　*/
#kou3Set{}
#sliderNavi #slBoxLP #topLpArea .sankou{ position:absolute; left:30px; top:235px;}
#kou3Set li{ float:left; width:250px; padding-right:20px;}
#kou3Set dl{ float:left; width:240px;}
#kou3Set dt{ border-bottom:#999 dotted 1px; padding-top:10px;}
#topLpArea #kou3Set dt.aomori{text-indent:7px; padding-left:11px;}
#kou3Set dt a{ display:block; background:url(/images2014/toplp/ico04.png) left 50% no-repeat; padding-left:18px; font-size:19px; line-height:28px;}
#kou3Set dt.txtSizeS a{ font-size:18px; line-height:1.2em; padding-left:15px;}

#kou3Set dd{ line-height:1.2em; padding-top:5px; padding-left:20px;}
#kou3Set p{ float:left; width:120px; height:79px; background-size:136px auto; background-repeat:no-repeat; background-position:-1px -1px; overflow:hidden; text-indent:-999em; border-radius:10px;}
#slBoxLP #topLpArea .aomori{margin-bottom:10px;padding-bottom:7px;}


/*　4校舎版用　*/
#kou4Set{}
#sliderNavi #slBoxLP #topLpArea .yonkou{position:absolute;left: 30px;top: 274px;}
#kou4Set li{ float:left; width:250px; padding-right:20px;}
#kou4Set dl{float:left;width: 220px;padding-left: 0%;}
#kou4Set dt{border-bottom:#999 dotted 1px;padding-top: 5px;}
#kou4Set dt a{display:block;background:url(/images2014/toplp/ico04.png) left 50% no-repeat;padding-left:18px;font-size: 20px;padding-bottom: 5px;line-height:28px;}
#kou4Set dt.txtSizeS a{ font-size:18px; line-height:1.2em; padding-left:15px;}

#kou4Set dd{line-height:1.2em;padding-top:5px;padding-left:20px;font-size: 15px;}
#kou4Set p{ float:left; width:120px; height:79px; background-size:136px auto; background-repeat:no-repeat; background-position:-1px -1px; overflow:hidden; text-indent:-999em; border-radius:10px;}






/* TOPLP 駅合同LP　共通パーツ*/
#slBoxLP #slBoxLPInner .topLPStation{background-repeat:no-repeat;background-position: left top 50px;height:425px;position:relative;background-size: contain;}
#slBoxLP .topLPStation img{ display:inline;}
#slBoxLP #titleBox{
    position: absolute;
    left: 12%;
    top: 11%;
}
#slBoxLP #titleBox h2{ font-size:350%;line-height:1.0em; color:#00A1C9;}
#slBoxLP #titleBox h2 span{ font-size:40%; line-height:2em; display:block; font-weight:normal;}
#slBoxLP #titleBox p{ padding:0; font-size:80%; font-weight:bold; line-height:1em;}


#slBoxLP .scInfoBox{ position:absolute; width:150px;background: #fff;border:2px solid #00a1c8;padding: 0.5em; }
#slBoxLP .scInfoBox p{ margin:0; padding:0;}
#slBoxLP .scInfoBox dl{ width:100%;}
#slBoxLP .scInfoBox dt{ line-height:1.0em; font-size:120%; border-bottom:#999 solid 2px; margin-bottom:4px; padding-bottom:0;}
#slBoxLP .scInfoBox dt a{ color:#333; text-decoration:none;}
#slBoxLP .scInfoBox dd{ line-height:1.1em;font-size: 7px;}
#slBoxLP .scInfoBox dd.scTelDd{ font-size:130%; font-weight:bold; margin-top:2px;}
#slBoxLP .scInfoBox .scSubBox{ clear:both; padding-top:5px;}
#slBoxLP .scInfoBox a{ color:#00A1C9;}

#slBoxLP #areaLinkBox{ background-image:url(/lp/schools/images/back_contents01.png); background-repeat:no-repeat; position:absolute;}
#slBoxLP #areaLinkBox .areaTxt1{ padding: 0 0 0 2px; font-size:100%; font-weight:bold;}
#slBoxLP #areaLinkBox .areaTxt1 strong{ font-size:135%;}
#slBoxLP #areaLinkBox .areaTxt2{ padding:0 0 0 2px; line-height:1.6em; font-size:90%;}

#slBoxLP .topLPStation #lpAllSubBox{ position:absolute; width:100%; height:auto; left:0; bottom:0; background:#00A1C9;}


/* 新宿用パーツ */
#slBoxLP #shinhyujuStSec{ background-image:url(/lp/schools/shinjyuku/images/img_contents01_2411.png);}
#slBoxLP #slBoxLPInner #shinhyujuStSec{height: 33em;background-position:left top 2em;}
#slBoxLP #shinhyujuStSec #higashiBox{top: 14%;right: 1%;width: 137px;}
#slBoxLP #shinhyujuStSec #nishiBox{ top: 48%; left: 4%;}
#slBoxLP #shinhyujuStSec #areaLinkBox{padding-top:7px;width: 42%;height: auto;right: 2%;top: 50%;background-position: right top;background-size: 30%;}
#slBoxLP #shinhyujuStSec .areaLinkBtn{ margin-top:5px;}
#slBoxLP #shinhyujuStSec .kaikou{font-size: 60%;color: #E7227E;margin-left: 0.5em;font-weight: bold;}
#slBoxLP #shinhyujuStSec #titleBox{    position: absolute;left: 12%; top: 1em;}

/* 梅田用パーツ */
#slBoxLP #umedaStSec .scInfoBox dt{font-size:25px;}
#slBoxLP #umedaStSec{ background-image:url(/lp/schools/umeda/images/img_contents01.png);}
#slBoxLP #umedaStSec #higashiBox{top: 37px; left: 469px;}
#slBoxLP #umedaStSec #higashi2Box{top: 207px;left: 469px;}
#slBoxLP #umedaStSec #nishiBox{ top: 218px; left: 43px;}
#slBoxLP #umedaStSec #areaLinkBox{ padding-top:7px; width: 730px; height: 60px; left: 28px; top: 345px; background-position:left top;}
#slBoxLP #umedaStSec .areaLinkBtn{ margin-top:0px; padding-top:0; padding-left:26px;}
#slBoxLP #umedaStSec #areaLinkBox{ background-image:url(/lp/schools/images/back_contents01a.png); background-repeat:no-repeat; position:absolute;}
#slBoxLP  #umedaStSec #areaLinkBox .areaTxt1{ padding: 0 0 0 90px; font-size:13px; line-height:22px; font-weight:bold;}
#slBoxLP #umedaStSec  #areaLinkBox .areaTxt2{ padding:0 0 0 90px; line-height:1.6em; font-size:90%;}
#slBoxLP  #umedaStSec #areaLinkBox .areaTxt1 strong{ font-size:17px;}


/* 名古屋用パーツ */
#slBoxLP #nagoyaStSec #titleBox h2{ font-size:44px;}
#slBoxLP  #nagoyaStSec #titleBox p{ padding:0; font-size:15px; font-weight:bold; line-height:1em;}
#slBoxLP #nagoyaStSec{ background-image:url(/lp/schools/nagoya/images/img_contents01.png);}
#slBoxLP #nagoyaStSec  .scInfoBox dt{font-size:25px;}
#slBoxLP #nagoyaStSec #higashiBox{top: 126px; left: 470px;}
#slBoxLP #nagoyaStSec #nishiBox{top: 238px;left: 31px;}
#slBoxLP #nagoyaStSec #areaLinkBox{padding-top:7px; width: 288px; height: 150px; left: 434px; top: 286px; background-position: right top;}
#slBoxLP #ikebukuroStSec #areaLinkBox .areaTxt1{ padding: 0 0 0 0px;}
#slBoxLP #ikebukuroStSec #areaLinkBox .areaTxt2{ padding: 0 0 0 0px;}
#slBoxLP #nagoyaStSec .areaLinkBtn{ margin-top:5px;}

/* 池袋用パーツ */
#slBoxLP #ikebukuroStSec{ background-image:url(/lp/schools/ikebukuro/images/img_contents01_2405.png);}
#slBoxLP #ikebukuroStSec #higashiBox{  top:30%;right: 2%;}
#slBoxLP #ikebukuroStSec #nishiBox{ top: 47%; left: 4%;}
#slBoxLP #ikebukuroStSec #areaLinkBox{ padding-top:7px;width: 39%;height: auto;right: 2%;top: 55%;background-position: right top;background-size: 30%;}
#slBoxLP #ikebukuroStSec .areaLinkBtn{ margin-top:5px;}

/* 川崎用パーツ */
#slBoxLP #kawasakiStSec{ background-image:url(/lp/schools/kawasaki/images/img_contents01.png);}
#slBoxLP #kawasakiStSec #higashiBox{ top: 146px; left: 484px;}
#slBoxLP #kawasakiStSec #nishiBox{ top: 322px; left: 484px;}
#slBoxLP #kawasakiStSec #areaLinkBox{ padding-top:7px; width: 298px; height: 150px; left: 16px; top: 288px; background-position: right top;}
#slBoxLP #kawasakiStSec .areaLinkBtn{ margin-top:5px;}

/* 横浜用パーツ */
#slBoxLP #yokohamaStSec{ background-image:url(/lp/schools/yokohama/images/img_contents01.png);}
#slBoxLP #yokohamaStSec #higashiBox{top: 111px;left: 459px;}
#slBoxLP #yokohamaStSec #nishiBox{ top: 323px; left: 47px;}
#slBoxLP #yokohamaStSec #areaLinkBox{ padding-top:7px; width: 298px; height: 150px; left: 431px; top: 288px; background-position: right top;}
#slBoxLP #yokohamaStSec .areaLinkBtn{ margin-top:5px;}

/* 高槻用パーツ */
#slBoxLP #takatukiStSec #titleBox h2{ font-size:44px;}
#slBoxLP #takatukiStSec #titleBox p{ padding:0; font-size:15px; font-weight:bold; line-height:1em;}
#slBoxLP #takatukiStSec{ background-image:url(/lp/schools/takatsuki/images/img_contents01.jpg);}
#slBoxLP #takatukiStSec  .scInfoBox dt{font-size:25px;}
#slBoxLP #takatukiStSec #higashiBox{top: 22px; left: 430px;}
#slBoxLP #takatukiStSec #nishiBox{ top: 230px; left: 125px;}
#slBoxLP #takatukiStSec #areaLinkBox{ padding-top:7px; width: 288px; height: 150px; left: 440px; top: 180px; background-position: right top;}


/*　tokyo用　*/
#slBoxLP #topLpArea #areaListUl_tokyo{width: 640px;}
#slBoxLP #topLpArea #areaListUl_tokyo li{width: 130px;background: url(/images2014/toplp/ico04.png) left 40% no-repeat;padding-left: 18px;font-size:20px;line-height: 30px;font-weight:bold;}
#slBoxLP #topLpArea #areaListUl_tokyo .aomori{ width:240px; font-size:19px}
#slBoxLP #topLpArea #areaListUl_tokyo .saitamashi{ width:150px; margin-top:20px; font-size:24px;}
#slBoxLP #topLpArea #areaListUl_tokyo.col3 li{ width:160px;}
#slBoxLP #topLpArea #areaListUl_tokyo.col4 li{width: 150px;font-size:17px;}
#slBoxLP #topLpArea #areaListUl_tokyo.col5 li{width: 150px;font-size: 17px;}
#slBoxLP #topLpArea #areaListUl_tokyo.col6 li{width: 150px;font-size:17px;}


/*----------------------------------------------------------------------------
***                                                                LPBox 2019
----------------------------------------------------------------------------*/
/* TOPLP 地域用*/
#slBoxLP #topLpArea2019 {padding:15px 20px 0 20px;}
#slBoxLP #topLpArea2019 .sectionInner {}
#slBoxLP #topLpArea2019 a{display:block; -webkit-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out; text-decoration:none; }
#slBoxLP #topLpArea2019 a:hover{opacity:.7; text-decoration:none; }
#slBoxLP #topLpArea2019 h2 {font-size:17px; text-align:center; margin-bottom:0.3em; }
#slBoxLP #topLpArea2019 h2 span {color:#E7227E; }
#slBoxLP #topLpArea2019 em {font-style:normal; font-size:140%; color:#E7227E; }
#slBoxLP #topLpArea2019 #koushaListBox {margin-bottom:1em; height:auto; }
#slBoxLP #topLpArea2019 .flex {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:flex-start; height:auto; }
#slBoxLP #topLpArea2019 .koushaBox {width:35%; height:100%; float:none; border:2px solid #00a1c8; border-radius:5px;}
#slBoxLP #topLpArea2019 .koushaBtn { display:block; height:auto; overflow:hidden; }
#slBoxLP #topLpArea2019 dl {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; height:100%; }
#slBoxLP #topLpArea2019 .koushaName {text-align:center;font-size: 10px;color: #E7227E;margin:0.3em 3% 0;border-bottom:1px dashed #333;font-weight:bold;}
#slBoxLP #topLpArea2019 .koushaData {text-align:center; margin:0.5em 8% 1.5em; height:100%; display: flex; flex-direction: column;}
#slBoxLP #topLpArea2019 .koushaData .accessTxt {font-size:8px; text-align:center; height:5em; line-height:1.4; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
#slBoxLP #topLpArea2019 .koushaData .moreTxt {display:inline-block;background: #00a1c8;color:#fff;line-height:1;padding:0;font-size:12px;padding:0.2em 0.5em 0.2em;text-align:center;border-radius:2em;width:5em; margin: auto;}
#slBoxLP #topLpArea2019 .koushaImg {overflow:hidden; 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; }
#slBoxLP #topLpArea2019 .koushaImg img {max-width:none; width:100%; border-radius: 3px;}
#slBoxLP #topLpArea2019 .areaBtnBox {float:none; margin-top: 6em;border:2px solid #808080; border-radius:5px;}
#slBoxLP #topLpArea2019 .areaBtnBox p {}
#slBoxLP #topLpArea2019 .areaBtn {display:block; position:relative; }
#slBoxLP #topLpArea2019 .area {position:absolute; font-size:24px; color:#f7ea00; font-weight:bold; text-align:center; width:100%; top:44px; }
#slBoxLP #topLpArea2019 .img {display:inline-block; }

/*開校関連　バナー*/
#slBoxLP #topLpArea2019 .new_koushaBox{margin-bottom: 1.5em;}
#slBoxLP #topLpArea2019 .new_koushaBox a{background: url(/images2014/toplp/img_bg_new_kousha.png)no-repeat center;background-size: cover;position: relative;}
#slBoxLP #topLpArea2019 .new_koushaBox a:hover{opacity: 0.8;}
#slBoxLP #topLpArea2019 .new_koushaBox .ribbon{position: absolute;top: -1px;left: 3%;color: #fff;font-weight: bold;font-size: 5px;text-align: center;line-height: 1.2;background: url(/images2014/toplp/img_rbn_new_kousha.png)no-repeat center top;background-size: contain;padding: 11px 5px 9px;}
#slBoxLP #topLpArea2019 .new_koushaBox .ribbon span{font-size: 160%;display: block;}
#slBoxLP #topLpArea2019 .new_koushaBox .new_school{color: #fff;font-size:13px;font-weight: bold;line-height: 1.2;padding:2px 0 6px 53px;}
#slBoxLP #topLpArea2019 .new_koushaBox .new_school .date{font-size: 65%;font-weight: 500;}
#slBoxLP #topLpArea2019 .new_koushaBox .new_school .yellow{font-size: 65%;color: #FFFF00;padding-left: 5px;}
#slBoxLP #topLpArea2019 .new_koushaBox .new_school .min{font-size: 45%;padding-left: 2px;font-weight: 500;}
#slBoxLP #topLpArea2019 .new_koushaBox .new_school .school_name.cp:after{content: " 開校キャンペーン実施中！";display: inline-block;margin-left: 0.5em; font-size: 10px;}
/*開校関連　バッジ*/
#slBoxLP #topLpArea2019 .koushaBox .cp{position: relative; padding-top: 2em;}
#slBoxLP #topLpArea2019 .koushaBox .cp:before{content: "開校キャンペーン中"; display: block; width: 95%; height: auto; font-size: 7px; position: absolute; left: 50%; top: 0%; transform: translateX(-50%); background: #e7227e; color: #fff; line-height: 1; padding: 1.5px 1.5px;}

/*2校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_2 .koushaBox{ width: calc(67% / 2);margin: 0em 0.5em 0;}
#slBoxLP #topLpArea2019.kousha_2 .areaBtnBox{width: 23%;border: none;}
#slBoxLP #topLpArea2019.kousha_2 .area{font-size: 10px;top: 14px;}

/*3校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_3 #koushaListBox {margin-bottom:1em; height:auto; }
#slBoxLP #topLpArea2019.kousha_3 .koushaBox {width:calc(91%/3); height: fit-content; float:none;margin: 0em 0.5em 0; }
#slBoxLP #topLpArea2019.kousha_3 .areaBtnBox{margin: 1.5em 0;border: none;}
#slBoxLP #topLpArea2019.kousha_3 .areaBtnBox p {text-align:center; }
#slBoxLP #topLpArea2019.kousha_3 .areaBtn {display:inline-block; }
#slBoxLP #topLpArea2019.kousha_3 .area {top:39%; right:60%; display:inline-block; width:auto; font-size:14px; }

/*4校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_4 #koushaListBox {margin-bottom:1em; height:auto; }
#slBoxLP #topLpArea2019.kousha_4 .koushaBox {width:calc(91%/2); height: fit-content; float:none;margin: 1em 0.5em 0; }
#slBoxLP #topLpArea2019.kousha_4 .koushaData .accessTxt{}
#slBoxLP #topLpArea2019.kousha_4 .areaBtnBox{margin: 1.5em 0;border: none;}
#slBoxLP #topLpArea2019.kousha_4 .areaBtnBox p {text-align:center; }
#slBoxLP #topLpArea2019.kousha_4 .areaBtn {display:inline-block; }
#slBoxLP #topLpArea2019.kousha_4 .area {top:40%; right:59%; display:inline-block; width:auto; font-size:13px; }
#slBoxLP #topLpArea2019.kousha_4 .areaBtnBox .koushaBtn{ }
#slBoxLP #topLpArea2019.kousha_4 .areaBtnBox .koushaName{font-size:10px; border:none; color:#808080; padding:1.5em 0 0; font-weight:bold; line-height:1.4; }

/*5校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_5 #koushaListBox {height:auto; }
#slBoxLP #topLpArea2019.kousha_5 .flex {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-2em; }
#slBoxLP #topLpArea2019.kousha_5 .flex .lastImg{width:49%; }
#slBoxLP #topLpArea2019.kousha_5 .flex .lastImg p{text-align:center; width:100%; height:100%; }
#slBoxLP #topLpArea2019.kousha_5 .flex .lastImg img{display:inline-block; width:auto; height:100%; }
#slBoxLP #topLpArea2019.kousha_5 .flex li {margin:2em 0.5em 0; width:calc(91%/3); height:auto; }
#slBoxLP #topLpArea2019.kousha_5 .areaBtnBox .koushaBtn{}
#slBoxLP #topLpArea2019.kousha_5 .areaBtnBox .koushaName{font-size:10px; border:none; color:#808080; padding:1.5em 0 0; font-weight:bold; line-height:1.4; }
#slBoxLP #topLpArea2019.kousha_5 .koushaData {height:auto; margin:5% 8% 5%; }
#slBoxLP #topLpArea2019.kousha_5 .koushaData .accessTxt {}
#slBoxLP #topLpArea2019.kousha_5 .areaBtnBox{margin: 1.5em 0;}
#slBoxLP #topLpArea2019.kousha_5 .areaBtnBox p {text-align:center; }
#slBoxLP #topLpArea2019.kousha_5 .areaBtn {display:inline-block; }
#slBoxLP #topLpArea2019.kousha_5 .area {top:40%; right:65%; display:inline-block; width:auto; font-size:13px; }

/*6校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_6 #koushaListBox {height:auto; }
#slBoxLP #topLpArea2019.kousha_6 .flex {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-2em; }
#slBoxLP #topLpArea2019.kousha_6 .flex .lastImg{width:49%; }
#slBoxLP #topLpArea2019.kousha_6 .flex .lastImg p{text-align:center; width:100%; height:100%; }
#slBoxLP #topLpArea2019.kousha_6 .flex .lastImg img{display:inline-block; width:auto; height:100%; }
#slBoxLP #topLpArea2019.kousha_6 .flex li {margin:2em 0.5em 0; width:calc(91%/3); height:auto; }
#slBoxLP #topLpArea2019.kousha_6 .areaBtnBox .koushaBtn{}
#slBoxLP #topLpArea2019.kousha_6 .areaBtnBox .koushaName{font-size:10px; border:none; color:#808080; padding:1.5em 0 0; font-weight:bold; line-height:1.4; }
#slBoxLP #topLpArea2019.kousha_6 .koushaData {height:auto; margin:5% 8% 5%; }
#slBoxLP #topLpArea2019.kousha_6 .koushaData .accessTxt { }
#slBoxLP #topLpArea2019.kousha_6 .areaBtnBox{margin: 1.5em 0;border: none;}
#slBoxLP #topLpArea2019.kousha_6 .areaBtnBox p {text-align:center; }
#slBoxLP #topLpArea2019.kousha_6 .areaBtn {display:inline-block; }
#slBoxLP #topLpArea2019.kousha_6 .area {top:40%; right:60%; display:inline-block; width:auto; font-size:13px; }

/*9校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_9 #koushaListBox {height:auto; }
#slBoxLP #topLpArea2019.kousha_9 .flex {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-2em; }
#slBoxLP #topLpArea2019.kousha_9 .flex .lastImg{width:49%; }
#slBoxLP #topLpArea2019.kousha_9 .flex .lastImg p{text-align:center; width:100%; height:100%; }
#slBoxLP #topLpArea2019.kousha_9 .flex .lastImg img{display:inline-block; width:auto; height:100%; }
#slBoxLP #topLpArea2019.kousha_9 .flex li {margin: 2em 0.5em 0;width:calc(91%/3);height:auto;}
#slBoxLP #topLpArea2019.kousha_9 .areaBtnBox .koushaBtn{}
#slBoxLP #topLpArea2019.kousha_9 .areaBtnBox .koushaName{font-size:10px;border:none;color:#808080;padding: 1em 0 0;font-weight:bold;line-height:1.4;}
#slBoxLP #topLpArea2019.kousha_9 .koushaName {padding: 3.5px 0px;}
#slBoxLP #topLpArea2019.kousha_9 .koushaData {height:auto; margin:8% 8% 5%; }
#slBoxLP #topLpArea2019.kousha_9 .koushaData .accessTxt { }
#slBoxLP #topLpArea2019.kousha_9 .areaBtnBox {height:100%; }


/*11校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_11 #koushaListBox{height:auto; }
#slBoxLP #topLpArea2019.kousha_11 .flex{-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-2em; }
#slBoxLP #topLpArea2019.kousha_11 .flex .lastImg{width:49%; }
#slBoxLP #topLpArea2019.kousha_11 .flex .lastImg p{text-align:center; }
#slBoxLP #topLpArea2019.kousha_11 .flex .lastImg img{display:inline-block; }
#slBoxLP #topLpArea2019.kousha_11 .flex li{margin-top: 2em;width: 14%;height:/*10.5em*/auto;}
#slBoxLP #topLpArea2019.kousha_11 .areaBtnBox .koushaBtn{}
#slBoxLP #topLpArea2019.kousha_11 .areaBtnBox .koushaName{font-size: 10px;border:none;color:#808080;padding: 0em 0 0;padding: 1em 0 0;nt-weight:bold;line-height:1.4;}
#slBoxLP #topLpArea2019.kousha_11 .koushaName{padding: 4px 0px;}
#slBoxLP #topLpArea2019.kousha_11 .koushaData{height:auto; margin:2% 8% 5%; }
#slBoxLP #topLpArea2019.kousha_11 .koushaData .accessTxt{}
#slBoxLP #topLpArea2019.kousha_11 .areaBtnBox{height:100%; }

/*14校舎バージョン*/
#slBoxLP #topLpArea2019.kousha_14 #koushaListBox{height:auto; }
#slBoxLP #topLpArea2019.kousha_14 .flex{-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:-2em; }
#slBoxLP #topLpArea2019.kousha_14 .flex .lastImg{width:49%; }
#slBoxLP #topLpArea2019.kousha_14 .flex .lastImg p{text-align:center; }
#slBoxLP #topLpArea2019.kousha_14 .flex .lastImg img{display:inline-block; }
#slBoxLP #topLpArea2019.kousha_14 .flex li{margin-top:2em;width: 18%;height: /*6.5em*/auto;}
#slBoxLP #topLpArea2019.kousha_14 .areaBtnBox .koushaBtn{ }
#slBoxLP #topLpArea2019.kousha_14 .areaBtnBox .koushaName{font-size: 10px;border:none;color:#808080;padding: 0.5em 0 0.5em;nt-weight:bold;line-height:1.4;}
#slBoxLP #topLpArea2019.kousha_14 .koushaName{padding: 4px 0px;margin: 0px;}
#slBoxLP #topLpArea2019.kousha_14 .koushaData{height:auto;margin: 0% 8% 5%;}
#slBoxLP #topLpArea2019.kousha_14 .koushaData .accessTxt{}
#slBoxLP #topLpArea2019.kousha_14 .areaBtnBox{height:100%; }
#slBoxLP #topLpArea2019.kousha_14 .spHidden{display:none;}


/* 宇都宮市調整 */
#slBoxLP #topLpArea2019.utsunomiya .koushaName{font-size:10px;padding: 4px 0;}



.nengaBnrP{width: 95%;margin: 1.5em auto 1.5em auto;}
.specialBnrP{width: 100%;margin:0; background-color: #FFF;padding-bottom: 1.5em;}


@media screen and (max-width: 950px) and (orientation: landscape) {
#mainView .mainViewInner {min-height: 160vh;background-position: 0 -1em;}
#mainView .titleBox2 .txt03 {font-size: 2.3vw;}
#mainView .serviceListItem .txtTop {font-size: 2.0vw;}
#mainView .serviceListItem .txtBottom {font-size: 1.5vw;}
#mainView .serviceListItem a {height: 10em;}
#mainView .movieTxt02 {top: 44.8%;}
#mainView .movieBody {top: 68.5%;}
    #mainView .titleBox {width: 80%;}
}