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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {font-size: 16px;}
#wrap {}

.section{}
.sectionInner{max-width: 1000px;margin: 80px auto;width: 90%;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {
}
#headerAreaInner {}
#headerAreaInner .leftBox .logo{gap: 1em;}
#headerAreaInner .leftBox .logo a{display: block;}
#headerAreaInner .leftBox .logo img{width: auto;display: block;}
#headerAreaInner .leftBox .logo .logoTxt{font-size: 36px; vertical-align: middle;}
#headerAreaInner .rightBox .moushikomiBtn{color: #fff;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#mainViewArea {background-image: url(https://www.nova.co.jp/livestation/cnnee_regular/images/img_main.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 500px;width: 100%;}
#mainViewAreaInner {margin: 0 auto;max-width: 1000px;position: relative;padding: 2em 0 0;}
#mainViewAreaInner .mainTtl {}
#mainViewAreaInner .order01{margin:0 0rem 0em auto; }
#mainViewAreaInner .order02{margin:0 5rem 1em auto; }
#mainViewAreaInner .order04{margin:1em 5rem 0em auto; }
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/

/*共通*/

h3{font-size: 45px;font-weight: bold;margin-bottom: 0.5em;line-height: 1.5;}
h4{font-size: 35px;font-weight: bold;margin-bottom: 0.5em;line-height: 1.5;}


/*cnneeSec*/
#cnneeSec{}
#cnneeSec .TtlBox p{font-size: 25px;font-weight: 500;line-height: 1.2;}
#cnneeSec ul.checkBox{margin: 3em auto;}
#cnneeSec ul.checkBox li.txtBox{width: 65%;}
#cnneeSec ul.checkBox li.txtBox p{position: relative;font-size: 20px;padding-left: 50px;margin-bottom: 0.5em;font-weight: 500;}
#cnneeSec ul.checkBox li.txtBox p span{font-size: 125%;color: #cd0e18;}
#cnneeSec ul.checkBox li.txtBox p::before{content:"";display: block;width:39px; height: 27px;background: url(https://www.nova.co.jp/livestation/cnnee_regular/images/icon_01.png)no-repeat;background-size: contain;position: absolute;left: 0;top: 0.5em;}

#cnneeSec .DigitalTxtBox{margin: 3em auto;}
#cnneeSec .DigitalTxtBox h4 span{color: #cd0e18;}
#cnneeSec .DigitalTxtBox p{font-size: 20px;line-height: 1;text-align: center;}
#cnneeSec .DigitalTxtBox p span{font-weight: bold;}

#cnneeSec .PracticalBox{position: relative;}
#cnneeSec .PracticalBox h4{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 155%;}
#cnneeSec .PracticalBox h4::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 15em; height: 14em; clip-path: polygon(50% 0%, 95% 35%, 77% 90%, 23% 90%, 5% 35%); background: #cd0e18; z-index: -1;}
#cnneeSec .PracticalBox h4 .logo{margin: 0 auto 0.5em;text-align: center;}
#cnneeSec .PracticalBox .PracticalBoxUl{position: relative; height: 700px; margin: 12em 0 10em;}
#cnneeSec .PracticalBox .PracticalBoxUl li{position: absolute; box-sizing: border-box; z-index: -2; background: #faf0e6; border-radius: 50%; display: grid; place-items: center; width: 20em; height: 20em; text-align: center; padding: 3em; font-size: 18px; /* border-top: 6px solid #c69a71; font-weight: 600; */}
#cnneeSec .PracticalBox .PracticalBoxUl li:nth-child(1){top: 6%;  left: 50%; transform: translate(-50%, -50%);}
#cnneeSec .PracticalBox .PracticalBoxUl li:nth-child(2){top: 37%; right: calc(48% - 300px); transform: translate(50%, -50%);}
#cnneeSec .PracticalBox .PracticalBoxUl li:nth-child(3){top: 88%; right: calc(61% - 300px); transform: translate(50%, -50%);}
#cnneeSec .PracticalBox .PracticalBoxUl li:nth-child(4){top: 88%; left: calc(61% - 300px); transform: translate(-50%, -50%);}
#cnneeSec .PracticalBox .PracticalBoxUl li:nth-child(5){top: 37%; left: calc(48% - 300px); transform: translate(-50%, -50%);}
#cnneeSec .PracticalBox .PracticalBoxUl li p{line-height: 1.4;}
#cnneeSec .PracticalBox .PracticalBoxUl li .liTtl{display: block; text-align: center; margin-bottom: 0.2em; font-size: 140%; font-weight: 600; border-bottom: 3px solid #c69a71;}
#cnneeSec .PracticalBox .PracticalBoxUl li .red{display: block; color: #cd0e18; font-weight: 600;}

/*PointSec*/
#PointSec{background: #f9f9f9;padding: 1px 0;}
#PointSec .sectionInner{max-width: 1200px;}
#PointSec .TtlBox .logo{margin: 0 auto 1.5em;text-align: center;}
#PointSec .TtlBox h3{font-size: 50px;line-height: 1.2;}
#PointSec .TtlBox h3 span.nls{font-size: 75%;display: block;}
#PointSec .TtlBox .Ttl_cnnee{text-align: center;}
#PointSec .TtlBox .Ttl_cnnee .cnnee{display: inline-block;background: #cd0e18;color: #fff;padding: 0.6em 1em;font-size: 60px;font-weight: bold;position: relative;}
#PointSec .TtlBox .Ttl_cnnee .cnnee .fuki{position: absolute;right: -1.2em;top: -1.2em;}

#PointSec .pointBox{background: #fff;padding:90px 80px 60px;margin-top: 6em;position: relative;border-radius: 30px;}
#PointSec .pointBox .icon_point{position: absolute;left: 0;right: 0;margin: auto;top: -35px;text-align: center;}
#PointSec .pointBox ul:not(:last-of-type){margin-bottom: 4em;}
/* #PointSec .pointBox ul:last-child{margin-bottom: 0;} */
#PointSec .pointBox ul li.txtBox{width: calc(100% - 370px);}
#PointSec .pointBox ul li.txtBox h4{font-size: 30px;font-weight: bold;border-bottom: 3px solid #cd0e18;padding: 0 1em 0.5em;margin-bottom: 0;}
#PointSec .pointBox ul li.txtBox h4 span{font-size: 80%;}
#PointSec .pointBox ul li.txtBox p{font-size: 18px;padding: 1em 1.5em;font-weight: 500;}
#PointSec .pointBox ul li.txtBox p span{font-weight: bold;}
#PointSec .pointBox .summary{font-size: 35px;font-weight: bold;text-align: center;margin-top: 0.5em;}
#PointSec .pointBox .summary span{background: linear-gradient(transparent 70%, #ffe3e7 70%);}

/* EnqueteSec */
#EnqueteSec h3{text-align: left;background: linear-gradient(transparent 70%, #ffe3e7 70%);display: inline;}
#EnqueteSec .dispFlex{gap: 2em;}
#EnqueteSec .txtBox p{font-size: 30px;}
#EnqueteSec .txtBox p:first-of-type{margin-top: 0.5em;}
#EnqueteSec .txtBox p span{font-size: 130%;font-weight: bold;}
#EnqueteSec .txtBox p.txtSizeS{font-size: 16px;}

/*PlanSec*/
#PlanSec{}
#PlanSec .PlanSecInner{margin-bottom: 60px;}

#PlanSec .PlanBox ul{gap:0.5em;align-items: stretch;}
#PlanSec .PlanBox ul li{background: #faf0e6;padding: 1.7em 1.3em;border-radius: 10px;width: 45%;}
#PlanSec .PlanBox ul li h4{color: #c69a71;text-align: center;font-size: 30px;line-height: 1;}
#PlanSec .PlanBox ul li .plan_txt{text-align: center;font-size: 20px;font-weight: 500;margin: 0.5em 0;line-height: 1.5;}
#PlanSec .PlanBox ul li .sub_txt{border-top: 3px solid #fff;padding: 1em 1em 0;line-height: 1.5;text-align: center;}

#PlanSec .ScheduleBox table{width: 100%;border: 3px solid;}
#PlanSec .ScheduleBox table tr.week{border:3px solid;}
#PlanSec .ScheduleBox table th,
#PlanSec .ScheduleBox table td{width: calc(100%/7);border: 1px solid #000;}
#PlanSec .ScheduleBox table th{padding: 5px;font-size: 20px; }
#PlanSec .ScheduleBox table td{background: #efefef;}
#PlanSec .ScheduleBox table td.lesson{background: #fff;text-align: center;line-height: 1.3;}
#PlanSec .ScheduleBox table td.lesson .time{display: block;font-weight: 500;font-size: 18px;}
#PlanSec .ScheduleBox table td.lesson .level{font-size: 22px;font-weight: 800;}
#PlanSec .ScheduleBox table td.lesson .level.Beginner{color: #f7a9b0;}
#PlanSec .ScheduleBox table td.lesson .level.Intermediate{color: #ef6774;}
#PlanSec .ScheduleBox table td.lesson .level.Advanced{color: #cd0e18;}

#PlanSec .unitBtn a{background: #fff;border: 4px solid #c3996d;padding: 0.5em 2em;color: #c3996d;font-size: 22px;border-radius: 50vw;margin-top: 1em;font-weight: bold;display: inline-block;}
#PlanSec .unitBtn a:hover{background:#c3996d;color: #fff;border: 4px solid #c3996d;}

#PlanSec .PriceBox table{width: 100%;border: 3px solid;}

#PlanSec .PriceBox table .plan{background: #cd0e18;border-bottom: 3px solid;}
#PlanSec .PriceBox .tangetuPlan {margin-top: 2em;}
#PlanSec .PriceBox .tangetuPlan table .plan{background: #fff;color: #000;}
#PlanSec .PriceBox table .plan th{font-size: 25px;color: #fff;}
#PlanSec .PriceBox .tangetuPlan table .plan th{font-size: 20px;background: #f7a14b;}
#PlanSec .PriceBox table .Category{border-bottom: 2px solid;}
#PlanSec .PriceBox .tangetuPlan table .Category{border-bottom: 2px solid #a8a8a8;}
#PlanSec .PriceBox table th,
#PlanSec .PriceBox table td{text-align: center;vertical-align: middle;font-weight: 600;border: 1px solid #000;line-height: 1.5;}
#PlanSec .PriceBox table td.point{border-top: 2px dotted #bbb;}
#PlanSec .PriceBox .tangetuPlan table th,
#PlanSec .PriceBox .tangetuPlan table td{font-size: 16px; }
#PlanSec .PriceBox table th{font-size:20px;font-weight: 500; }
#PlanSec .PriceBox table th span{font-size: 75%;}

#PlanSec .PriceBox table .level{font-size: 25px;font-weight: 800;padding: 5px 30px;}
#PlanSec .PriceBox table .watch_level{border-right: 3px solid;font-size: 18px;font-weight: 400;background: #faf0e6;}
#PlanSec .PriceBox table .cache,
#PlanSec .PriceBox table .point{font-size: 20px;}
#PlanSec .PriceBox table .cache span{display: block;font-size: 80%;}
#PlanSec .PriceBox table .point span{font-size: 80%;}
#PlanSec .PriceBox table .novagaba{background: #fff5f6;}
#PlanSec .PriceBox table .nls{background: #ffe3e7;}
#PlanSec .PriceBox .tangetuPlan table .novagaba,
#PlanSec .PriceBox .tangetuPlan table .nls{background: #fff;padding: 5px 8px;}

#PlanSec .PriceBox .Plan_text{font-size: 25px;font-weight: 500;}
#PlanSec .PriceBox .tangetuPlan .Plan_text{font-size: 20px;}

#PlanSec .PriceBox table .normal,
#PlanSec .PriceBox table .novagaba,
#PlanSec .PriceBox table .nls{width: 240px}
#PlanSec .atenBox p{line-height: 1.2;}

.gaba #PlanSec .PriceBox table .normal,
.gaba #PlanSec .PriceBox table .novagaba{width: 285px}


/*CVSec*/
.CVSec{background: #ffeef0;padding: 1px 0;background-image: url(https://www.nova.co.jp/livestation/cnnee_regular/images/img_cvSec_bg.png);background-repeat: repeat;}
.CVSec .btn{margin-top: 2em;}
/* .CVSec .btn span{display: block;text-align: center;font-size: 26px;font-weight: 700;margin-bottom: 0.5em;} */
.CVSec .btn span.slash{position: relative;display: inline-block;font-size: 26px;font-weight: 700;margin-bottom: 0.5em;}
.CVSec .btn span.slash::after{content: "";display: block;width: 0;height: 1em;border: 1px solid #000;transform: rotate(45deg);position: absolute;right: -0.6em;bottom: 0;}
.CVSec .btn span.slash::before{content: "";display: block;width: 0;height: 1em;border: 1px solid #000;transform: rotate(-45deg);position: absolute;left: -0.6em;bottom: 0;}
.CVSec .btn .moushikomiBtn{width: 620px;max-width: 80%; font-size: 35px;display: block;padding: 2% 1.5em 2% 1em;text-align: center;border-radius: 15px; background-color: #1b1464;box-sizing: border-box; cursor: pointer;color: #fff;margin: auto;font-weight: 700;position: relative;box-shadow: 0px 0px 10px #c9c9c9;line-height: 1.1;}
.CVSec .btn .moushikomiBtn::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #ffffff;
}
.CVSec .btn .moushikomiBtn span{margin-bottom: 0;display: block;}
.CVSec .red{color: #cd0e18;font-size: 40px;line-height: 1;font-weight: bold;}

.NLSSec .otokuTxt{font-size: 22px;font-weight: 500;margin: 0.5em auto 2em;line-height: 1.2;}
.NLSSec .otokuTxt .line{background: linear-gradient(transparent 60%, #f5bece 0%);}
.NLSSec .otokuTxt .L_font{font-size: 35px;font-weight: 900;}
.NLSSec .otokuTxt .red{color: #c30d23;}
.NLSSec .nlsTxt{font-size: 20px;line-height: 1.5;margin-top: 0.5em;}
.NLSSec .nls_overviewBox ul{margin: 2em auto;width: 85%;}
.NLSSec .nls_overviewBox ul li.textBox{width: 70%;}
.NLSSec .nls_overviewBox ul li.imgBox{width: 30%;}

.NLSSec .nls_overviewBox ul li.textBox .text01{font-weight: bold;font-size: 22px;}
.NLSSec .nls_overviewBox ul li.textBox .text01 span{background: linear-gradient(transparent 60%, #f5bece 0%);}
.NLSSec .nls_overviewBox ul li.textBox .text02{font-size: 20px;line-height: 1.5;}
.NLSSec .nls_overviewBox ul li.textBox .text03{font-size: 24px;font-weight: bold;}

.NLSSec .colorBox{background: #fae1e8;padding: 1em 2em;width: 85%;margin: 1em auto 2em;}
.NLSSec .colorBox p{line-height: 1.5;font-size: 18px;}
.NLSSec .btn a{background: #e74051;padding: 0.5em 3em;font-size: 25px;font-weight: bold;color: #fff;border-radius: 50vw;display: inline-block;}





#footerArea .sectionInner{margin: 0;}



@media screen and (max-width:750px) { 

}