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


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

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {  height:auto; padding-bottom:0.2em;border-top: solid 3.5em #00A1BF;}
#headerAreaLogo{}
#headerAreaLogo h1{}

#headerArea #headerLink{ width: 50%; padding: 0;margin: 0;}

#headerArea .ttlTxt{
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -3.6em;
    left: 0;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}
#headerArea .ttlSub{
    position: absolute;
    top: -2.5em;
    right: 0;
    color: #fff;
    font-size: 11px;
    width: 100%;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    text-align: center;
}
#headerArea h1 a {width: 80%; display: block;}
#headerArea h1 a img {width: 100%; height: auto;}
#headerArea #headerAreaInner {padding: 0 5%;}
/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ max-width: 860px; margin: auto 0 auto;width: 100%;}
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(https://www.nova.co.jp/common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{ }


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {margin-bottom: 0px;}
#contentsAreaInner {}


#contentsArea .secTtl {font-size: 200%;}

#aboutSec .aboutHybridBox {padding: 2em;}
#aboutSec .aboutHybridBox .txt {font-size: 120%;}
#aboutSec .aboutHybridBox .txt span {font-size: 140%;}
#aboutSec .bigTxt{font-size: 150%;}

#pointSec .pointTtlBox {flex-wrap: wrap; border: none;padding: 0;}
#pointSec .pointTtlBox .leftBox {margin: 0 auto 1.5em;width: 40%;max-width: 80px;}
#pointSec .pointTtlBox .leftBox:after {display: none;}
#pointSec .rightImgBox {width: 100%; margin: 0 0 0 auto;}
#pointSec .rightImgBox img {width: 100%; height: auto;}
#pointSec .pointTtlBox .rightBox .pointTtl {font-size: 170%;text-align: center;line-height: 1.3;}
#pointSec .pointTtlBox .rightBox .pointDetail {font-size: 120%;}
#pointSec .pointUl .pointLi {margin-top: 3em;}
#pointSec .pointUl .pointLi.point02 {margin-top: 0;}
#pointSec .naraBox .nara {width: 90%; max-width: 420px; margin: 0 auto;}
#pointSec .naraBox .exampleBox .tatoeba {max-width: 80px;margin: 0 auto;}
#pointSec .naraBox .point01case .point01caseLi {padding: 0 0 0 6em;}
#pointSec .naraBox .point01case li .caseNum {left: 1em; margin: 0;}
#pointSec .naraBox .point01case li .caseDetail {width: 100%;}
#pointSec .naraBox .point01case li .caseDetail .concern {margin-bottom: 0;}
#pointSec .naraBox .point01case li .caseDetail .concern,
#pointSec .naraBox .point01case li .caseDetail .solution {line-height: 1.2;}
#pointSec .naraBox .exampleBox {margin-top: 2.5em;}
#pointSec .naraBox .exampleBox .img {margin-top: 1em;}

#tokuchouBox .tokuchouUl {flex-wrap: wrap;}
#tokuchouBox .tokuchouUl li {width: 100%; padding: 0.5em 1.5em;justify-content: center;margin-bottom: 0.5em;}
#tokuchouBox .tokuchouUl li .img {width: 40%; text-align: center; margin-right:0;}
#tokuchouBox .tokuchouUl li .img img { width: 80%;max-width: 90px;}
#tokuchouBox .tokuchouUl li .txt {width: 60%; text-align: center; line-height: 1.2;}
#tokuchouBox .btn a {text-decoration: none;}

#pointSec .rightBtnBox {margin: 1em auto 0 auto;}
#pointSec .rightBtnBox a {width: 100%; text-decoration: none;}

#nagareSec .nagareTtl {font-size: 200%;}
#nagareSec .nagareLi .txt {font-size: 120%;}
#nagareSec .nagareLi { padding: 1.5em;}
.taikenBtnBox a {width: 100%; color: #fff; text-decoration: none; margin-top: 0.5em;font-size: 130%;}
#nagareSec .nagareLi:after {bottom: -67px;}


#ryoukinSec .pointRyoukinBox .pointRyoukinUl li {margin: 0.5em; display: flex; justify-content: spase-between; align-items: stretch;}
#ryoukinSec .pointRyoukinBox .pointRyoukinUl li .point {display: block; width: 7.5em;padding-left: 0.5em;}
#ryoukinSec .pointRyoukinBox .pointRyoukinUl li .ryoukin {width: calc(100% - 5.5em);}
#ryoukinSec .bigTxt{ font-size: 160%;}
#ryoukinSec .txt {font-size: 120%; margin-top: 1em;}
#ryoukinSec .pointRyoukinBox {width: 100%;}
#ryoukinSec .pointRyoukinBox .pointRyoukinUl {font-size: 140%;}
#ryoukinSec .ryoukinTable {width: 100%;margin: 0 auto;}
#ryoukinSec .ryoukinTable .ekimae, #ryoukinSec .ryoukinTable .online{font-size: 100%;}
#ryoukinSec .ryoukinTable th, #ryoukinSec .ryoukinTable td {padding: 0.5em;}
#ryoukinSec .ryoukinTable .midashi .lessonStyle,
#ryoukinSec .ryoukinTable .midashi .time,
#ryoukinSec .ryoukinTable .midashi .ekimae,
#ryoukinSec .ryoukinTable .midashi .online{font-size: 100%;}
#ryoukinSec .ryoukinTable .lessonStyle {font-size: 100%;}
#ryoukinSec .ryoukinTable .lessonStyle span {margin-bottom: 0.25em;}
#ryoukinSec .taikenBtnBox a {margin-top: 1.5em;}
#ryoukinSec .pointAnnotationBox {width: 100%;}

#exampleSec .exampleTtl {font-size: 200%;}

#exampleSec .exampleProfileBox {background-color:#ffffff; border: 3px solid #7d96c6; margin: 1em auto;border-radius: 3em;position: relative;padding: 7.5em 1em 1em 1em; box-sizing: border-box;height: auto;}
#exampleSec .exampleProfileBox .img {background-color: #7d96c6; width:6em; height: 6em; border-radius: 50%; box-sizing: border-box;position: absolute;left: 50%;top: 1em;transform: translateX(-50%);overflow: hidden;margin: 0;padding: 0;}
#exampleSec .exampleProfileBox .img img {width: 100%; height: auto;}
#exampleSec .exampleProfileBox .exampleProfileDl {padding: 0.75em 1em;width: 100%;}
#exampleSec .exampleProfileBox .exampleProfileDl dt{color: #cc1c24; font-size: 150%;}
#exampleSec .exampleProfileBox .exampleProfileDl dd.txt {font-size: 120%; line-height: 1.2}
#exampleSec .calendarBox .calendar {width: 100%; margin-top: 3em;}
#exampleSec .calendarBox .img {width: 100%; position: initial;max-width: none;margin-top: 2em;}

#hajimeyoSec .topTxt {width: 100%; margin: 0 auto;}
#hajimeyoSec .topTxt img {max-width: 160px;}
#hajimeyoSec .txt {font-size: 150%; margin-bottom: 1em;}
#hajimeyoSec .taikenBtnBox {font-size: 120%;margin: 2em 0 0 0;}