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


/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/

.moushikomiBox.campaignShogetsu0yen .moushikomiBtn a{font-size: 180%;max-width:380px;width: 80%;padding: 0.8em 0;border-radius: 50vw;box-shadow: 1px 0px 7px #666;}
.moushikomiBox .cpn_main{width:100%;margin: 0 auto 1.5em;}
.nengaBnrP{text-align: center;}
.nengaBnrP img{margin: 2em auto 1em;}
/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
/*--- mainView ---*/
#mainView .mainViewInner{background: url("../../images/renewal2022/img_fv2402.jpg")no-repeat top center;background-size: cover;width: 100%;box-sizing: border-box;height: 550px;}
#mainView .mainViewInner .imgBox{position: relative;max-width: 1050px;margin: 0 auto;box-sizing: border-box;padding: 1em 32em 0em 0;width: 100%;}
#mainView .mainViewInner .imgBox .txtTtl_sub{width: 100%;padding-top: 4%;margin-bottom: 3%;margin-top: 0%;box-sizing: border-box;font-size: 160%;font-weight: bold;text-align: center;}
#mainView .mainViewInner .imgBox .txtTtl_sub.subT01 img{margin: auto;}
#mainView .mainViewInner .imgBox .txtTtl_sub.subT02{margin-bottom: 3%;padding-top: 10%;padding-left: 2%;font-size: 125%;}
#mainView .mainViewInner .imgBox .txtTtl_sub.subT02 span{color: #000;/*transform: rotate(-17deg)*/;display: inline-block;padding: 0 0.4em 0 0;}
#mainView .mainViewInner .imgBox .txtTtl_sub.subT02 span.rotate2{/*transform: rotate(17deg);*/padding: 0 0 0 0.4em;}

#mainView .mainViewInner .imgBox span{color: #e74051;}
#mainView .mainViewInner .imgBox .txtTtl{font-size: 40px;font-weight: bold;line-height: 1.2;text-align: center;}
#mainView .mainViewInner .imgBox .txtTtl .ttl_big{font-size: 45px;}
#mainView .mainViewInner .imgBox .txtTtl .black{color: #000;}
#mainView .mainViewInner .imgBox .cp_btn{width: 50%;padding-bottom: 3%;padding-left: 6%;}
#mainView .mainViewInner .imgBox .fes_badge{position: absolute;left: 58%;top: 4em;filter: drop-shadow(0px 0px 6px #666);}

#mainView .mainViewInner .imgMainBox{margin-top: 6%;padding-bottom: 3%;}
#mainView .kidschannelBtn a {width: 5%;max-width: 80px;position: fixed;top: 30%;right: 0;}
#mainView .fvbtn{text-align: center;filter: drop-shadow(0px 0px 4px #666);}
@media (min-width:768px)  and (max-width:1000px) {
    #mainView .mainViewInner .imgBox .cp_btn{width: 50%;padding-bottom: 3%; margin-left:-5%;}
    #mainView .mainViewInner .imgBox{width: 100%;padding: 1em 36% 2em 0;}
    #mainView .cpnBox .cpn_badge{right: -7%;}
}

.campaignBottomBnr{position: fixed;margin: 0;padding: 0;width: auto;right: 6em;bottom: 0em;z-index: 77;}

#mainView .cpnBox{position: relative;margin: 1em auto -2em;}
#mainView .cpnBox .cpn_btn{margin: -16px 10px 0 0;}
#mainView .cpnBox .cpn_btn a:hover{opacity: 0.8;}
#mainView .cpnBox .cpn_badge{position: absolute;top: 0%;right: -3%;}

.oshiraseTel{margin: 0 auto -2em;}

/*--- nlsTopicsBlogSec ---*/
#nlsTopicsBlogSec{background-color:rgba(255,255,255,0.7);background-blend-mode:lighten;background-repeat: no-repeat;background-size: 100% auto;}
#nlsTopicsBlogSec .sectionInner{padding: 0em;}
#nlsTopicsBlogSec .txtTtl span{font-size: 150%;display: inline-block;padding: 0 1em;position: relative;font-weight: bold;}
#nlsTopicsBlogSec .txtTtl span:before{content: "";display: block;background: #2cb4ad;width: 0.8em;height: 0.8em;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#nlsTopicsBlogSec .txtTtl span:after{content: "";display: block;background: #2cb4ad;width: 0.8em;height: 0.8em;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi{width: 32%;border: 1px solid #2cb4ad;padding: 0.9em;background-color: #fff;margin-bottom: 1.5em;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 3px 3px 10px -2px rgba(10,10,10,0.3);}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi .img{width: 100%; height: 180px;}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi .img img{width:100%; height:100%; object-fit:cover;}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi a:hover{text-decoration: none;}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi .detailBox .ttl{font-size: 100%;font-weight: 400;line-height: 1.4;margin-top: 0.5em; display:-webkit-box;  overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;  white-space:pre-line;}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi .detailBox .moreBtn {width: 4em;font-size: 110%;padding: 0.1em 0;text-align: center;margin: 1em auto 0.2em auto;color: #000;line-height: 1;border-bottom: 1px solid;}
#nlsTopicsBlogSec .btn{max-width: 200px;margin: 2em auto 4em;width: 60%;}
#nlsTopicsBlogSec .btn a{display: block; width: 100%;background-color: #2cb4ad; color: #fff; font-size: 120%; font-weight: bold; padding: 0.5em 0;}
#nlsTopicsBlogSec .btn a:hover{text-decoration: none;}

@media screen and (max-width:1280px) {
    #nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi{width: 48%;}
    #nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi:last-child{margin: 0 auto;}
}

/*--- levelupSec ---*/
#levelupSec{background: url(../../images/renewal2022/img_back03.png)no-repeat center center;background-color: #fad9dc;background-size: cover;margin-top: 6em;}
/*-----ラジオボタンを全て消す-----*/
#levelupSec input[name="tabItem"],
#levelupSec input[name="season"] { display: none;}
/*-----タブのスタイル-----*/
#levelupSec .tabItem .btn_case01,
#levelupSec .tabItem .btn_case02{display: inline-block;width: 15%;text-align: center;box-sizing: border-box;margin: 0 -0.2em -1px;padding: 0.25em 0;background: #fff;border: 1px solid;}
/*-----hover時のタブのスタイルを変える-----*/
#levelupSec .tabItem:hover{cursor: pointer;}
#levelupSec .tabItem.case01tab .btn_case01:hover{background-color: #eee;}
#levelupSec .tabItem.case02tab .btn_case02:hover{background-color: #eee;}
/*-----選択されているタブのスタイルを変える-----*/
#levelupSec #case01tab:checked ~ label.tabItem.case01tab .btn_case01,
#levelupSec #case02tab:checked ~ label.tabItem.case02tab .btn_case02{position: relative;border-bottom: 1px solid transparent;}
/*-----タブ切り替え_初期非表示-----*/
#levelupSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;}
/*-----選択されているタブのコンテンツのみを表示-----*/
#levelupSec #case01tab:checked ~ #content_case01,
#levelupSec #case02tab:checked ~ #content_case02 {display: block;opacity: 1;background: #fff;border: 1px solid;padding: 1.5em 1.5em 1em 1.5em;}

#levelupSec .leftBox{width: 48%;}
#levelupSec .rightBox{width: 48%;}
#levelupSec .leftBox .caseBox {margin-bottom: 1em;}
#levelupSec .caseNum{background: #f2f2f2;width: 130px;margin: 0;padding: 1.5em 0;}
#levelupSec .caseDl {width: calc(100% - 150px);font-size: 90%;padding-top: 0.75em;}
#levelupSec .caseDl dt{padding-right: 0.5em;border-right: 1px solid #000;margin-right: 0.5em;line-height: 1.2;margin-bottom: 0.3em;font-size: 90%;}
#levelupSec .caseDl dd{margin-right: auto;line-height: 1.2;margin-bottom: 0.3em;font-size: 90%;}
#levelupSec .fukidashi{background: #fef6cd;padding: 1em;position: relative;}
#levelupSec .fukidashi:before{content:""; display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #fef6cd; position: absolute; right: -15px; top: 50%; transform: translateY(-50%);}
#levelupSec .fukidashi .txt{line-height: 1.2;}
#levelupSec .fukidashi .txt .marker{background: linear-gradient(transparent 60%, #fff 0%);}
@media (min-width:768px)  and (max-width:850px) {
	#levelupSec .rightBox{margin-block:auto;}
}


/*-レベルの目安20200819*/
#ryoukinSec .levelBox {max-width: 900px;margin: 0 auto 10px auto;}
#ryoukinSec .levelBox .pullBtnBox{width: 70%;margin: 0 auto;}
#ryoukinSec .levelBox .pullBtn{min-width: 150px;width: 60%;margin: 0% auto 6%;cursor: pointer;}
#ryoukinSec .levelBox .pullBtn img {width: 100%; height: auto;}
#ryoukinSec .levelBox .up{display: none;}
#ryoukinSec .levelBox .open .down{display: none;}
#ryoukinSec .levelBox .open .up{display: block;}
#ryoukinSec .levelBox .contentsBox{background: #f2f2f2;padding: 1.5em 2em;}
#ryoukinSec .levelBox .contentsBox table{margin-bottom: 0; margin: 0 auto; width: 100%;}
#ryoukinSec .levelBox .contentsBox tr{border: none;border-bottom: dashed 1px #333;}
#ryoukinSec .levelBox .contentsBox tr:last-child{border-bottom: none;}
#ryoukinSec .levelBox .contentsBox th{border: none;font-size: 130%;color: #333;font-weight: bold;padding: 0;line-height: 1;width: 22%;position: relative;}
#ryoukinSec .levelBox .contentsBox th:before{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #333;position: absolute;top: 50%;right: -7%;transform: translate(0,-50%);}
#ryoukinSec .levelBox .contentsBox th .txtSizeS{font-size: 75%;}
#ryoukinSec .levelBox .contentsBox th .kyu{display: inline-block;margin-right: 0.6em;}
#ryoukinSec .levelBox .contentsBox td{font-size: 100%;border: none;padding: 2% 0 1% 4%;line-height: 1.5;}
#ryoukinSec .slider *{outline:none;}
#ryoukinSec .slider .imgBox img{display:inline-block;}
#ryoukinSec .slider .slick-dots{bottom:0.5em;}



/*-レベルの目安20200819ここまで:/

/*--- aboutSec ---*/
#aboutSec {}
#aboutSec .leftBox{width: 60%;}
#aboutSec .rightBox{width: 40%;}
#aboutSec .topTxt{font-weight: bold;font-size: 130%;line-height: 1.3;color: #e74051;}
#aboutSec .txt{margin-top: 1em; line-height: 1.5;}

#aboutSec .time_moreBox{margin: 3em 0 0;}
#aboutSec .time_moreBox .time_ttl{background: #000;color: #fff;font-size: 37px;text-align: center;padding: 0.2em 0;margin: 0;font-weight: bold;}
#aboutSec .time_moreBox .time_ttl span{color:#e74051; }
#aboutSec .time_moreBox .time_moreInner{background: url("../../images/renewal2022/img_bg_time_pc.jpg")top center no-repeat;padding: 2em 2em 2em 35%;background-size: cover;}
#aboutSec .time_moreBox .time_moreInner h3{font-size: 44px;color: #fff;line-height: 1.3;margin: 0 0 0.5em;font-weight: bold;}
#aboutSec .time_moreBox .time_moreInner .time_subtxt{color: #fff;margin-bottom: 0.3em;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn{background: #31D9E4;padding:0.5em 1.5em 0.5em 0em;box-shadow: 1px 1px 5px rgb(0 0 0 / 40%);font-size: 25px;font-weight: bold;text-align: center;border-radius: 0.5vw;position: relative;display: block;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn span.yaji{width: 55px;height: 45px;font-size: 50px;position: absolute;top: 0;bottom: 0;margin: auto;right: 13px;font-weight: 100;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn a:link,#aboutSec .time_moreBox .time_moreInner .time_more_btn a:visited{color: #000;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn:hover{color: #fff;cursor: pointer;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn a:hover{color: #fff;text-decoration: none;cursor: pointer;}
#aboutSec .time_moreBox .time_moreInner .time_more_btn span{font-size: 30px;}


@media (min-width:768px)  and (max-width:1000px) {
    #aboutSec .topTxt{font-size: 120%;}
	#aboutSec .time_moreBox .time_moreInner{padding: 2em 2em 2em 20%;}
	#aboutSec .time_moreBox .time_moreInner .time_more_btn{font-size: 21px;}
	#aboutSec .time_moreBox .time_moreInner .time_more_btn span{font-size: 28px;}
	#aboutSec .time_moreBox .time_ttl{font-size: 28px;}
	
}
/*--- tokuchoSec ---*/
#tokuchoSec{background:url("../../images/renewal2022/img_back01.png")no-repeat center center #fad9dc;background-size: contain;}
#tokuchoSec .tokuchoUl .tokuchoLi {background: #fff;width: 31%;margin-bottom: 3%;padding: 1.5em; box-sizing:border-box;border-radius: 2em;}
#tokuchoSec .tokuchoUl .tokuchoLi:nth-child(n + 4) {margin-bottom: 0;}
#tokuchoSec .tokuchoUl .tokuchoLi .ttl{color: #e74051;text-align: center;font-weight: bold;font-size: 125%;border-bottom: 1px solid #e74051;margin: 0;}
#tokuchoSec .tokuchoUl .tokuchoLi .img{width: 80%;max-width: 160px;margin: 0.5em auto;}
#tokuchoSec .tokuchoUl .tokuchoLi .img img{width: 100%; height: auto;}
#tokuchoSec .tokuchoUl .tokuchoLi .txt{font-size: 90%;margin: 0;}
#tokuchoSec .tokuchoUl .tokuchoLi span{font-size: 80%;}

#tokuchoSec .hikaku{margin: 6em 0 1em;}
#tokuchoSec .hikaku h2{font-size: 40px;}
#tokuchoSec .hikaku_content.contentsBox table{margin: auto;border: 2px solid #e74051;background: #fff;width: 95%;}
#tokuchoSec .hikaku_content.contentsBox table tr:nth-child(1){}
#tokuchoSec .hikaku_content.contentsBox table th, 
#tokuchoSec .hikaku_content.contentsBox table td{padding:  10px 25px;text-align: center;line-height: 1.3;vertical-align: middle;}
#tokuchoSec .hikaku_content.contentsBox table th.normal{background: #f2f2f2; }
#tokuchoSec .hikaku_content.contentsBox table th.nls{background:#e74051;color: #fff;font-size: 110%;font-weight: bold; }
#tokuchoSec .hikaku_content.contentsBox table td:nth-child(2){font-size: 110%;font-weight: bold;}
#tokuchoSec .hikaku_content.contentsBox table tr:last-child td{}
#tokuchoSec .hikaku_content.contentsBox table td span{font-size: 80%;font-weight: normal;}
#tokuchoSec .hikaku_txt{font-size: 26px;text-align: center;color: #e74051;font-weight: bold;line-height: 1.3;margin-top: 1em;}
#tokuchoSec .hikaku_txt span{font-size: 140%;}

@media screen and (max-width:1280px) {
    #tokuchoSec .tokuchoUl .tokuchoLi {width: 48%;}
    #tokuchoSec .tokuchoUl .tokuchoLi:nth-child(4){margin-bottom: 3%;}
	
	
	
}
@media (min-width:768px)  and (max-width:1050px){
    #tokuchoSec{background-image:none;}
    #tokuchoSec .tokuchoUl .tokuchoLi {width: 100%;max-width: inherit;margin: 5px 15px 0;height: auto!important;flex-direction:column;}
	#tokuchoSec .tokuchoUl .tokuchoLi:nth-child(4),
	#tokuchoSec .tokuchoUl .tokuchoLi:nth-child(5){margin-bottom: 0%;}
	#tokuchoSec .tokuchoUl .tokuchoLi:last-child {margin-bottom: 0em;}
	#tokuchoSec .slick-dotted.slick-slider{margin-bottom: 0%;}
	#tokuchoSec .slick-dots{bottom: -50px;}

	#tokuchoSec .slick-track{display:flex;}
	#tokuchoSec .slick-slide{height:auto!important;}
	#tokuchoSec .slick-disabled{display:none;}

}


/*--- movieKaisetuSec ---*/
#movieKaisetuSec{background:url("../../images/renewal2022/img_back02.png")no-repeat center center; background-size: contain;}
#movieKaisetuSec.secBox > .sectionInner {padding-top: 0em;padding-bottom: 2em;}
#movieKaisetuSec.secBox > .sectionInner > .titleBox h2{font-size: 30px;}
#movieKaisetuSec .movieInBox {/* width: 90vw; */max-width: 650px;/* height: 50.5vw; */max-height: 450px;margin: 0 auto;}
#movieKaisetuSec .movieInBox iframe {width: 100%;}
#movieKaisetuSec .movieInBox02{margin-top: 0%;}
#movieKaisetuSec .videoBox{margin: 2em auto;}
#movieKaisetuSec .videoBox h3{font-size: 150%;font-weight: bold;}
@media (min-width:768px)  and (max-width:850px) {
	#movieKaisetuSec{background-position:top;background-repeat: repeat;}
}

/*--- lessonIntroductionSec ---*/
#lessonIntroductionSec .ttl-h2{text-align:center;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList{margin:0 0 0em;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem{margin: 0.25em 0.25em;width: calc(100% / 5);}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem:first-child{margin: 0.25em 0.25em 0 0;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem:last-child{margin: 0.25em 0 0 0.25em;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent a{display:block;text-align:center;color:#000;background:#fdf0f1;line-height:1.2;padding:0.5em 0 1em;position:relative;text-decoration: none;cursor: pointer;border-top: 3px solid #fdf0f1;font-size: 130%;font-weight: bold;height: 92px;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .currentItem a{border-top:7px solid #e74051;background:#fad9dc;padding: 0.3em 0 1em}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .currentItem a:after{content:"";display:block;width:1em;height:1em;border-bottom:1px solid #000;border-right:1px solid #000;position:absolute;left:calc(50% - .5em);bottom:.5em;transform:rotate(45deg);font-size:80%;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled{margin-bottom:0em;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled .listItem{flex:0 1 auto;margin:0 .5em .5em 0;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled .listItem a{display:block;text-align:center;color:#000;background:#fff;border:2px solid #e74051;border-radius:2em;font-weight:400;line-height:1;padding:.5em 1em .5em;text-decoration: none;cursor: pointer;font-size: 90%;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem:nth-child(2) a,
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem:nth-child(3) a,
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem:nth-child(4) a{padding: 1.2em 0 1em;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem.currentItem:nth-child(2) a,
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem.currentItem:nth-child(3) a,
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent .listItem.currentItem:nth-child(4) a{padding: 1em 0 1em;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled .listItem.currentItem a{background:#e74051;color:#fff;}
#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled .listItem.chilled_display_none {display:none;}
#lessonIntroductionSec .contentsBoxInner .mainSlider{margin:0 0 0em;}
#lessonIntroductionSec .txtDescription{text-align:center;font-weight:400;}
#lessonIntroductionSec .sliderItem .articleBox{background:#fad9dc;width:100%;height: 100%;padding:1.5em 2.5em 1.5em;}
#lessonIntroductionSec .sliderItem .articleBox *{/*color:#fff;*/}
#lessonIntroductionSec .sliderItem .articleBox .txtBox{order:2;width:57%;padding:0 0 0 1em;}
#lessonIntroductionSec .sliderItem .articleBox .ttl-h1{font-size:180%;line-height:1.2;font-weight: bold;border-left:7px solid #e74051;padding-left: 0.2em; }
#lessonIntroductionSec .sliderItem .articleBox .subTtl{padding:0;margin:.5em 0 0em;font-size: 90%;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox{display:inline-block;padding:0;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label{display:inline-block;line-height:1;padding:.3em .3em .3em .3em;background:#000;color:#fff;font-size:100%;margin: 0 0.3em 0 0;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label:last-child{margin-right:0;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="初"]{background:#009245;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="中"]{background:#00afcc;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="中上"]{background:#ff9933;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="上"]{background:#d70035;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="全"]{background:#f9696a;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="level5~9"]{background:#9933cc;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .label[data-level="Level5"]{background:#9933cc;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .colorPink{background:#f9696a;font-weight:700;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .colorGreen{background:#009245;font-weight:700;}
#lessonIntroductionSec .sliderItem .articleBox .labelBox .colorGray{background:#e6e6e6;color:#000;}
#lessonIntroductionSec .sliderItem .articleBox .lessonContents{margin:0.5em 0 0;}
#lessonIntroductionSec .sliderItem .articleBox .item-dt{font-size:120%;line-height:1.4;font-weight: 500;}
#lessonIntroductionSec .sliderItem .articleBox .item-dd{line-height:1.4;font-weight: 400;}
#lessonIntroductionSec .sliderItem .articleBox .imgBox{order:1;padding:0em;width:43%;}
#lessonIntroductionSec .sliderItem .articleBox .imgBox .img{margin:0;padding:0;max-width:445px;border:1px solid #4d4d4d;}
#lessonIntroductionSec .subSlider{background: #fad9dc;}
#lessonIntroductionSec .subSlider .ttl{font-size:138%;display:flex;align-items:center;font-weight:500;margin:0;}
#lessonIntroductionSec .subSlider .ttl:after{content:"";display:inline-block;width:1em;height:1em;border-bottom:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);font-size:40%;margin:-.5em 0 0 1em;}
#lessonIntroductionSec .subSlider .listBox{margin:0 2em 0em;padding: 1.5em 0em 1em;border-top: 2px dashed #000;}
#lessonIntroductionSec .subSlidern .listBox:hover .slick-arrow{display:block!important;}
#lessonIntroductionSec .subSlider .listItem{padding:0 1em 0 0;max-width:210px;cursor:pointer;}
#lessonIntroductionSec .subSlider .listItem *{color:#000;}
#lessonIntroductionSec .subSlider .pcNolink{pointer-events:none;}
#lessonIntroductionSec .subSlider .pcNolink .modal-syncer{pointer-events:auto;}
#lessonIntroductionSec .subSlider .itemLink{cursor:pointer;}
#lessonIntroductionSec .subSlider .txt{padding:0;display:inline-block;line-height:1.2;font-size:75%;}
#lessonIntroductionSec .subSlider .slick-list{padding:0 calc(100% - 210px) 0 0!important;}
#lessonIntroductionSec .listBox .slick-arrow{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:auto;height:auto;z-index:9;}
#lessonIntroductionSec .listBox .slick-arrow:before{display:none;}
#lessonIntroductionSec .slick-prev{left:-3%;}
#lessonIntroductionSec .slick-next{right:-3%;}
#lessonIntroductionSec .slick-track{display:flex;}
#lessonIntroductionSec .slick-slide{height:auto!important;}
#lessonIntroductionSec .slick-disabled{display:none;}
@media (min-width:768px)  and (max-width:850px) {
	#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryParent a{font-size: 105%;}
	#lessonIntroductionSec .sliderItem .articleBox .txtBox{padding: 0 0 0 1em;}
	#lessonIntroductionSec .sliderItem .articleBox{padding: 1.5em 2em;}
	#lessonIntroductionSec .contentsBoxInner .lessonNavList.categoryChilled .listItem a{font-size: 85%;}
	#lessonIntroductionSec .sliderItem .articleBox .ttl-h1{font-size: 160%;}
	#lessonIntroductionSec .sliderItem .articleBox .item-dt{font-size: 125%;}
}

/*--- instructorSec ---*/
#instructorSec{background: #d5f0ef;margin-top: 0em;}
#instructorSec.secBox > .sectionInner{padding-bottom: 3em;}
#instructorSec .pullBtnBox{width: 70%;margin: 0 auto;}
#instructorSec .pullBtn{max-width: 146px;width: 40%;margin: 4% auto;cursor: pointer;}
#instructorSec .up{display: none;}
#instructorSec .open .down{display: none;}
#instructorSec .open .up{display: block;}
#instructorSec .instructorUl .instructorLi{margin: 1em 0;width: 47%;}
#instructorSec .instructorUl .instructorLi img{width: 100%;max-width: 234px;display: block;margin: 0 auto;}

/*--- voiceSec ---*/
.mainSectionInner .voiceSec .sectionInner{border: none;}
.mainSectionInner .voiceSec .ttlBox{display:flex;justify-content: space-between;}
.mainSectionInner .voiceSec .ttlBox .btnLink{display:block; text-align:center; background:#00b2bc; color:#fff; padding:0.4em 2.5em;border-radius:20px; text-decoration:none; font-size:110%;}
.mainSectionInner .voiceSec .voiceType{margin: 0 0 1em;font-size: 24px;display: flex;align-items: center;}
.mainSectionInner .voiceSec .voiceType:before{margin-right:0.5em;}
.mainSectionInner .voiceSec .voiceType .txt01{font-size: 78%;margin-top: 0.1em;}
.mainSectionInner .voiceSec .voiceType .txt02{width:auto;}
.mainSectionInner .voiceSec .listItem{width: 32%;padding: 1.5em 1.5em 5em;margin: 0 0.5em 2em 0.5em;position: relative;box-sizing: border-box;}
.mainSectionInner .voiceSec .listItem:last-child{margin-right:0;}

.mainSectionInner .voiceSec .ttlTxt{color: #E74051; font-weight: bold;text-align: center;}
.mainSectionInner .voiceSec .listItem:nth-child(odd){border: solid 3px #00b2bc;background: #e5f9f8;}
.mainSectionInner .voiceSec .listItem:nth-child(even){border:solid 3px #fbb03b; background:#f9f8e4;}
.mainSectionInner .voiceSec .imgBox{text-align:center;padding: 0;margin: 1em auto 1em;width: 11em;height: 11em;max-width: 164px;max-height: 164px;}
.mainSectionInner .voiceSec .imgBox img{width: 100%;height: 100%;object-fit:cover;}
.mainSectionInner .voiceSec .txtBox{ margin:0;  padding:0;  display:-webkit-box;  overflow:hidden;  line-height:1.6;  -webkit-line-clamp:4;  -webkit-box-orient:vertical;  white-space:pre-line;  min-height:6.4em;}

.mainSectionInner .voiceSec .slick-dots{bottom: -2em;}
.mainSectionInner .voiceSec .slick-dots li{margin: 0 0px;}
.mainSectionInner .voiceSec .btn{margin:0 auto 5em;text-align:center;}
.mainSectionInner .voiceSec .btnMore{margin:0 auto;max-width: 229px;padding: 0;text-align: center;position: absolute;left: 0;right: 0;bottom: 1em;}
.mainSectionInner .voiceSec .btnMore a{cursor:pointer;background: #fff;text-align: center;display: inline-block;padding: 0.5em 1.5em 0.5em;color: #E74051;font-weight: bold;border-radius: 20px;text-decoration: none;}
.mainSectionInner .voiceSec .btnMore img{max-width:100%;}
.mainSectionInner .voiceSec .lity-close{display:none;}
#voiceLivestationSec .listItem{border: solid 3px #E74051;background: #FDF0F1;}


/*講師アンケート追加*/

#voiceLivestationSec .more_vioceSec{margin-top: 3em;}
#voiceLivestationSec .more_vioceSec h3{font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 0.5em;}
#voiceLivestationSec .more_vioceBoxall{max-height:500px; overflow-y: scroll;overflow-x: hidden;}
#voiceLivestationSec .more_vioceSec .more_vioceBox{columns: 3;padding-right: 10px;}


#voiceLivestationSec .more_vioceSec .more_vioceBox p{background: #FDF0F1;border-radius: 10px;padding:8px 15px 15px;position: relative;margin: 0px 0px 40px;page-break-inside: avoid;break-inside: avoid;}
#voiceLivestationSec .more_vioceSec .more_vioceBox p::before{
	content: "";
    position: absolute;
    bottom: -1.2em;
    right: 3em;
    border-top: 29px solid #FDF0F1;
    border-left: 0px solid transparent;
    border-right: 60px solid transparent;
    transform: rotate(0deg);
}
#voiceLivestationSec .more_vioceSec .more_vioceBox p .star{display: block;font-size: 15px;color: #E74051;border-bottom: 1px solid #E74051;}
#voiceLivestationSec .more_vioceSec .more_vioceBox p .star .glay{color: #999999;}
#voiceLivestationSec .more_vioceSec .more_vioceBox p .more_voice_txt{display: block;line-height: 1.3;font-size: 14px;margin-top: 6px;}

#voiceLivestationSec .more_vioceBoxall::-webkit-scrollbar{width: 8px;}
#voiceLivestationSec .more_vioceBoxall::-webkit-scrollbar-thumb{background-color:#E74051;border-radius: 100px; }
#voiceLivestationSec .more_vioceBoxall::-webkit-scrollbar-track{background-color:#FAD9DC;border-radius: 100px;}


.lity-wrap .lity-close{position:absolute;text-shadow: none;font-weight: normal; display:none;}
.lity-wrap .lity-close:hover{opacity:0.7;}
.lity-wrap .popupBox .lity-close{display:block;}
.lity-wrap .lity-content .popupBox{box-shadow:2px 2px 4px 2px rgba(0,0,0,0.4);}
.lity-wrap .lity-content .popupBox .ttlTxt{color: #00b2bc;font-weight: bold;text-align: center;font-size: 180%;display: inline-flex;}
.lity-wrap .lity-content .popupBox .ttlTxt:before{}
.lity-wrap .popupBox.commentBox{position: relative;width:600px;padding:2em;margin:0 auto;background:#fff;}
.lity-wrap .popupBox.commentBox dl{text-align:center;}
.lity-wrap .popupBox.commentBox .contents{display:flex;justify-content:space-between;}
.lity-wrap .popupBox.commentBox .txtBox{order:2;width:65%;font-size:135%;white-space: pre-line;}
.lity-wrap .popupBox.commentBox .txtBox .txt{white-space:pre-line;}
.lity-wrap .popupBox.commentBox .imgBox{order:1; width:30%;}
.lity-wrap .popupBox.commentBox .imgBox img{max-width:100%; height:auto;}
.lity-wrap .popupBox.commentBox .btnMore{display:none;}

.lity-wrap .lity-content .popupBox .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents01.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_ekimae .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents01.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_ocha .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents02.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_livestation .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents03.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_kids .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents04.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_business .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents05.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_student .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents06.png) no-repeat center/cover;transform: scale(0.8);}
.lity-wrap .lity-content .popupBox.tag_levelup .ttlTxt:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(../students_voice/images/ico_contents07.png) no-repeat center/cover;transform: scale(0.8);}

.lity-wrap .lity-content .popupBox.tag_livestation .ttlTxt{color: #E74051;}
.lity-wrap .tag_livestation .lity-close{background:#E74051;}





/*--- ryoukinSec ---*/
#ryoukinSec{
}
#ryoukinSec .ryoukinLi{width: 46%;position: relative;}
#ryoukinSec .ryoukinLi .ryoukinDl dt{font-size: 160%;padding: 0.2em 0 0.1em;color: #fff;}
#ryoukinSec .ryoukinLi.standard .ryoukinDl{background-color: #fad9dc;padding-bottom: 2em;}
#ryoukinSec .ryoukinLi.premium .ryoukinDl{background-color: #d5f0ef;padding-bottom: 2em;}
#ryoukinSec .ryoukinLi.standard .ryoukinDl dt {background-color: #e74051;}
#ryoukinSec .ryoukinLi.premium .ryoukinDl dt {background-color: #2cb4ad;}
#ryoukinSec .ryoukinLi .ryoukinDl dd {margin: 1em;padding-bottom: 0em;}
#ryoukinSec .ryoukinLi.standard .ryoukinDl .level{border-bottom: 1px solid #e74051;padding-bottom: 0.75em;line-height: 1.5;}
#ryoukinSec .ryoukinLi.premium .ryoukinDl .level{border-bottom: 1px solid #2cb4ad;padding-bottom: 0.75em;line-height: 1.5;}
#ryoukinSec  .ryoukinLi .ryoukinDl dd.Lesson_amount{font-size: 130%;font-weight: bold;margin: 0.5em 0;padding:0;}
#ryoukinSec .standard .Lesson_amount span{color: #e74051;font-size: 160%;padding: 0 0.2em;}
#ryoukinSec .premium .Lesson_amount span{color: #2cb4ad;font-size: 160%;padding: 0 0.2em;}
#ryoukinSec .ryoukinLi .ryoukinDl .btn_planS{border-radius: 50vw;color: #fff;background: #e74051;padding: 0.3em 0 0.4em;font-size: 135%;width:75% ;margin: 0 auto;box-shadow: 1px 0px 7px #666;}
#ryoukinSec .ryoukinLi .ryoukinDl .btn_planP{border-radius: 50vw;color: #fff;background: #2cb4ad;padding: 0.3em 0 0.4em;font-size: 135%;width:75% ;margin: 0 auto;box-shadow: 1px 0px 7px #666;}
#ryoukinSec .btn_planS a,#ryoukinSec .btn_planP a{display: block;width: 85%;margin: 0 auto;color: #fff;}
#ryoukinSec .btn_planS:hover,#ryoukinSec .btn_planP:hover{opacity: 0.8;}
#ryoukinSec .btn_planS:visited,#ryoukinSec .btn_planP:visited{color: #fff;}
#ryoukinSec .btn_planS a:hover,#ryoukinSec .btn_planP a:hover{text-decoration: none;}
#ryoukinSec .cpfuki{position: absolute;top: 26%;left: 3%;}


#ryoukinSec .cpnBox{position: relative;margin: 1em auto 2em;max-width: 600px;}
#ryoukinSec .cpn_badge{position: absolute;top: 0%;right: 1%;}

@media (min-width:768px)  and (max-width:850px) {
	#ryoukinSec .ryoukinLi{width: 49%;}
	#ryoukinSec .cpfuki{top:20%; left: -5%; }
	#ryoukinSec .txtSizeLL{font-size: 200%;}
	#ryoukinSec .ryoukinLi .ryoukinDl .btn_planS{width: 90%;}
	#ryoukinSec .ryoukinLi .ryoukinDl .btn_planP{width: 90%;}
	#ryoukinSec .levelBox .pullBtn{margin: 10% auto 0%;}
	
}


/*--- ライブステーションフェス ---*/
#event_infoBox{padding-top: 5em;}
#event_infoBox .fesBox{background: #ffeee3;padding: 2.5em 1em 2em;position: relative;margin-bottom: 3em;}
#event_infoBox .fesBox .badge{position: absolute;}
#event_infoBox .fesBox .badge.badge01{top: -4em;left: 2em;filter: drop-shadow(0 0 6px #666);}
#event_infoBox .fesBox .badge.badge02{top: 1em;right: 5.5em;}
#event_infoBox .fesBox .ttlBox{position: relative;padding-bottom: 1em;}
#event_infoBox .fesBox .ttlBox .badge.badge03{bottom: 0em;left: 0.5em;}
#event_infoBox .fesBox .ttlBox .badge.badge04{bottom: 0em;right: 0.5em;}
#event_infoBox .fesBox .ttlBox .fes_txt{font-size: 27px;font-weight: bold;line-height: 1.5;margin-top: 0.5em;}
#event_infoBox .fesBox .pointBox{display: flex;justify-content: center;align-items: stretch;max-width:80%;margin:1em auto 2em;gap:1em;}
#event_infoBox .fesBox .pointBox li{width: calc(95% / 3);border: 1px solid #ff6600;background: #fff;filter: drop-shadow(4px 4px 0 #ff6600);padding: 1em;}
#event_infoBox .fesBox .pointBox li .ttl{font-size: 22px;font-weight: bold;color: #ff6600;}
#event_infoBox .fesBox .pointBox li .txt{font-size: 18px;font-weight: bold;}
#event_infoBox .fesBox .priceBox{border-top: 1px solid #1b1464;padding-top: 1.5em;max-width: 90%;margin: auto;}
#event_infoBox .fesBox .priceBox .priceTtl{font-size: 27px;font-weight: bold;color: #1b1464;}
#event_infoBox .fesBox .priceBox table{margin:0.5em auto 2em;background: #fff;}
#event_infoBox .fesBox .priceBox table th,
#event_infoBox .fesBox .priceBox table td{border:1px solid #000;font-size: 20px;padding:10px 20px;font-weight: bold;}
#event_infoBox .fesBox .priceBox table td span{font-size: 80%;}
#event_infoBox .fesBox .priceBox .event_btn a{display: block;filter: drop-shadow(0 0 4px #666);}
#event_infoBox .fesBox .priceBox .event_btn a:hover{opacity: 0.8;}
#event_infoBox .fesBox .cpBox{margin: 2em auto;}
#event_infoBox .fesBox .cpBox img{margin: auto;}
#event_infoBox .fesBox .cpBox .cp_aten{font-size: 15px;}
@media (min-width:768px)  and (max-width:1000px) {
    #event_infoBox {padding-top: 3em;}
    #event_infoBox .fesBox .badge.badge01{left: 0;width: 25%;}
    #event_infoBox .fesBox .badge.badge02{top: 0;right: 0.5em;}
    #event_infoBox .fesBox .ttlBox .badge.badge03{width: 25%;left: -1em;bottom: -0.4em;}
    #event_infoBox .fesBox .ttlBox .badge.badge04{width: 25%;right: -1em;bottom: -0.4em;}
    #event_infoBox .fesBox .pointBox{max-width: 100%;}
}



/*--- sidemenu ---*/
#sideBox #sidr_top{max-width: 1200px;width: 50vw;margin: 0 auto;}
#sideBox #sidr_bottom{max-width: 1200px;width: 50vw;margin: 0 auto;}

/*improveSec*/
#improveSec .titleBox p{text-align:center;color:#ed1c24;font-size:16px;font-weight: bold;}
#improveSec .titleBox h2{color: #000;text-align: center;}
#improveSec .tabBox ul{width: 100%;}
#improveSec .tabBoxListItem{width: 30%;padding: 0.5em 1em;font-weight: bold;position: relative;cursor: pointer;border-radius: 10px;text-align: center;color: #fff;line-height: 1.7em;}
#improveSec .tabBoxListItem.currentItem::after{content: "";display: block;position: absolute;top: 72px;left: 0em;width: 0em;height: 0;border: 21px solid;margin: 0 42%;}
#improveSec .tabBoxListItem.firstBox{background: #1ead5e;}
#improveSec .tabBoxListItem.firstBox::after{border-color: #1ead5e transparent transparent transparent;}
#improveSec .tabBoxListItem.mediumBox{background: #36bfc6;}
#improveSec .tabBoxListItem.mediumBox::after{border-color: #36bfc6 transparent transparent transparent;}
#improveSec .tabBoxListItem.highBox{background: #e74051;}
#improveSec .tabBoxListItem.highBox::after{border-color: #e74051 transparent transparent transparent;}

#improveSec .tabBoxListItem .txtSub{}
#improveSec .tabBoxListItem .txtMain{font-size: 26px;}
#improveSec .courseContentsBox .listItem {display: none;padding: 2em 1em 0em 1em;}
#improveSec .courseContentsBox .listItem.currentItem{display: block;}
#improveSec .courseContentsBox{display: block; position: relative;margin-top: 1.5em;}

#improveSec .courseContentsBox .firstBox{border: 10px solid #1ead5e;}
#improveSec .courseContentsBox .mediumBox{border: 10px solid #36bfc6;}
#improveSec .courseContentsBox .highBox{border: 10px solid #e74051;}
#improveSec .courseContentsBox .firstBox h3{text-align: center;font-size: 25px;color:#1ead5e ;font-weight: bold;}
#improveSec .courseContentsBox .mediumBox h3{text-align: center;font-size: 25px;color:#36bfc6 ;font-weight: bold;}
#improveSec .courseContentsBox .highBox h3{text-align: center;font-size: 25px;color:#e74051; ;font-weight: bold;}
#improveSec .courseContentsBox .tabinner{margin: 1.5em 0;}
#improveSec .courseContentsBox .tabinner li{padding: 0.5em 1em 1em 1em;width: 33%;}
#improveSec .courseContentsBox .tabinner h4{font-size: 19px;font-weight: bold;text-align: center;}
#improveSec .courseContentsBox .tabinner span{color:#114597;font-weight: bold;}
#improveSec .courseContentsBox .tabinner p{line-height: 1.9em;font-size: 14px;}
#improveSec .courseContentsBox .firstBox .tabinner li{border-right: dashed 2px #1ead5e;}
#improveSec .courseContentsBox .mediumBox .tabinner li{border-right: dashed 2px #36bfc6;}
#improveSec .courseContentsBox .highBox .tabinner li{border-right: dashed 2px #e74051;}
#improveSec .courseContentsBox .tabinner li:nth-last-child(1){border-right: none!important;}

#improveSec .courseContentsBox .onepoint{padding: 1.5em 1em;margin: 0 -1em;}
#improveSec .courseContentsBox .onepoint ul{align-items: center;}
#improveSec .courseContentsBox .onepoint .point_txt{width: 95%;}
#improveSec .courseContentsBox .firstBox .onepoint .point_txt span{color:#1ead5e;font-weight: bold;font-size: 19px;}
#improveSec .courseContentsBox .mediumBox .onepoint .point_txt span{color:#36bfc6;font-weight: bold;font-size: 19px;}
#improveSec .courseContentsBox .highBox .onepoint .point_txt span{color:#e74051;font-weight: bold;font-size: 19px; }
#improveSec .courseContentsBox .firstBox .onepoint{background:#d2efdf;}
#improveSec .courseContentsBox .mediumBox .onepoint{background:#d7f2f4;}
#improveSec .courseContentsBox .highBox .onepoint{background:#fad9dc;}