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


/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{position: sticky;top:0;/* left:0; */width:100%;z-index: 99;background: rgba(0,0,0,1);}
#headerArea #headerAreaInner{position:relative;padding: 6px 0 6px;width: 50vw;}
#headerArea .ttl{padding: 5px 0 5px;margin: 0;}
#headerArea .ttl img{}
#headerArea .logoBox{width: 25%;max-width: 240px;}
#headerArea #menuBtnBox{width: 30px;height: 20px;cursor: pointer;margin: 0 1em 0 0;}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,
#headerArea #menuBtnBox .menuBtn:before,
#headerArea #menuBtnBox .menuBtn:after{content:"";display:block;width: 30px;height: 2px;background: #fff;position:absolute;right:0;border-radius: 20px;transform-origin: center;transition:all 0.5s ease;}

#headerArea #menuBtnBox .line{top: 0;}
#headerArea #menuBtnBox .menuBtn:before{top: calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}

#headerArea #menuBtnBox .menuBtn.open .line{top: calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top: calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom: calc(50% - 1px);transform: rotate(45deg);}


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.mfp-container{background:url('/images/renewal2020/popup/ico_loding4.gif') no-repeat center center;}
.mfp-container.load-stop{background:none;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

.btnBox{width: 100%;max-width: inherit;margin-top: 60px;z-index: 2;}
.btnBox::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-color:#C0C0C0;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
	background-size: 7px 7px;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.3;
}
.btnBox .linkTopicsFaq p{width: 33%;}
.btnBox .txtBox{font-size: 130%;font-weight: bold;margin-bottom: 0.27em;}
.btnBox .btnBoxInner{max-width: 680px;margin: -60px auto 0;padding: 2.5em 0 2em;}
.btnBox .btnBoxInner ul{margin-bottom: 1em;}
.btnBox .btnBoxInner li{width: 48%;text-align: center;border-radius: 50px;padding: 0.3em 0;font-size: 22px;font-weight: bold;box-shadow: 2px 2px 3px rgba(0,0,0,0.5);}
.btnBox .btnBoxInner li a{color: #fff;}
.btnBox .btnBoxInner .mockup{background: #b6499f;}
.btnBox .btnBoxInner .topics{background: #114597;}
.btnBox .btnBoxInner .application{width: 70%;text-align: center;border-radius: 50px;padding: 0.2em 0;font-size: 30px;font-weight: bold;box-shadow: 2px 2px 3px rgba(0,0,0,0.5);background: #f7931e;margin: 2% auto;}
.btnBox .btnBoxInner .application a{color: #fff;}


h2{font-size: 38px;line-height: 1.35;margin-bottom: 40px;}
h2 span{font-size: 16px;color: #999999;display: flex;align-items: center;justify-content: center;}
h2 span:before,
h2 span:after{content: '';flex-grow: 0.03;height: 1px;background: #999999;}
h2 span:before{margin-right: 10px;}
h2 span:after{margin-left: 10px;}


/*--- mainView ---*/
#mainView{margin: 1em auto 0;background: url("../../images/kanibari/2205/bg_main.jpg") no-repeat;background-position: right top;background-size: cover;}
#mainView *{}
#mainView p{margin:0; padding:0;}
#mainView .sectionInner{margin:0 auto;padding: 3em 0em 1.5em;max-width:none;width: 100%;}
#mainView .sectionInner h2{font-size: 2vw;line-height: 1;margin-bottom: 0em;}
body.appPage #mainView .txtTtl{margin:0 auto 16%; width:70%;}/*アプリ経由版*/
#mainView .bgBox{max-width: 1200px;width: 55vw;margin: 0 auto;}
#mainView .bgBox .txtBox{width: 50vw;/*margin-top: 4vh;*/}
#mainView .bgBox .imgBox{width: 50vw;margin-right: -4em;}
#mainView .imgMainBox{font-size: 3vw;margin-bottom: 0.7em;font-weight: bold;}
#mainView .imgMainBox p .fv_txt01{font-size: 68%;}
#mainView .imgMainBox p .fv_txt02{font-size: 85%;}
#mainView .imgMainBox p:first-child{width: 40%;}
#mainView .imgMainBox p:last-child{width: 60%;line-height: 1em;padding-left: 0.3em;}
#mainView .imgMainBox p img{width: 100%;}
#mainView .instructor{}

#mainView .btnBox{background: #f7931e;width: 70%;border-radius: 50px;padding: 0.35em 0 0.3em;font-size: 140%;font-weight: bold;box-shadow: 2px 2px 3px rgba(0,0,0,0.5);margin-top: 2%;}
#mainView .btnBox a{color: #fff;}
#mainView .btnBox a:after{content: ">";position: absolute;right: 5%;}
#mainView .btnBox::before{display: none;}
#mainView .sectionInner .kidschannelBtn a{width: 5%;max-width: 80px;position: fixed;top: 30%;right: 0;    z-index: 99;}
#mainView .sectionInner .kidschannelBtn a img {width: 100%;}

/*--- newstyleSec ---*/
/*.newstyleBox*/
/*#newstyleSec{background:url("../../images/kanibari/2203/bg_photo.jpg") no-repeat center top;}*/
#newstyleSec .sectionInner{padding: 5em 0 0;margin: 0 auto 6em;}
/*#newstyleSec .newstyleBox{background: linear-gradient(45deg, #f2f2f2, #fff);padding: 6% 4%;;box-shadow: 4px 4px 6px rgb(0,0,0,0.3);}*/
#newstyleSec .newstyleBox h2{font-size: 35px;margin-bottom: 10px;}
#newstyleSec .newstyleBox h2 span{font-size: 35px;display: initial;}
#newstyleSec .newstyleBox h2 span:before,
#newstyleSec .newstyleBox h2 span:after{content:none;}
#newstyleSec .newstyleBox h2 span:before{margin-right: 0;}
#newstyleSec .newstyleBox h2 span:after{margin-left: 0;}
#newstyleSec .newstyleBox p{font-size: 130%;font-weight: 500;line-height: 1.4;text-align: center;}
#newstyleSec .newstyleBox .cnt_txt{margin: 1em auto;max-width: 455px;}
#newstyleSec .newstyleBox .cnt_txt p{text-align: left;font-weight: bold;}
#newstyleSec .newstyleBox .cnt_txt span{color: #fff;background:#2AA0C5;padding: 0.3em;font-size: 80%;position: relative;margin-right: 1.4em; }
#newstyleSec .newstyleBox .cnt_txt span::after{content: "";display: block;position: absolute;top: 15%;right: -17%;width: 0;height: 0;border: 10px solid;border-color: transparent transparent transparent #2AA0C5;z-index: -1;}
#newstyleSec .newstyleBox .pr_img{margin: 4em auto 2em;}

#newstyleSec .newstyleBox dl{border-left: 1px solid #000;padding: 0 3%;}
#newstyleSec .newstyleBox .linenone{border-left: none;}
#newstyleSec .newstyleBox dl .linenone{}
#newstyleSec .newstyleBox dl:nth-child(2){margin: 0px;}
#newstyleSec .newstyleBox dt{font-size: 1.6vw;line-height: 1.2em;}
#newstyleSec .newstyleBox dd{color: #de1d74;line-height: 1.3;font-size: 120%;margin: 15px 0;font-weight: 500;}
#newstyleSec .newstyleBox dd.tac{margin-bottom: 5%;}




/*--- .featuresSec ---*/
.featuresSec{background: linear-gradient(#328cb6,#246ea9);}
.featuresSec .featuresInner{padding: 6em 0!important;margin: 0 auto 0em!important;}
.featuresSec .contentsBox{background-color: #FFFFFF;width: 59.2vw;margin: 0 auto;}
.featuresSec h2{color: #FFFFFF;margin-bottom: 20px;}
.featuresSec h2 span{color: #FFFFFF;} 
.featuresSec h2 span::after,.featuresSec h2 span::before{background: #FFFFFF;}
.featuresSec .ttl-txt{color: #FFFFFF;margin-bottom: 10px; font-size: 110%;}

.featuresSec .contentsBox .pointBox{max-width:780px;width:100%;margin:0 auto;padding: 2em 2em;border-bottom: 1px solid #999;}
.featuresSec .contentsBox .pointBox .txtBox h3{font-size: 1.8rem;font-weight:bold;padding: 1em 0 0.5em;color:#333;line-height: 1.2;}
.featuresSec .contentsBox .pointBox .txtBox p{font-size:1.15rem;font-weight: 500;}
.featuresSec .contentsBox .pointBox .pointImg{margin:0;text-align: center;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content:flex-end;justify-content: flex-end;min-width: 8.7em;margin-top: 1.3em;}
.featuresSec .contentsBox .pointBox .pointImg img{min-width: 5em;max-width: 8em;display:block;}
.featuresSec .point01 .txtAttention01{color:#FF5050;}
.featuresSec .point02 .txtAttention01{color:#00A4C8;}
.featuresSec .point03 .txtAttention01{color:#8CC63F;}
.featuresSec .point04 .txtAttention01{color:#FFA300;}
.featuresSec .point05 .txtAttention01{color:#ED1E79;}
.featuresSec .point06 .txtAttention01{color:#BF3DBF;}
.featuresSec .point07 .txtAttention01{color:#0071BC;}
.featuresSec .pointBtn{background: #ed1e79;border-radius: 20px;width: 85%;padding: 1% 5%;font-weight: 600;position: relative;margin: 0 auto;}
.featuresSec .pointBtn a{color: #fff;}
.featuresSec .pointBtn a:after{content: "";display: inline-block;width: 9px;height: 9px;margin: 0 auto;border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(315deg);position:absolute;top: 33%;right: 11%;}

.featuresSec .nextbox{width: 100%;padding: 0.7em 2em;margin: 1em auto 2em;}
.featuresSec .bgp{border: solid 1px #a74174;box-shadow: 4px 4px 0px rgb(167,65,116);}
.featuresSec .bgb{border: solid 1px #0071bc;box-shadow: 4px 4px 0px rgb(0,113,188);}
.featuresSec .nextbox .leftimg{width: 35%;}
.featuresSec .nextbox ul{align-items: center;}
.featuresSec .nextbox .rightimg{width: 65%;}
.featuresSec .bgp .leftimg{margin-bottom: -0.7em;}
.featuresSec .nextbox li{padding: 0 1em;}
.featuresSec .nextbox p{text-align: center;font-weight: 500;font-size: 1vw;}
.featuresSec .nextbox span.cloP{color: #a74174;font-weight: bold;}
.featuresSec .nextbox span.cloB{color: #0071bc;font-weight: bold;}


/*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: #f14b94;}
#improveSec .tabBoxListItem.firstBox::after{border-color: #f14b94 transparent transparent transparent;}
#improveSec .tabBoxListItem.mediumBox{background: #73a507;}
#improveSec .tabBoxListItem.mediumBox::after{border-color: #73a507 transparent transparent transparent;}
#improveSec .tabBoxListItem.highBox{background: #2aa0c5;}
#improveSec .tabBoxListItem.highBox::after{border-color: #2aa0c5 transparent transparent transparent;}

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

#improveSec .courseContentsBox .firstBox{border: 10px solid #f14b94;}
#improveSec .courseContentsBox .mediumBox{border: 10px solid #73a507;}
#improveSec .courseContentsBox .highBox{border: 10px solid #2aa0c5;}
#improveSec .courseContentsBox .firstBox h3{text-align: center;font-size: 25px;color:#f14b94 ;font-weight: bold;}
#improveSec .courseContentsBox .mediumBox h3{text-align: center;font-size: 25px;color:#73a507 ;font-weight: bold;}
#improveSec .courseContentsBox .highBox h3{text-align: center;font-size: 25px;color:#2aa0c5; ;font-weight: bold;}
#improveSec .courseContentsBox .tabinner{margin: 1.5em 0;}
#improveSec .courseContentsBox .tabinner li{padding: 0.5em 1.5em 1em 1.5em;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 #f14b94;}
#improveSec .courseContentsBox .mediumBox .tabinner li{border-right: dashed 2px #73a507;}
#improveSec .courseContentsBox .highBox .tabinner li{border-right: dashed 2px #2aa0c5;}
#improveSec .courseContentsBox .tabinner li:nth-last-child(1){border-right: none!important;}

#improveSec .courseContentsBox .onepoint{padding: 1.5em 4em;margin: 0 -3em;}
#improveSec .courseContentsBox .onepoint ul{align-items: center;}
#improveSec .courseContentsBox .onepoint .point_txt{width: 95%;}
#improveSec .courseContentsBox .firstBox .onepoint .point_txt span{color:#f14b94;font-weight: bold;font-size: 19px;}
#improveSec .courseContentsBox .mediumBox .onepoint .point_txt span{color:#73a507;font-weight: bold;font-size: 19px;}
#improveSec .courseContentsBox .highBox .onepoint .point_txt span{color:#2aa0c5;font-weight: bold;font-size: 19px; }
#improveSec .courseContentsBox .firstBox .onepoint{background:#fcdbea;}
#improveSec .courseContentsBox .mediumBox .onepoint{background:#e3edcd;}
#improveSec .courseContentsBox .highBox .onepoint{background:#d4ecf3;}

/*--- qualitySec ---*/
#qualitySec{position: relative;}

#qualitySec *{}
#qualitySec .sectionInner{max-width: calc(900px + 0em);padding:3.5em 0;}
#qualitySec .imgLogo{max-width:182px;margin: 0 auto;} 
#qualitySec .toptxt{text-align: center;font-size: 200%;font-weight: bold;}
#qualitySec .movieBox{/*border-bottom: solid 1px*/;width: 90%;margin: 0 auto;}
#qualitySec .movieBox .blue{color: #2876ad;text-align: center;font-size: 175%;font-weight: bold;}
#qualitySec .movieBox .movietxt{text-align: center;font-size: 110%;margin-bottom: 1em;}

#qualitySec .movieInBox{margin: 0 auto 0em;max-width:635px;position: relative;padding-bottom: 46.25%;height: 0;overflow: hidden;}
#qualitySec .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height: none;max-height: 315px;}
/*#qualitySec .movieBox dt{text-align:center;margin-bottom: 1em;font-size: 113%;}
#qualitySec .movieBox dt span{display:inline-block; border-bottom:2px solid #fff;}*/
#qualitySec .btnBox{background: none;}
#qualitySec{background: #e4eaf6;}

/*voiceSec*/
#voiceSec #voiceBox {max-width:955px; margin: 0 auto;}
#voiceSec .voiceUl .voiceLi {background-color: #f7e2c6; padding: 10px;}
#voiceSec .voiceUl .voiceLi { padding: 10px;}
#voiceSec .voiceUl .voiceLi:nth-child(3) {background-color: #e0f4ae;}
#voiceSec .voiceUl .voiceLi:nth-child(4) {background-color: #d7eaf7;}

#voiceSec .voiceLi .studentVoiceBox{padding: 10px; border: 4px solid #fff;}
#voiceSec .voiceLi .studentDt {width: 30%;max-width: 120px;margin: 10px 0;}
#voiceSec .voiceLi .studentDt .name {font-size: 75%;margin: 0;line-height: 1.4;padding-bottom: 0.5em;}
#voiceSec .voiceLi .studentDt .img {padding-top: 0.5em;}
#voiceSec .slick-slide .studentDt img{display: initial; width:100%; max-width: 96px;}
#voiceSec .voiceLi .voice {width: 80%;background-color: #fff;padding: 0.5em 30px;height: 150px;border-radius: 75px;position: relative;margin: 5px 0;}
#voiceSec .voiceLi .voice:before {content: ""; width: 0;height: 0;border-style: solid;border-width: 0 0 50px 60px;border-color: transparent transparent #fff transparent; position:absolute; left: -0.7em; bottom: 1em; transform: rotate(-15deg);}
#voiceSec .voiceLi .txt {font-size: 110%;line-height: 1.3;margin: 0;z-index:1;width: 100%;}
#voiceSec .voiceLi .txt.green {color: #73a507;}
#voiceSec .voiceLi .txt.skyblue{color: #12a0af;}
#voiceSec .voiceLi .txt.blue{color: #4854aa;}
#voiceSec .voiceLi .txt.purple{color: #9d33a0;}
#voiceSec .voiceLi .txt.pink {color: #ed1e79;}
#voiceSec .voiceLi .txt.orange {color: #e8790a;}
#voiceSec .smallBr {display: none;}
#voiceSec .yellow{color: #fbb03b;font-weight: bold;font-size: 140%;}
#voiceSec .gray{color: gray;font-weight: bold;}

/*--- ryoukinSec ---*/
#ryoukinSec{}
#ryoukinSec .contentsBox table{width: 100%;font-weight: bold;margin-bottom: 1em;}
#ryoukinSec .contentsBox table tr{}
#ryoukinSec .contentsBox table th{border: 1px solid #fff;}
#ryoukinSec .contentsBox table td{text-align: center;line-height: 1.2;font-size: 135%;vertical-align: middle;padding: 15px 5px 10px;position: relative;border: 1px solid #fff;}
#ryoukinSec .contentsBox table td:before {content: "";display: block;width: 100%;height: 5px;position: absolute;background: #fff;top: 0;left: 0;z-index: 1;}
#ryoukinSec .contentsBox .bgColorBk{background-color: #000000;}
#ryoukinSec .contentsBox .bgColorGr{background-color: #4d4d4d;}
#ryoukinSec .contentsBox .bgColorPk{background-color: #e61e79;}
#ryoukinSec .contentsBox .bgColorLsl{background-color: #efefef;}
#ryoukinSec .contentsBox .bgColorSl{background: linear-gradient(to right,#a8aeb0,#babec1 30%,#d6d6da 70%,#aeb1b3);}
#ryoukinSec .contentsBox .bgColorLgl{background-color: #fff5dd;}
#ryoukinSec .contentsBox .bgColorGl{background: linear-gradient(to right,#dcc06f,#f2d763 30%,#f3e9b4 70%,#e3c568);}
#ryoukinSec .contentsBox .fee01{padding: 2px 10px;}
#ryoukinSec .contentsBox .fee02{padding: 2px 10px;font-size: 90%;font-weight: 500;}
#ryoukinSec .contentsBox .fee02.bgColorPk{border: 2px solid #e61e79;border-bottom: none;}
#ryoukinSec .contentsBox .tax{font-size: 60%;display: block;}
#ryoukinSec .contentsBox .txtColorPk{/*padding: 0px 5px;*/ line-height: 1.2;}
#ryoukinSec .contentsBox .fontFee{font-size: 170%;/*border-top: none;border-bottom: none;*/}
#ryoukinSec .contentsBox .borderPk{border-left:2px solid #E61E79;border-right:2px solid #E61E79;padding-right: 5%;}
#ryoukinSec .contentsBox .borderPk2{border-left:2px solid #E61E79;border-right:2px solid #E61E79;border-bottom:2px solid #E61E79;padding-right: 5%;}
#ryoukinSec .contentsBox .discount{position: absolute;top: 0;right: -8%;width: auto;max-width: 80px;z-index: 2;}
/*#ryoukinSec{background: url(../../images/bg_gray02.png) repeat-x center bottom, #fff;}
#ryoukinSec .txtTtl{margin-bottom: 2em;}
#ryoukinSec .imgCampaign{margin: 0 0 1.5em 0;}
#ryoukinSec .studentsRyoukin{display:none;}*/

/*-レベルの目安20200819*/
#ryoukinSec .levelBox {max-width: 815px;margin: 0 auto 10px auto;}
#ryoukinSec .levelBox .pullBtnBox{width: 70%;margin: 0 auto;}
#ryoukinSec .levelBox .pullBtn{min-width: 150px;width: 40%;margin: 0% auto 6%;cursor: pointer;}
#ryoukinSec .levelBox .up{display: none;}
#ryoukinSec .levelBox .open .down{display: none;}
#ryoukinSec .levelBox .open .up{display: block;}
#ryoukinSec .levelBox .contentsBox{background: #F3F7FF;padding: 0.5em 1em;}
#ryoukinSec .levelBox .contentsBox table{margin-bottom: 0; margin: 0 auto; width: 100%;}
#ryoukinSec .levelBox .contentsBox tr{border: none; border-bottom: dotted 2px #263683;}
#ryoukinSec .levelBox .contentsBox tr:last-child{border-bottom: none;}
#ryoukinSec .levelBox .contentsBox th{border: none; font-size: 100%; color: #263683; font-weight: bold; padding: 0 1.5em; line-height: 1.2em;width: 22%}
#ryoukinSec .levelBox .contentsBox th .txtSizeS{font-size: 75%;}
#ryoukinSec .levelBox .contentsBox td{font-size: 90%; border: none;padding: 2% 0 1% 2%;font-weight: initial;text-align: left;}
#ryoukinSec .levelBox .contentsBox td:before{content: none;}
#ryoukinSec .slider *{outline:none;}
#ryoukinSec .slider .imgBox img{display:inline-block;}
#ryoukinSec .slider .slick-dots{bottom:0.5em;}
/*-レベルの目安20200819ここまで:/

/*--- procedureSec ---*/
#procedureSec{background: linear-gradient(#328cb6,#114597);position: relative;}
#procedureSec .sectionInner{}
/*#procedureSec .sectionInner:after{content: "";width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #fff;position: absolute;bottom: 20%;left: 50%;transform: translate(-50%, 0);}*/
#procedureSec .sectionInner h2 span{color: #fff;}
#procedureSec .sectionInner h2 span:before,
#procedureSec .sectionInner h2 span:after{background: #fff;}
#procedureSec .stepBox{max-width:820px; margin:0 auto;}
#procedureSec .stepBox p{font-size: 20px;font-weight: bold;line-height: 1.5;}
#procedureSec .stepBox ul{width:100%;margin-bottom: 2em;}
#procedureSec .stepBox li{font-size:120%;font-weight: 500; border: 4px solid #fff;background:#fff;padding:1em 1em;border-radius: 10px;text-align: center;position: relative;}
#procedureSec .stepBox li .txtSizeS{font-size: 16px; font-weight: inherit;}
#procedureSec .stepBox li .procedureIcon{position: absolute;top: 0;left: 0;}
#procedureSec .stepBox li .procedureIcon img{width: 50%;}
#procedureSec .stepBox li:last-child{border: 4px solid #de1d74;font-weight: bold;line-height: 1.2;}
#procedureSec .stepBox li:last-child .procedureIcon{top: 10%;}
#procedureSec .stepBox .arrowBox{padding:0;border:0;background:none;}

#procedureSec .btnBox{background: url(../../images/kanibari/2109/bg_btn01.png) no-repeat top center;}
#procedureSec .btnBox .btnBoxInner{padding: 3.5em 0 2em;}
#procedureSec .btnBox .btnBoxInner .txtBox{background: #f7931e;margin: 0 auto 1em;width: 75%;text-align: center;border-radius: 50px;padding: 0.5em 0;font-size: 25px;font-weight: bold;box-shadow: 2px 2px 3px gray;position: relative;}
#procedureSec .btnBox .btnBoxInner .txtBox a{color: #fff;}
#procedureSec .btnBox .btnBoxInner .txtBox a:after{content: ">";position: absolute;right: 5%;}
#procedureSec .btnBox .btnBoxInner .studentBox{font-size: 20px;font-weight: 500;}
#procedureSec .btnBox .btnBoxInner .studentBox a{background: #26aebb;position: relative;margin-left: 0.5em;color: #fff;padding: 0.4em 2.5em 0.3em 2em;border-radius: 40px;box-shadow: 2px 2px 3px gray;font-size: 15px;}
#procedureSec .btnBox .btnBoxInner .studentBox a:after{content: ">";position: absolute;right: 5%;}
#procedureSec .btnBox::before{display: none;}

/*初めてガイドボタン*/
#procedureSec .lessonguide{margin: 1em auto; width: 80%;background: #fff ;padding: 0.5em 0;}
#procedureSec .lessonguide p{text-align:center;font-weight: bold;font-size: 120%;}
#procedureSec .lessonguide a{color: #114597;}

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

/*--- nlsTopicsBlogSec ---*/
#nlsTopicsBlogSec h3{font-size: 30px;}
#nlsTopicsBlogSec{background: url(../../images/kanibari/2205/bg_topicsblog.jpg) center center;background-color:rgba(255,255,255,0.7);background-blend-mode:lighten;background-repeat: no-repeat;background-size: 100% auto;}
#nlsTopicsBlogSec:before{content:"";display:block;width:100%;height: 2em;background: -moz-linear-gradient(left,  #ee93ad 0%, #ee93ad 50%, #000000 50%, #000000 100%);background: -webkit-linear-gradient(left,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%);background: linear-gradient(to right,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ad', endColorstr='#000000',GradientType=1 );}
#nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi{width: 32%;border: 1px solid #ccc;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: 120%; font-weight: bold; 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: 6em; font-size: 110%; padding: 0.4em 0; border-radius: 1em; text-align:cemter; margin: 1em auto 0.2em auto; color: #fff; line-height: 1; background-color: #999;}
#nlsTopicsBlogSec .btn{max-width: 270px;margin: 2em auto 4em;width: 60%;}
@media screen and (max-width:1280px) {
    #nlsTopicsBlogSec .nlsTopicsBlogUl .nlsTopicsBlogLi{width: 48%;}
}


@media (max-width:1025px) and (min-width:376px){
#mainView .btnBox{width: 100%;border-radius: 50px;padding: 0.35em 0 0.3em;font-size: 140%;margin-top: 2%;}
#mainView .bgBox{width: 70vw;}	
#mainView .sectionInner h2{font-size: 3vw;}
#mainView .imgMainBox{font-size: 4vw;}
#newstyleSec .aboutBtn{margin-top: 11em;}
#newstyleSec .newstyleBox dt{font-size: 2.2vw;}
#newstyleSec .newstyleBox dd{font-size: 93%;}
#newstyleSec .newstyleBox .topbar{width: 525px;}
#newstyleSec .newstyleBox .kakaku{width: 42%;}
#newstyleSec .newstyleBox h2{font-size: 30px;}	
#newstyleSec .newstyleBox p{font-size: 106%;}	
#newstyleSec .newstyleBox dd{font-size: 1.5vw;}
#newstyleSec .newstyleBox .pr_img img{width: 80%;}
	#newstyleSec .newstyleBox .cnt_txt{width:50%; }
	
.secBox > .sectionInner{max-width: 1024px;width: 95vw;padding: 3em 0 0;}
.featuresSec .contentsBox{background-color: #FFFFFF;width: 90vw;margin: 0 auto;}
.featuresSec .contentsBox .pointBox{max-width:700px;}
.featuresSec .pointBtn{padding: 2% 5%;}
.featuresSec .pointBtn a:after{top: 6px;width: 8px;height: 8px;}	
	
#newstyleSec .aboutBtn .check{margin: 16px 14%;padding: 2% 4% 2% 3px;font-size: 150%;}	
#newstyleSec .aboutBtn .check a:after{width: 11%;height: 75%;top:4%;padding-top: 10px;}	
#newstyleSec .iconListBox .sectionInner{max-width: 830px; width: 73vw;}
}
@media (min-width: 1500px){
    #voiceSec .voiceLi .voice{padding: 0 50px;}
    #voiceSec .voiceLi .txt{font-size: 120%;}
	
}
@media (min-width: 1600px){
    #voiceSec .voiceLi .studentDt{width: 25%;}
    #voiceSec .voiceLi dl{margin: 0.5em auto;}
    #voiceSec .voiceLi .voice{width: 75%}
    #voiceSec .voiceLi .txt{font-size: 133%;line-height: 1.4;} 
}
@media (min-width: 1700px){
    #voiceSec .smallBr{display: block;}
}
@media (max-width: 1000px){
    #voiceSec .voiceLi .txt{font-size: 100%;}
}
@media (max-width: 1023px){
#voiceSec .voiceLi .voice {width: 77%;}

}
@media (max-width: 1025px){
#improveSec .courseContentsBox .listItem {padding: 2em 0em 0em 0em;}
	#improveSec .courseContentsBox .tabinner li{padding: 0.5em 1em 1em 1em;}
	#improveSec .courseContentsBox .onepoint{padding: 1.5em 2em;margin: 0 0em;}
}