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


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#wrap{min-width: 1200px;width: 100%;margin:0 auto;}
.mainSection{width: 960px;position:relative;}
.mainSection > .mainSectionInner{margin: 0 auto; padding: 0px 0 0px;}
.mainSection .secBox > .sectionInner{max-width: 960px;margin: 0 auto 20px;padding: 20px 20px 20px;background:#fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}
.mainSection .secBox .inSec{width:auto;margin:0 auto;}
.mainSection .titleBox{margin: 0 0 20px;}
.mainSection .titleBox .ttl-h2{text-align:center;color: #242424;}
.mainSection .titleBox .txtTop{font-size:22px; display:block; line-height:1.2;}
.mainSection .titleBox .txtBottom{font-size:12px; display:block; line-height:1.2;}
.mainSection .titleBox .subTtl{text-align:center;font-size:16px;line-height: 1.5;}
.mainSection .moreBtn{text-align:center;margin:1em 0 0;padding:0;/* position:absolute; *//* right:95px; *//* top:-3.2em; */width: 100%;order: 3;}
.mainSection .moreBtn a{border: 1px solid #4d4d4d;color: #4d4d4d;display:inline-block;font-size:13px;line-height:1;padding: 0.5em 2.5em 0.6em 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: 219px;margin: 0 auto 20px;padding: 20px 10px 20px;background:#fff;border-radius: 10px;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 20px;}
#asideSec .titleBox .ttl-h2{text-align:center;}
#asideSec .titleBox .txtTop{font-size:22px; display:block; line-height:1.2;}
#asideSec .titleBox .txtBottom{font-size:12px; display:block; line-height:1.2;}
#asideSec .titleBox .subTtl{text-align:center; font-size:16px;}

/* slick */
.mainSection .slick-dots li{ position:relative;  display:inline-block;  width:10px;  height:10px;  margin:0 5px;  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;}

#mainView .pcNone{display:none;}
#mainView .mainViewInner{width:100%;height:510px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;box-sizing:border-box;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);background:url(/junior/images/top2026/fv_bgi01.jpg) no-repeat center;margin:0 0 40px;padding:10px 20px 15px;}
#mainView .titleBox .txt{display:block;text-align:center;line-height:1.2;padding:0;}
#mainView .titleBox .txt01{margin:0 0 0px;}

#mainView .serviceBox{position: relative;}
#mainView .serviceBox .txt04{position: absolute; top: -16em; left: 4em;}
#mainView .serviceListBox{display:flex;justify-content:space-between;align-items:center;}
#mainView .serviceListItem{height:100%;position:relative;}
#mainView .serviceListItem:after{content:"";display:block;width:45px;height:45px;background:url(/junior/images/top2026/fv_nav_contents01.png) no-repeat center / cover;position:absolute;top:44%;right:0;transform:translate(50%,0px);z-index:1;}
#mainView .serviceListItem:last-child:after{display:none;}
#mainView .serviceListItem a{display:block;box-sizing:border-box;width:290px;height:172px;text-decoration:none;padding:45px 20px 20px;}
#mainView .serviceListItem.listItem01 a{background: url(/junior/images/top2026/fv_nav01_contents01.png) no-repeat center bottom 15px / 34px 47px, url(/junior/images/top2026/fv_nav01_bg.png)no-repeat center / cover;}
#mainView .serviceListItem.listItem02 a{background:url(/junior/images/top2026/fv_nav02_contents01.png) no-repeat center bottom 15px / 78px 46px, url(/junior/images/top2026/fv_nav02_bg.png)no-repeat center / cover;}
#mainView .serviceListItem.listItem03 a{background:url(/junior/images/top2026/fv_nav03_contents01.png) no-repeat center bottom 15px / 99px 54px, url(/junior/images/top2026/fv_nav03_bg.png)no-repeat center / cover;}
#mainView .serviceListItem.listItem04 a{background:url(/junior/images/top2026/fv_nav04_contents01.png) no-repeat center bottom 15px / 72px 56px, url(/junior/images/top2026/fv_nav04_bg.png)no-repeat center / cover;}
#mainView .serviceListItem span{display:block;text-align:center;font-weight:700;color:#fff;}
#mainView .serviceListItem .txtTop{font-size:25px;margin:0 0 5px;line-height: 1.2;}
#mainView .serviceListItem .txtBottom{font-size:16px;}
#mainView .serviceListItem.listItem01 span{color:#e4006e;}
#mainView .serviceListItem.listItem02 span{color:#8ec01f;}
#mainView .serviceListItem.listItem03 span{color:#f38f1e;}
#mainView .serviceListItem.listItem04 span{color:#9e71d2;}
/*#mainView .serviceListItem[class*="listItem"] .txtMore{display:none;}*/
#mainView .serviceListItem[class*="listItem"] .txtMore{color: #fff;font-weight: normal;margin: 46px -8px 0 0;padding: 0px 12px 1px 0;font-size: 12px;line-height: 1;text-align: right;background: url(/images/top_230801/arrow_white_r.png) no-repeat center right / 8px auto;filter: brightness(0.75);}


/*----- ホットトピックス -----*/
#hotTopicsSec{width:1200px;}
#hotTopicsSec > .sectionInner{padding-top: 45px;padding-left:0;padding-right:0;max-width: 100%;display: flex;flex-wrap: wrap;overflow: initial;}
#hotTopicsSec > .sectionInner .titleBox{width:100%;}
#hotTopicsSec > .sectionInner .contentsBox{margin: 0 0px 0 0;padding: 0 0px 0 0;}
#hotTopicsSec > .sectionInner .contentsBox .contentsBoxInner{width: 775px;margin: 0 0px 0 0;padding: 0 20px 0 0;border-right: 1px dotted #999999;}
#hotTopicsSec > .sectionInner .pickupBox{width: 370px;margin: -78px 15px 0 auto;}
#hotTopicsSec > .sectionInner .pickupBox p{padding:0;}
#hotTopicsSec > .sectionInner .pickupBox img{width:100%; height:auto;}
#hotTopicsSec #slickSlideBox{margin: 0 0 25px;height: 138px;}
#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;}
#hotTopicsSec #slickSlideBox .slick-list .slick-slide:not(.slick-current){opacity:0.5;}
#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:block;width: 40px;height:100%;position:absolute;top:0;left: 0px;z-index: 1;}
#hotTopicsSec #slickSlideBox .slick-dotted.slick-slider:after{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;right: 0px;z-index: 1;}
#hotTopicsSec #slickSlideBox .pcNone{display:none;}
#hotTopicsSec #slickSlideBox .spNone{}
#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: 5px;background:url(/images/top_230801/ht_slider_arrow_l.png) no-repeat center/cover;}
#hotTopicsSec .slick-next{right: 5px;background:url(/images/top_230801/ht_slider_arrow_r.png) no-repeat center/cover;}

/*----- クラスの特徴 -----*/
#featuresSec{position:relative;}
#featuresSec .sectionInner{position:relative;padding: 20px 25px 20px;}
#featuresSec .classListBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;gap:1.5em;margin: 0 4em;}
#featuresSec .classListBox li a{display:flex;flex-direction: column;height: 100%;}
#featuresSec .classListBox li a:hover{}
#featuresSec .classListBox li{max-width:255px;width: calc(95% / 3);filter: drop-shadow(0 0 3px #ccc);background: #fff;border-radius: 10px;}
#featuresSec .classListBox #babyBox{border: 2px solid #ff3998;}
#featuresSec .classListBox #kinderBox{border: 2px solid #f9963d;}
#featuresSec .classListBox #juniorBox{border: 2px solid #6fc441;}
#featuresSec .classListBox #onlineBox{border: 2px solid #5454dd;}
#featuresSec .classListBox #eikenBox{border: 2px solid #933fb2;}

#featuresSec .classListBox li .ttl-h3{padding: 0.5em;font-size: 20px;line-height: 1.5;}
#featuresSec .classListBox li .ttl-h3 span{color: #000;display: block;font-size: 70%;font-weight: normal;}
#featuresSec .classListBox #babyBox .ttl-h3{color: #ff3998;}
#featuresSec .classListBox #kinderBox .ttl-h3{color: #f9963d;}
#featuresSec .classListBox #juniorBox .ttl-h3{color: #6fc441;}
#featuresSec .classListBox #onlineBox .ttl-h3{color: #5454dd;}
#featuresSec .classListBox #eikenBox .ttl-h3{color: #933fb2;}
#featuresSec .classListBox #senkaBox .ttl-h3{padding:1.5em 0 0.5em;}
#featuresSec .classListBox #senkaBox .senka_txt{font-size: 16px;text-decoration: underline;margin-top:0.5em; }
#featuresSec .classListBox li .class_img{margin-bottom: 0;padding: 0;}
#featuresSec .classListBox li .class_img img{border-radius: 0 0 8px 8px;}

#featuresSec .home_studyBox{margin: 2em 4em ;}
#featuresSec .home_studyBox .ttl-h3{font-size: 22px;margin-bottom: 0.5em;}
#featuresSec .home_studyBox .home_study-Ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;gap:1.5em;}
#featuresSec .home_studyBox .home_study-Ul li{border-radius: 10px;max-width: 420px;width: calc(95% / 2);}
#featuresSec .home_studyBox .home_study-Ul .hs_txt{font-size: 15px;font-weight: bold;text-align: center;display: block;border-radius: 10px 10px 0 0;}
#featuresSec .home_studyBox .home_study-Ul #nkc{border: 2px solid #f7931e;}
#featuresSec .home_studyBox .home_study-Ul #nkc .hs_txt{background: #fde9d2;color: #ed1e79;}
#featuresSec .home_studyBox .home_study-Ul #nk_app{border: 2px solid #1cb5ad;}
#featuresSec .home_studyBox .home_study-Ul #nk_app .hs_txt{background: #c3eae6;color: #0071bc;}

/*----- NBKの特徴 -----*/
#aboutSec .contentsBox{max-width: 750px;margin: auto;}
#aboutSec .about_txt{font-size: 16px;line-height: 1.5;}
#aboutSec .methodTxt{background: #ed1f79;color: #fff;position: relative;font-size: 16px;margin: 0.5em 0;padding: 0.2em 1em;}
#aboutSec .methodLi{width:calc(98% / 2);box-sizing: border-box;font-size: 100%;margin-bottom: 1em;}
#aboutSec .methodLi .methodTtl{height: 70px;box-sizing: border-box;padding: 1em;}
#aboutSec .methodLi .methodTtl .ttlBox{display: inline-block;}
#aboutSec .methodLi .methodTtl .ttlBox .subTtl{font-size: 16px;display: block;font-weight: normal;}
#aboutSec .methodLi .methodTtl .ttlBox .mainTtl{font-size: 20px; display: block;}
#aboutSec .methodLi .methodTtl .img{display: inline-block; width: 52px;}

#aboutSec .methodLi:nth-child(1){border: 1px solid #ff007f;}
#aboutSec .methodLi:nth-child(1) .methodTtl{background: #fff0f8;}
#aboutSec .methodLi:nth-child(1) .mainTtl{color: #ff007f;}
#aboutSec .methodLi:nth-child(2){border: 1px solid #ffbf00;}
#aboutSec .methodLi:nth-child(2) .methodTtl{background: #fff9e6;}
#aboutSec .methodLi:nth-child(2) .mainTtl{color: #ffbf00;}
#aboutSec .methodLi:nth-child(3){border: 1px solid #00b200;}
#aboutSec .methodLi:nth-child(3) .methodTtl{background: #ebf9eb;}
#aboutSec .methodLi:nth-child(3) .mainTtl{color: #00b200;}
#aboutSec .methodLi:nth-child(4){border: 1px solid #265cff;}
#aboutSec .methodLi:nth-child(4) .methodTtl{background: #eef2ff;}
#aboutSec .methodLi:nth-child(4) .mainTtl{color: #265cff;}
#aboutSec .methodLi .txt{padding: 1em;font-size:14px;line-height: 1.4;margin: 0 0 auto 0;}
#aboutSec .methodLi .moreBtn{margin: 0;}
#aboutSec .methodLi .moreBtn a{display:block; background: #888; text-align: center; color: #fff; width: 7em; border-radius: 1em; margin: 0 auto 1em;padding: 0.5em 2em 0.6em 2em;}
#aboutSec .methodLi .moreBtn a:hover{text-decoration: none; opacity: .7;}



/*----- 料金の目安 -----*/
#pricePlanSec .priceBox{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 700px;margin:1em auto 3em;}
#pricePlanSec .priceBox .price{width: 48%;}
#pricePlanSec .priceBox .price a{padding: 0em 2em 1.5em;border-radius: 15px;display:flex;flex-direction: column;height: 240px;}
#pricePlanSec .priceBox .price .ttl-h3{font-size: 50px;color: #fff;line-height: 1.2;}
#pricePlanSec .priceBox .price .ttl-h3 span{display: inline-block;font-size: 16px;padding: 0.5em 3em;line-height: 1;margin-bottom: 0.5em;}
#pricePlanSec .priceBox .price .priceTxt{font-size: 18px;text-align: center;line-height: 1.2;margin-top: 0.5em;}
#pricePlanSec .priceBox .price .priceTxtBox .sate_price01{font-size: 35px;line-height: 1;}
#pricePlanSec .priceBox .price .priceTxtBox .sate_price01 span{font-size: 70%;display: inline-block;padding: 0 0.2em;}
#pricePlanSec .priceBox .price .priceTxtBox .sate_price02{font-size: 18px;line-height: 1;}
#pricePlanSec .priceBox .price .priceTxtBox .sate_price02 span{font-size: 80%;display: inline-block;padding: 0 0.2em;}

#pricePlanSec .priceBox .price .pricemore{;margin-top: 1em;margin-top: auto;font-size: 16px;}
#pricePlanSec .priceBox .price .pricemore span{background:#fff;padding: 0.2em 2em 0.2em 1em;border-radius: 50vw;position: relative }
#pricePlanSec .priceBox .price.ekimae .pricemore span::before{content: "";background: url(/junior/images/top2026/icon_next01.png)no-repeat;width: 17px;height: 17px;position: absolute;right: 10px;top:0;bottom: 0;margin: auto;background-size: cover;}
#pricePlanSec .priceBox .price.satellite .pricemore span::before{content: "";background: url(/junior/images/top2026/icon_next02.png)no-repeat;width: 17px;height: 17px;position: absolute;right: 10px;top:0;bottom: 0;margin: auto;}

#pricePlanSec .priceBox .price.ekimae a{background: #ff7aac;}
#pricePlanSec .priceBox .price.ekimae .ttl-h3 span{background: #ed1f79;}
#pricePlanSec .priceBox .price.satellite a{background: #44b4dc;}
#pricePlanSec .priceBox .price.satellite .ttl-h3 span{background: #006d98;}
#pricePlanSec .priceBox .price_ex{font-size: 18px;line-height: 1.5;margin-top: 0.5em;}

#pricePlanSec .koshaList_btn{border: 1px solid #ed1f79;border-radius: 10px;padding: 0.5em 1em;margin-top: 2em;max-width: 700px;margin:1em auto 3em;font-size: 20px;font-weight: bold;}
#pricePlanSec .koshaList_btn a{display: block;color: #ed1f79;}
#pricePlanSec .koshaList_btn img{display: inline-block;padding: 0 0.5em 0.3em;}

/*----- 生徒様の声 -----*/
#seitonokoeSec{;}
#seitonokoeSec >.sectionInner{/* padding-bottom:0; *//* border-bottom:1px solid #d4d4d4; */}
#seitonokoeSec .inTitleBox .inTtl{line-height:1; padding:0em 0.8em; width:35%; margin:0 auto;}
#seitonokoeSec .inTitleBox .inTtl img{max-width:100%;}
#seitonokoeSec .voice_slickSlideBox{margin: 0 0 25px;border: 1px solid #C9C9C9;}
#seitonokoeSec .voice_slickSlideBox li .voice_ttl{font-size: 19px;font-weight: bold;line-height:1.4;}
#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 .vioce_photo img{object-fit: contain;}
#seitonokoeSec .voice_slickSlideBox li div .voice_name{font-weight: bold;color: #666;display: block;margin-top: 1em;}
#seitonokoeSec .voice_slickSlideBox li div .voice_course{color: #666;display: block;}
#seitonokoeSec .voice_slickSlideBox li .voice_txt{ -webkit-box-orient: vertical; -webkit-line-clamp: 5;font-size: 14px; display: -webkit-box;overflow: hidden;line-height: 1.5;}
#seitonokoeSec .voice_slickSlideBox li .voice_more{color: #5291F2;font-size: 14px;text-align: end;line-height: 1;}
/*スライド*/
#seitonokoeSec .voice_slickSlideBox .slick-slider{margin-bottom:0;padding: 2em 5em 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:#01b8cc;}
#seitonokoeSec .voice_slickSlideBox .slick-dots li.slick-active button:before{ opacity:.75;  background:#01b8cc;}
#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;}
#seitonokoeSec .slick-prev,
#seitonokoeSec .slick-next{z-index:2;top:50%;transform: translate(0,-50%);}
#seitonokoeSec .slick-prev{left: 30px;background:url(/images/top_230801/arrow_lightgray_l2.png) no-repeat center/cover;width: 18px;height: 32px;}
#seitonokoeSec .slick-next{right: 30px;background:url(/images/top_230801/arrow_lightgray_r2.png) no-repeat center/cover;width: 18px;height: 32px;}
#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;width: 100%;}
#seitonokoeSec .tab_box .tab_btn {width: calc(95%/5);padding: 10px 5px 10px 5px;color: #000;cursor: pointer;transition: all 0.2s ease 0s;font-size:16px; font-weight: bold;background: #F4F4F4;margin-top: 5px;text-align: center;line-height: 1.3;border: 1px solid #C9C9C9;border-bottom: none;}
#seitonokoeSec .tab_box .tab_btn span{font-size: 80%;font-weight: normal;vertical-align: middle;display: block;}
#seitonokoeSec .tab_box .tab_btn.app{border-right:  1px solid #C9C9C9;}
#seitonokoeSec .tab_box .tab_btn.listItemCurrent {background: #fff;border: 1px solid #C9C9C9;border-bottom: none;margin-top: 0;padding-top: 17px;margin-bottom: -0.1em;}
#seitonokoeSec .tab_box .panda{width: 10%;text-align: center;padding: 0;position: relative;}
#seitonokoeSec .tab_box .panda img{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}





/*----- NEWS -----*/
#newsSec .sectionInner{height: 100%;box-sizing: border-box;}
#newsSec .listBox{height:300px;padding: 0 5px 12px 12px;overflow:auto; margin-top: 8px;}
#newsSec li{padding:5px; border-bottom:#CCC dotted 1px;}
#newsSec li.importantNews{background: #fffed5;}
#newsSec dl{min-height: 4em;}
#newsSec dt, 
#newsSec dd{font-size:12px; line-height:16px;}
#newsSec dt{float:left; font-weight:normal; width: 54px;}
#newsSec dd{float:right; width:calc(100% - 65px);}

/*----------------------------------------------------------------------------
***                                                               下の塊
----------------------------------------------------------------------------*/
#serSec{position:relative; width:735px; height:120px; margin-bottom:15px;}
#serSec dd{position:absolute; left:20px; top:-28px;}
#seSec .sectionInner{    margin: 20px auto 20px;    position: relative;}
#seSec p{font-size:12px; color:#666; padding-left:15px;}
#seSec h2{font-size:20px; color:#333; padding-left:90px; font-weight:normal; line-height:1.2em;}
#seSec h3{font-size:18px; color:#4E56EF; font-weight:normal; background:url(/common_images/icon_list08.png) left 8px no-repeat; ; padding-left:20px; margin-top:10px;}
#slide{margin-left:70px;}
#seSec #seUsa{position:absolute; left:12px; top:7px;  margin:0;  padding:0;}
#slide span:hover{ background-color:#FCA;}
#target{border-top:#CCC dotted 1px; padding-top:10px; margin-top:20px;}
#slide img{margin:0px 5px 2px 5px;}


/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.aside .sectionInner{padding: 248px 0% 0em;/*padding: 430px 0% 0em;*/}
.rightSection{float:right;}
.rightSectionInner{padding-top:0px;}
.rightSection .section{margin-bottom:10px;}
.rightSection img{max-width:100%; height:auto;}
.rightSection iframe{border:none; width:195px;}
.rightSection .rightSectionInner li{margin-bottom:0.59em;}
.rightSection .rightSectionInner li .modal-syncer{cursor: pointer;}


/*----- お近くのスクールをさがす -----*/
#searchBox{background:#f2f2f2; padding:1em 1em 1em 1em; margin-bottom:2em;}
#searchBox .searchBoxTtl{color:#00a1c9;font-size:103%;display:flex;align-items:center;font-weight:bold;}
#searchBox .searchBoxTtl:before{content:""; display:inline-block; width:17px; height:20px; 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:100%;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;font-weight: bold;}
#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:15px; font-size:110%;}


/*----- schoolsListSec -----*/
#schoolsListSec{position:relative;background:url(/images_v2018/bg_school_sp.jpg) no-repeat center bottom 0%/cover;background:none;}
#schoolsListSec:before{;}
#schoolsListSec >.sectionInner{position:relative; overflow:hidden; display:flex; flex-direction:column; padding:0;}
#schoolsListSec #schoolViewBox .titleBox{margin:0; padding:0% 0 0%; margin:0 0% 9%; display:inline-block;}
#schoolsListSec .titleBox >*{position:relative; z-index:2;}
#schoolsListSec .titleBox .ttl{color:#fff; font-size:110%; width:100%; line-height:1.2;}
#schoolsListSec .titleBox .txtTop{display:block;}
#schoolsListSec .titleBox .txtBottom{display:block; font-size:130%;}
#schoolsListSec .titleBox .txtSubTitle{color:#fff; width:200px; margin:0 auto; text-align:left;}
#schoolsListSec *{box-sizing:border-box;}
#schoolsListSec .contentsBox{margin-bottom:6%;}
#schoolsListSec .contentsBox img{max-width:100%;}
#schoolsListSec .contentsBox .slick-slide img{width: 100%;height: 100%;object-fit: cover;}
#schoolsListSec .searchBox{order:2;}
#schoolsListSec .pickupBox{order:1;}
#schoolsListSec #schoolViewBox{position:relative; padding:3% 0% 0%; text-align:center; margin:10px 0; width:100%; height:auto;}
#schoolsListSec #schoolNameBox{width:86%;margin:0 0% 15%;display: inline-block;position: relative;z-index: 1;}
#schoolsListSec #schoolNameBox .boxInner{width:100%; margin:0 auto;}
#schoolsListSec #schoolNameBox .schoolName{font-size:12px; color:#fff; line-height:1; margin-bottom:5%;}
#schoolsListSec #schoolNameBox .schoolOpen{ width:80%;  font-size:110%;  padding:2% 0%;  border-radius:25px;  font-weight: bold;  display:none;}
#schoolsListSec #schoolNameBox .schoolLink a{display:block; padding:0.6em 0 0.6em; border:1px solid #fff; font-size:11px; line-height:1; color:#fff;}
#schoolsListSec #schoolSlideBox{position:absolute; width:100%; height:100%; top:0; left:0; z-index:0;}
#schoolsListSec #schoolSlideBox *{height:inherit; margin:0;}
#schoolsListSec #schoolSlideBox .flex-direction-nav{height:auto;}
#schoolsListSec #schoolSlideBox .flex-control-nav{width:100vw;}
#schoolsListSec #schoolSlideBox .flex-viewport{/* overflow:hidden!important; *//* margin-left:calc( (100% - 1024px)/2); */width:100%; margin:0;}
#schoolsListSec #schoolSlideBox .flex-viewport ul{;}
#schoolsListSec #schoolSlideBox .flex-control-nav{bottom:5%; left:50%; transform:translate(-50%,0%); height:auto;}
#schoolsListSec #schoolSlideBox .flex-control-nav *{height:auto;}
#schoolsListSec #schoolSlideBox .flex-control-paging li a{width:9px; height:9px; background:#999; border-radius:0; cursor:pointer;}
#schoolsListSec #schoolSlideBox .flex-control-paging li a.flex-active{background:#00a4c8; cursor:default;}
#schoolsListSec #schoolSlideBox .slides a{ text-decoration:none; display:block; width:40px; height:40px; margin:-20px 0 0; position:absolute; top:50%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(0,0,0,0.8); text-shadow:1px 1px 0 rgba(255,255,255,0.3); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
#schoolsListSec #schoolSlideBox .slides a{background:transparent; opacity:1; width:20px; height:40px; top:calc(48% - 0px); text-indent:100%; white-space:nowrap; overflow:hidden;}

/* 矢印の位置設定 */
#schoolsListSec #schoolSlideBox .flex-prev {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#schoolsListSec #schoolSlideBox .flex-next {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 矢印のスタイル */
#schoolsListSec #schoolSlideBox .flex-prev:before,
#schoolsListSec #schoolSlideBox .flex-next:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#schoolsListSec #schoolSlideBox .flex-prev:before {
  border-left-color: #fff;
  border-bottom-color: #fff;
  transform: rotate(45deg) translate(-50%, -50%);
}

#schoolsListSec #schoolSlideBox .flex-next:before {
  border-right-color: #fff;
  border-top-color: #fff;
  transform: rotate(45deg) translate(-50%, -50%);
}

/* スライダー背景のグラデーションオーバーレイ */
#schoolsListSec #schoolSlideBox .slideBoxInner .flexslider:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.01) 1%,
    rgba(19, 19, 19, 0.7) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#b3131313', GradientType=0);
}

/*2024年12月9日変更ここまで*/

#schoolsListSec #schoolNo1Txt{font-size:140%;}
#schoolsListSec #schoolNumTxt{font-size:120%;}
#schoolsListSec #newSchoolBox{display:inline-block; width:400px; background:#fff;;}
#schoolsListSec #newSchoolBox{display:inline-block; width:100%; height:auto; margin:0; background:#fff; position:relative; z-index:1;}
#schoolsListSec #newSchoolBox #schoolOpenTxt{;}
#schoolsListSec #newSchoolBox #schoolOpenTxt:before{;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .txt.new{;}
#schoolsListSec #newSchoolBox #schoolOpenTxt >span{font-size:150%;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .info{font-size:100%; padding:0.4em 1.5em 0.2em 0.5em; top:calc(50% - 0.1em); right:2%;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .info:after{;}
#schoolsListSec #newSchoolBox #schoolOpenTxt .info.hoverActiveBtn.active{background:#99dbe9;}
#schoolsListSec #newSchoolBox .linkBox_list{;}
#schoolsListSec #newSchoolBox .linkBox_list p{padding:0;}
#schoolsListSec #newSchoolBox .linkBox_list .txtYear{font-size:11px; line-height:1.2; padding:0.5em 1% 0.5em 1%; overflow:hidden; border-bottom:1px dashed #ff7bac;}
#schoolsListSec #newSchoolBox .linkBox_list.pullTgt{;}
#schoolsListSec #newSchoolBox .linkBox_list li a{padding:0.5em 1% 0.5em 1%;overflow: hidden;border-bottom:1px dashed #ff7bac;display:flex;justify-content:flex-start;align-items:center;text-decoration:none;}
#schoolsListSec #newSchoolBox .linkBox_list li a .date{font-size:12px;text-indent: -2.6em;white-space:nowrap;/* overflow:hidden; */display:block;color: #333;}
#schoolsListSec #newSchoolBox .linkBox_list li a .new{font-size:12px;width:auto;min-width:3.7em;margin-left:0.3em;white-space:nowrap;color: #ff7bac;}
#schoolsListSec #newSchoolBox .linkBox_list li a .pre{font-size:110%; width:auto; margin-left:0; /* float:left; */display:none;}
#schoolsListSec #newSchoolBox .linkBox_list li a .pre:before{content:"／"; margin:0 0.3em;}
#schoolsListSec #newSchoolBox .linkBox_list li a .name{font-size:12px;width:100%;height:1.2em;padding-left:0;margin:0% 0 0 0.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:pre-line;line-height: 1.2;padding: 1px 0 1px 0;color: #333;}
#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover{background:#00a4c8; background:#fff3f8;}
#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover .new{color:#000;}
#schoolsListSec #newSchoolBox .linkBox_list .hoverFlipEaseBtn:hover .pre{color:#000;}
#schoolsListSec #newSchoolBox .linkBox{padding:0;}
#schoolsListSec #newSchoolBox .linkBox .linkBtn{width:100%; max-width:100%;}

#schoolsListSec #newSchoolBox #schoolMore{;}
#schoolsListSec #newSchoolBox #schoolMore .txt{padding:5% 0%; color:#00a4c8; font-weight:bold; transition:all .3s ease;}
#schoolsListSec #newSchoolBox #schoolMore .txt:after{transition:all .3s ease;}
#schoolsListSec #newSchoolBox #schoolMore.open .txt:after{;}
#schoolsListSec #newSchoolBox #schoolMore.hoverActiveBtn.active .txt{color:#fff;}
#schoolsListSec #newSchoolBox #schoolMore.hoverActiveBtn.active .txt:after{background:#fff; color:#00a4c8; color:#99dbe9;}
#schoolsListSec #newSchoolBox .moreBtn{/* display:none; */padding:0; margin:5px 0 0;}
#schoolsListSec #newSchoolBox .moreBtn a{display:block; text-align:center; padding:0.4em 0 0.4em; line-height:1; border:1px solid #ff7bac; color:#ff7bac; font-size:12px;}
#schoolsListSec #newSchoolBox .moreBtn a:hover{background:#ff7bac; color:#fff; text-decoration:none;}
#schoolsListSec #schoolListBox{height:auto; margin:0 0 0 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;}

/*開校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 i{position:absolute; top:50%; right:5%; transform:translate(0,-50%); display:inline-block; width:15px; height:7px; display:none;}
.arrow i use{transition:fill .3s ease;}
.tel use{transition:fill .3s ease;}
use.fillColorWhite{fill:#fff;}
use.fillColorBlue{fill:#00a4c8;}
use.fillColorPink{fill:#ed1e79;}
use.fillColorOrange{fill:#f7931e;}
.arrow.hoverFlipEaseBtn:hover i use{fill:#fff;}
.arrow.hoverFlipEaseBtn:hover i use.fillColorWhite{fill:#00a4c8;}
.arrow svg.ico_arrow{width:100%; height:100%; display:block;}
.tel .hoverFlipEaseBtn:hover use{fill:#fff;}

.arrow .ico_arrow{display: none;}

/*----------------------------------------------------------------------------
***                                                     2025年3月CMポップアップ
----------------------------------------------------------------------------*/
#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-cm2025usagi{box-sizing:border-box; width:900px; height:auto; position:fixed; z-index:999999; padding:0; display:none; box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);}
#modal-cm2025usagi .ttl{width:100%; background-color:#fffde5;}
#modal-cm2025usagi .ttl h2{width: 900px; margin:0 auto;padding: 0px 0;}
#modal-cm2025usagi .ttl h2 img{display:block;}
#modal-cm2025usagi #modal-cm2025Inner{background-color:#fff; padding:3em 0 1em;}
#modal-cm2025usagi ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-evenly;}
#modal-cm2025usagi li{width:400px;}
#modal-cm2025usagi h3{width:100%; text-align:center; font-size:23px;margin: 0 0 0.3em;}
#modal-cm2025usagi .cmA h3{color: #333333;}
#modal-cm2025usagi .cmB h3{color: #333333;}
#modal-cm2025usagi .cmMovie{margin: 0 0 0 0; position:relative;}
#modal-cm2025usagi .btn{width:280px; margin:50px auto 10px auto; cursor:pointer;}
.rightSection #modal-cm2025usagi iframe{width:400px;}
#modal-cm2025usagi .videoBox iframe{width:100%;}
#modal-cm2025usagi .newCm{display:flex; justify-content:space-between; align-items:center; margin-top:5px; padding:0 20px 0 0px;}
#modal-cm2025usagi .newCm >*{;}
#modal-cm2025usagi .newCm .titleBox{margin-top:0;}
#modal-cm2025usagi .newCm .titleBox .ttl{;}
#modal-cm2025usagi .cmList{display:table-cell; margin-left:0px;}
#modal-cm2025usagi .cmList ul{display:table;}
#modal-cm2025usagi .cmList ul li{display:table-cell; vertical-align:middle; padding:0 4px;}
#modal-cm2025usagi .cmList ul li p{display:block; color:#000; text-align:center; cursor:pointer; transition:opacity 0.5s ease; font-size:10px;}
#modal-cm2025usagi .cmList ul li p:hover{opacity:0.7;}
#modal-cm2025usagi .linkBox_campaign{border-top:1px solid #333; padding-top:10px;}
#modal-cm2025usagi .linkBox_campaign p{padding:0; margin-top:-8px;}
#modal-cm2025usagi .linkBox_campaign p a{transition:opacity 0.5s ease;}
#modal-cm2025usagi .linkBox_campaign p a:hover{opacity:0.7;}
#modal-cm2025usagi.positionAbsolute{position:absolute; top:20px!important;}
#newCmPopup2022{cursor:pointer;}
#modal-cm2025usagi .btnClose{width:30px; position:absolute; top:8px; right:8px; cursor:pointer;}
#modal-cm2025usagi .linkBox{/*margin: 3em 0 0 0;*/padding: 3em 0%;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:23px;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;}

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerCopyright p{text-align:right; color:#666; line-height:1.4em; margin:0; padding:0;}

.scAccDd{font-size:95%;}

/*----------------------------------------------------------------------------
***                                                                LPBox 2021
----------------------------------------------------------------------------*/
.sliderPage{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);border-radius: 10px;background: #fff;}
/* TOPLP 地域用*/
#slBoxLP #topLpArea2021{padding: 10px 20px 0 20px;font-size:0.74rem;}
#slBoxLP #topLpArea2021 a{display:block; -webkit-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out; }
#slBoxLP #topLpArea2021 a:hover{opacity:.7; text-decoration:none; }
#slBoxLP #topLpArea2021 h2{font-size: 26px;text-align:center;margin-bottom:0.3em;}
#slBoxLP #topLpArea2021 h2 span{color:#E7227E; }
#slBoxLP #topLpArea2021 em{font-style:normal; font-size:140%; }
#slBoxLP #topLpArea2021 #koushaListBox{height:auto;position: relative;width: 750px;margin: 0 auto 1em auto;}
#slBoxLP #topLpArea2021 .flex{height:100%;display: block; box-sizing:border-box;}
#slBoxLP #topLpArea2021 .flex *{box-sizing:border-box;}
#slBoxLP #topLpArea2021 .flex li{margin-bottom:1em;float: none;}
#slBoxLP #topLpArea2021 .flex.cc5 li{width: 136px;margin-bottom:1em;float: none;}
#slBoxLP #topLpArea2021 .flex li:last-child{margin-bottom:0;}
#slBoxLP #topLpArea2021 .cc2{column-count:2;}
#slBoxLP #topLpArea2021 .cc3{column-count:3;}
#slBoxLP #topLpArea2021 .cc4{column-count:4;}
#slBoxLP #topLpArea2021 .cc5{column-count:5;}
#slBoxLP #topLpArea2021 .colAll{column-span: all; text-align:center;}
#slBoxLP #topLpArea2021 .colAll *{text-align:center;}
#slBoxLP #topLpArea2021 .colAll img{display:inline-block;}
#slBoxLP #topLpArea2021 .koushaBox{width: auto;/*height:100%;*/ height:auto; float:none;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;box-sizing: border-box;display: block;border: 2px solid #00a1c8;border-radius:5px;}
/*#slBoxLP #topLpArea2021 .koushaBox.satellite {height: calc(180px - 0.5em);}
#slBoxLP #topLpArea2021 .koushaBox.noimg {height: calc(180px - 0.5em);}
#slBoxLP #topLpArea2021 .koushaBox.ekimae.half{height: calc(100% - 7em);}*/
#slBoxLP #topLpArea2021 .koushaBtn{display:block;/*width:100%;*/ height:100%;overflow:hidden;}
#slBoxLP #topLpArea2021 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 #topLpArea2021 .koushaName{text-align:center;font-size: 20px;color:#00a1c8;margin:2% 5% 2%;border-bottom:1px dashed #333;line-height: 22px;padding-bottom: 2%;}

#slBoxLP #topLpArea2021 .ekimae .koushaName:before {content: "駅前留学NOVA";width: 7em;display: block;background: #9721c7;color: #fff;font-size: 14px;margin: 0.4em auto 0.4em auto;padding: 0.2em 0.6em;line-height: 1;border-radius: 5px;font-weight: normal;}
#slBoxLP #topLpArea2021 .satellite .koushaName:before {content: "サテライト";width: 5em;display: block;background: #fb932b;color: #fff;font-size: 14px;margin: 0.4em auto 0.4em auto;padding: 0.2em 0.6em;line-height: 1;border-radius: 5px;font-weight: normal;}
#slBoxLP #topLpArea2021 .koushaData {text-align:center;margin: 0;height: 100%;position: relative;}
#slBoxLP #topLpArea2021 .koushaData .accessTxt {font-size: 14px;text-align:center;line-height:1.2;height: 100%;min-height: 7em;padding: 0 4px 20px;overflow: hidden;margin: 2px 4% 5px;}
#slBoxLP #topLpArea2021 .cc5 .koushaData .accessTxt {font-size: 11px;text-align:center;line-height:1.4;height: 3.8em;padding: 0 3px;overflow: hidden;margin: 2px 0 10px;}
#slBoxLP #topLpArea2021 .koushaData .satelliteTxt{color: #e7227e;}
#slBoxLP #topLpArea2021 .koushaData .moreTxt {display:inline-block;background:#808080;color:#fff;line-height:1;padding:0;font-size: 15px;padding: 0em 0.5em 0.2em;text-align:center;border-radius:2em;width:5em;margin-top: 0px;position: absolute;bottom: 0.5em;left: 50%;transform: translate(-50%, 0);}
#slBoxLP #topLpArea2021 .areaBtnBox .moreTxt {display:inline-block;background:#808080;color:#fff;line-height:1;padding:0;font-size: 15px;padding: 0em 0.5em 0.2em;text-align:center;border-radius:2em;width:5em;margin-top: 10px;position: absolute;bottom: 0.5em;left: 50%;transform: translate(-50%, 0);}
#slBoxLP #topLpArea2021 .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;height: 16em;}
#slBoxLP #topLpArea2021 .koushaImg img {max-width:none;width:100%;height: 100%;object-fit: cover;}

#slBoxLP #topLpArea2021 .areaBtnBox p{text-align:center;}
#slBoxLP #topLpArea2021 .areaBtn{display: inline-block;position:relative;}
#slBoxLP #topLpArea2021 .area{position:absolute;font-size: 20px;color:#f7ea00;font-weight:bold;text-align:center;width: 100%;top: 45px;}
#slBoxLP #topLpArea2021 .area02{position:absolute;font-size: 20px;color:#f7ea00;font-weight:bold;text-align: right;width: auto;top: 39px;right: 331px;}
#slBoxLP #topLpArea2021 .area03{position:absolute;font-size: 19px;color:#f7ea00;font-weight:bold;text-align: right;width: auto;top: 27px;right: 244px;}
#slBoxLP #topLpArea2021 .areaBtnBox .koushaBtn{ }
#slBoxLP #topLpArea2021 .areaBtnBox .koushaName{font-size:16px; border:none; color:#808080; padding:1em 0 2em; font-weight:bold; line-height:1.4; }
#slBoxLP #topLpArea2021 .img{display:inline-block; }
#slBoxLP #topLpArea2021 #koushaListBox .areaBtnBox{position:relative;text-align: center;}
#slBoxLP #topLpArea2021 #koushaListBox .areaBtnBox1{width: auto;height: calc(50% - 1em);text-align: center;margin-top: 2em;}
#slBoxLP #topLpArea2021 #koushaListBox .areaBtnBox2{width: 377px; height:auto; text-align: center;}
#slBoxLP #topLpArea2021 #koushaListBox .areaBtnBox2{width: 377px; height:auto; text-align: center;}
#slBoxLP #topLpArea2021 #koushaListBox .areaName {position: absolute;left: calc(50% - 30px);top: 17px;font-size: 18px;font-weight: bold;color: #ff0;display: block;width: 65%;text-align: center;transform: translate(-50%, 0);}
#slBoxLP #topLpArea2021 #koushaListBox .cc3 .areaBtnBox .areaName {top: 12px;}
#slBoxLP #topLpArea2021 .areaBtnBox{float:none;height: auto;}
#slBoxLP #topLpArea2021 .areaBtnTxtBox{ height: 100%;border:2px solid #808080;}

/*2校舎駅前1サテライト1*/

/*2校舎サテライトのみ*/
#slBoxLP #topLpArea2021.kousha_2_e0s2 h2{margin: 0.2em 0 0.4em 0;}
#slBoxLP #topLpArea2021.kousha_2_e0s2 #koushaListBox{margin: 0 auto;/*height: 260px;*/ height: auto;}
#slBoxLP #topLpArea2021.kousha_2_e0s2 .koushaBox{width: 48%;}

/*4校舎駅前1サテライト3バージョン*/




/*9校舎バージョン*/

/*11校舎バージョン*/

/*校舎名が2行*/
#slBoxLP #topLpArea2021 .koushaBox.longName .accessTxt{min-height: 5.5em;}
/*アクセス文が長すぎる*/
#slBoxLP #topLpArea2021 .koushaBox .accessTxt.longaccess{font-size:12px;min-height: 8.2em; }
/*川崎*/
#slBoxLP #topLpArea2021.kawasaki .area03{font-size:15px; }
/*東海*/
#slBoxLP #topLpArea2021.toukaishi .koushaNameS{font-size:18px; } 


/* TOPLP 駅合同LP　共通パーツ*/
#slBoxLP #topLpArea2021.topLPStation{ background-repeat:no-repeat; background-position:left top; height:auto; position:relative;width: 750px;margin: auto;}
#slBoxLP #topLpArea2021.topLPStation .sectionInner{height: 404px;}
#slBoxLP #topLpArea2021.topLPStation img{ display:inline;}
#slBoxLP #titleBox{ position: absolute; left: 79px; top: 0px;}
#slBoxLP #titleBox h2{ font-size:60px;line-height:1.0em; color:#00A1C9;}
#slBoxLP #titleBox h2 span{ font-size:12px; line-height:2em; display:block; font-weight:normal;}
#slBoxLP #titleBox p{ padding:0; font-size:16px; font-weight:bold; line-height:1em;}
#slBoxLP .scInfoBox{ position:absolute; width:230px;}
#slBoxLP .scInfoBox p{ margin:0; padding:0;}
#slBoxLP .scInfoBox dl{ width:230px;}
#slBoxLP .scInfoBox dt{ line-height:1.0em; font-size:28px; border-bottom:#999 solid 2px; margin-bottom:4px; padding-bottom:5px;}
#slBoxLP .scInfoBox dt a{ color:#333; text-decoration:none;}
#slBoxLP .scInfoBox dd{ line-height:1.1em;font-size: 16px;margin-bottom: 5px;}
#slBoxLP .scInfoBox dd.scTelDd{ font-size:20px; font-weight:bold; margin-top:2px;}
#slBoxLP .scInfoBox .scSubBox{ clear:both; padding-top:0;}
#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:16px; line-height:22px; font-weight:bold;}
#slBoxLP #areaLinkBox .areaTxt1 strong{ font-size:22px;}
#slBoxLP #areaLinkBox .areaTxt2{ padding:0 0 0 2px; line-height:1.6em; font-size:12px;}
#slBoxLP .topLPStation #lpAllSubBox{ position:absolute; width:733px; height:75px; left:0; bottom:0; background:#00A1C9;}

/* 池袋用パーツ */
#slBoxLP .ikebukuroStSec{ background-image:url(/lp/schools/shinjyuku/images/img_contents01.png);}
#slBoxLP .ikebukuroStSec .sectionInner{height: 404px;}
#slBoxLP .ikebukuroStSec #higashiBox{top:78px;left: 445px;}
#slBoxLP .ikebukuroStSec #nishiBox{ top: 245px; left: 45px;}
#slBoxLP .ikebukuroStSec #areaLinkBox{ padding-top:7px; width: 288px; height: 150px; left: 442px; top: 238px;background-position: right top;}
#slBoxLP .ikebukuroStSec .areaLinkBtn{ margin-top:5px;}

/* 新宿用パーツ */
#slBoxLP .shinhyujuStSec{ background-image:url(/lp/schools/shinjyuku/images/img_contents01.png);}
#slBoxLP .shinhyujuStSec .sectionInner{height: 404px;}
#slBoxLP .shinhyujuStSec #higashiBox{top:78px;left: 445px;}
#slBoxLP .shinhyujuStSec #nishiBox{ top: 239px; left: 45px;}
#slBoxLP .shinhyujuStSec #areaLinkBox{ padding-top:7px; width: 288px; height: 150px; left: 442px; top: 238px;background-position: right top;}
#slBoxLP .shinhyujuStSec .areaLinkBtn{ margin-top:5px;}

tr:last-child td::after{display:none;}

/* 細かい部分修正　*/
#slBoxLP #topLpArea2021 .bannerBox p{text-align: center;}
#slBoxLP #topLpArea2021 .bannerBox ul{margin:0 auto 2%;display: flex;justify-content: center;padding: 0 0 2em;}
#slBoxLP #topLpArea2021 .bannerBox ul li{padding: 0% 0.5%;}
#slBoxLP #topLpArea2021 .bannerBox ul li:first-child{margin-top:5px;padding:0 1% 0 0;}
#slBoxLP #topLpArea2021 .levelBox li p span{font-size: 140%;font-weight: bold;color: #e71a7d;}

/*NKS校舎用　2020年6月10日追加*/
/*#slBoxLP #topLpArea2021 .NKSkoushaBox {width:35%; height:100%; float:none; position: relative;}
#slBoxLP #topLpArea2021 .NKSkoushaBox .koushaImg::before {content: url("../images/ico_contents03.png"); width: 45px;position: absolute; top: 98px; right: 5px; z-index: 100;}
#slBoxLP #topLpArea2021 .NKSkoushaBox .koushaBtn{border:2px solid #66c6cd; border-radius:5px; display:block; height:100%; overflow:hidden; }
#slBoxLP #topLpArea2021 .NKSkoushaBox .koushaName{text-align:center; font-size:28px; color:#66c6cd; margin:0 8%; border-bottom:1px dashed #333; }
*/
/*2021年7月14日追加*/
/*#slBoxLP #topLpArea2021 .takousha .koushaBox{height:299px;}
#slBoxLP #topLpArea2021 .takousha .koushaBox.noimg{height:auto;}
#slBoxLP #topLpArea2021 .takousha .koushaBox.satellite{height:auto;}
#slBoxLP #topLpArea2021 .takousha .areaBtnTxtBox{height:calc(159px - 0.5em);}*/


/*開校関連　バナー*/
#slBoxLP #topLpArea2021 .new_koushaBox{max-width: 900px;width: 95%;margin: 0 auto 1.5em;}
#slBoxLP #topLpArea2021 .new_koushaBox a{background: url(/images2014/toplp/img_bg_new_kousha.png)no-repeat center;background-size: cover;position: relative;}
#slBoxLP #topLpArea2021 .new_koushaBox a:hover{opacity: 0.8;}
#slBoxLP #topLpArea2021 .new_koushaBox .ribbon{position: absolute;top: -2px;left: 18px;color: #fff;font-weight: bold;font-size: 11px;text-align: center;line-height: 1.2;background: url(/images2014/toplp/img_rbn_new_kousha.png)no-repeat center top;background-size: contain;padding: 16px 5px 23px;}
#slBoxLP #topLpArea2021 .new_koushaBox .ribbon span{font-size: 160%;display: block;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school{color: #fff;font-size:25px;font-weight: bold;line-height: 1.2;padding: 5px 0 13px 100px;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school .cp_now{font-size: 23px;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school .date{font-size: 70%;font-weight: 500;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school .yellow{font-size: 70%;color: #FFFF00;padding-left: 10px;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school .min{font-size: 50%;padding-left: 10px;font-weight: 500;}
#slBoxLP #topLpArea2021 .new_koushaBox .new_school .school_name.cp:after{content: " 開校キャンペーン実施中！";display: inline-block;margin-left: 0.5em; font-size: 20px;}

/*開校関連　バッジ*/
#slBoxLP #topLpArea2021 .koushaData .cp{position: relative;padding-top: 2em;}
#slBoxLP #topLpArea2021 .koushaData .cp:before{content: "開校キャンペーン中"; display: block; width: 75%; height: auto; font-size: 11px; position: absolute; left: 50%;top: 5%;  transform: translateX(-50%); background: #e7227e; color: #fff; line-height: 1; padding: 2px 0 2px;}

/*----------------------------------------------------------------------------
***                                                                年賀状
----------------------------------------------------------------------------*/
.nengaBnrP{margin: -20px 0 35px;text-align: center;}
.nengaBnrP img{width:80%;}
/*----------------------------------------------------------------------------
***                                                             特別バナー
----------------------------------------------------------------------------*/
.specialBnrP{margin: -15px 0 20px;text-align: center;}
.specialBnrP img{width:80%;}