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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{width: 100%;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{width: 950px; margin: 0 auto;}
#headerAreaLogo{}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#pageTitle{padding-bottom: 0; width: 950px; margin: 0 auto;}
#pageTitle .pageTitleInner{background-image: url(https://www.nova.co.jp/students_voice/images/img_contents.jpg);}
#pageTitle .pageTitleInner .campaign{text-align: center; padding: 32px;}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width: 950px;float: none;margin: 0 auto;}
.mainSectionInner{}

.mainSectionInner .discripBox{}
.mainSectionInner .discripBox .txtKome{font-size: 210%;font-weight:bold;margin: 1em 0 0; color:#000;}

.mainSectionInner .komeBox{margin-top:-2em;}
.mainSectionInner .komeBox .txtKome{}

.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 li{width: 32%;padding: 1.5em 1.5em 5em;margin-bottom: 3em;margin-right: 2%;position: relative;box-sizing: border-box;}
.mainSectionInner .voiceSec li:last-child{margin-right:0;}

.mainSectionInner .voiceSec .ttlTxt{color: #00b2bc; font-weight: bold;text-align: center;}
.mainSectionInner .voiceSec li:nth-child(odd){border: solid 3px #00b2bc;background: #e5f9f8;}
.mainSectionInner .voiceSec li:nth-child(even){border:solid 3px #fbb03b; background:#f9f8e4;}
.mainSectionInner .voiceSec .imgBox{text-align:center;padding: 0;margin: 1em auto 1em;width: 13em;height: 13em;}
.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: 6;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}
.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: #00b2bc;font-weight: bold;border-radius: 20px;text-decoration: none;}
.mainSectionInner .voiceSec .btnMore img{max-width:100%;}
.mainSectionInner .voiceSec .lity-close{display:none;}

#voiceEkimaeSec li{border: solid 3px #00b2bc;background: #e5f7f8;}
#voiceOchaSec li{border: solid 3px #8cc63f;background: #f3f9eb;}
#voiceLivestationSec li{border: solid 3px #ff7bac;background: #fff2f7;}
#voiceKidschannelSec li{border: solid 3px #fbb03b;background: #fff7eb;}
#voiceBusinessSec li{border: solid 3px #3389af;background: #eaf3f7;}
#voiceGakuseiSec li{border: solid 3px #ff6c6c;background: #fff0f0;}
#voiceLvupSec li{border: solid 3px #a179e2;background: #f5f1fc;}

#voiceEkimaeSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents01.png) no-repeat center/cover;}
#voiceOchaSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents02.png) no-repeat center/cover;}
#voiceLivestationSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents03.png) no-repeat center/cover;}
#voiceKidschannelSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents04.png) no-repeat center/cover;}
#voiceBusinessSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents05.png) no-repeat center/cover;}
#voiceGakuseiSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents06.png) no-repeat center/cover;}
#voiceLvupSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents07.png) no-repeat center/cover;}

#voiceEkimaeSec .ttlBox .btnLink{background:#00b2bc;}
#voiceOchaSec .ttlBox .btnLink{background:#8cc63f;}
#voiceLivestationSec .ttlBox .btnLink{background:#ff7bac;}
#voiceKidschannelSec .ttlBox .btnLink{background:#fbb03b;}
#voiceBusinessSec .ttlBox .btnLink{background:#3389af;}
#voiceGakuseiSec .ttlBox .btnLink{background:#ff6c6c;}
#voiceLvupSec .ttlBox .btnLink{background:#a179e2;}

#voiceEkimaeSec .ttlTxt{color:#00b2bc;}
#voiceOchaSec .ttlTxt{color:#8cc63f;}
#voiceLivestationSec .ttlTxt{color:#ff7bac;}
#voiceKidschannelSec .ttlTxt{color:#fbb03b;}
#voiceBusinessSec .ttlTxt{color:#3389af;}
#voiceGakuseiSec .ttlTxt{color:#ff6c6c;}
#voiceLvupSec .ttlTxt{color:#a179e2;}

#voiceEkimaeSec .btnMore a{color:#00b2bc;}
#voiceOchaSec .btnMore a{color:#8cc63f;}
#voiceLivestationSec .btnMore a{color:#ff7bac;}
#voiceKidschannelSec .btnMore a{color:#fbb03b;}
#voiceBusinessSec .btnMore a{color:#3389af;}
#voiceGakuseiSec .btnMore a{color:#ff6c6c;}
#voiceLvupSec .btnMore a{color:#a179e2;}

.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;max-height: 50vh;overflow-y: auto;}
.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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/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(https://www.nova.co.jp/students_voice/images/ico_contents07.png) no-repeat center/cover;transform: scale(0.8);}

.lity-wrap .lity-content .popupBox .ttlTxt{color: #00b2bc;}
.lity-wrap .lity-content .popupBox.tag_ekimae .ttlTxt{color: #00b2bc;}
.lity-wrap .lity-content .popupBox.tag_ocha .ttlTxt{color: #8cc63f;}
.lity-wrap .lity-content .popupBox.tag_livestation .ttlTxt{color: #ff7bac;}
.lity-wrap .lity-content .popupBox.tag_kids .ttlTxt{color: #fbb03b;}
.lity-wrap .lity-content .popupBox.tag_business .ttlTxt{color: #3389af;}
.lity-wrap .lity-content .popupBox.tag_student .ttlTxt{color: #ff6c6c;}
.lity-wrap .lity-content .popupBox.tag_levelup .ttlTxt{color: #a179e2;}

.lity-wrap .lity-close{background: #00b2bc;}
.lity-wrap .tag_ekimae .lity-close{background: #00b2bc;}
.lity-wrap .tag_ocha .lity-close{background:#8cc63f;}
.lity-wrap .tag_livestation .lity-close{background:#ff7bac;}
.lity-wrap .tag_kids .lity-close{background:#fbb03b;}
.lity-wrap .tag_business .lity-close{background:#3389af;}
.lity-wrap .tag_student .lity-close{background:#ff6c6c!;}
.lity-wrap .tag_levelup .lity-close{background:#a179e2;}

/*----------------------------------------------------------------------------
 ***                                                             Lesson Style
----------------------------------------------------------------------------*/
#lessonstyleSec.secBox{background-color: #8DC6C3;}
#lessonstyleSec.secBox .sectionInner{width: 950px;margin: 0 auto;}

/*----------------------------------------------------------------------------
 ***                                             スペシャルボイス追記
----------------------------------------------------------------------------*/
#specialvoiceSec .ttlBox{display: block;}
#specialvoiceSec .ttlBox .voiceType{justify-content: center;color: #ed6d46;}
#specialvoiceSec .voiceType:before{content:"";display:inline-block;width: 37px;height: 32px;background:url(https://www.nova.co.jp/students_voice/images/ico_contents08.png) no-repeat center/cover;}
#specialvoiceSec .specialBox{border:solid 3px #ed6d46;background: #fdf3f0;padding: 4em; }
#specialvoiceSec .specialBox li{background: none; border: none; padding: 0; margin-bottom: 0;height: auto;}
#specialvoiceSec .specialBox li.img_li{width: auto;margin-right: 4%;}
#specialvoiceSec .specialBox li.txt_li{width: 60%;}
#specialvoiceSec .specialBox li.txt_li .name{font-size:22px;font-weight: bold;border-bottom: 1px solid #000;line-height: 1.2;}
#specialvoiceSec .specialBox li.txt_li .name span{font-size: 80%;}
#specialvoiceSec .specialBox li.txt_li .txtTtl{font-size: 16px;font-weight: bold;line-height: 1.3;margin: 1em 0 0.5em;}