/* 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 img{width: auto;margin-right: 0.5em;}
#headerAreaInner .leftBox .logo .logoTxt{font-size: 36px; vertical-align: middle;}
#headerAreaInner .rightBox .moushikomiBtn{color: #fff;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#mainViewArea {background-image: url(../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: 3em 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("../images/icon_01.png")no-repeat;background-size: contain;position: absolute;left: 0;top: 0.5em;}

#cnneeSec .PracticalBox{}
#cnneeSec .PracticalBox h4 span{color: #cd0e18;}
#cnneeSec .PracticalBox ul{margin-top: 2em;gap:1em;}
#cnneeSec .PracticalBox ul li{background: #faf0e6;border-top: 6px solid #c69a71;width: calc(96% / 3);text-align: center;padding: 1em 0;font-size: 20px;font-weight: 600;line-height: 1.3;}


/*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{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 p{font-size: 20px;padding: 1em 1.5em;font-weight: 500;}


/*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 .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("../images/img_cvSec_bg.png");background-repeat: repeat;}
.CVSec .btn{margin-top: 2em;}
.CVSec .btn span{display: block;text-align: center;font-size: 28px;font-weight: 700;margin-bottom: 0.5em;}
.CVSec .btn .moushikomiBtn{width: 560px;max-width: 80%; font-size: 35px;display: block;padding: 2% 2em 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;}
.CVSec .btn .moushikomiBtn::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #ffffff;
}

.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) { 

}