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

/*----------------------------------------------------------------------------
 ***                                                            firstViewSec
----------------------------------------------------------------------------*/
#firstViewSec{background-color:#f3f4f6;background-image:url(https://www.nova.co.jp/correct/common_images/2024/bgi_fv01c.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#firstViewSec #firstViewSecInner{position:relative;max-width:1200px;margin:0 auto;min-height:260px;padding:1em;}
#firstViewSec .firstViewContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#firstViewSec .firstViewContent .fvBottomTxt{margin-top:-2.5em;padding:0 0.5em;line-height: 1.4; font-size: 14px;}


/*----------------------------------------------------------------------------
 ***                                                        moushikomiBtnBox
----------------------------------------------------------------------------*/
.moushikomiBtnBox{padding: 2em 0; width: 100%;}
.moushikomiBtnBox .moushikomiBtnUl{max-width: 900px; display: flex; justify-content: space-between; margin: 0 auto;}
.moushikomiBtnBox .moushikomiBtnLi{width: 48%; max-width: 430px;}
.moushikomiBtnBox .moushikomiBtnLi a{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color:#fff; width: 100%; height: 100%; padding: 1em; border-radius: 1em;}
.moushikomiBtnBox .moushikomiBtnLi.moushikomi a{background-color: #b30043;}
.moushikomiBtnBox .moushikomiBtnLi.trial a{background-color: #001b5b;}
.moushikomiBtnBox .moushikomiBtnLi .btnTxt{font-size: 150%; width: 100%; text-align: center; font-weight: 500;}
.moushikomiBtnBox .moushikomiBtnLi .subTxt{width: 100%; text-align: center;line-height: 1.4; font-weight: 400;}

.moushikomiBtnBox2 {padding-bottom: 0;}
.moushikomiBtnBox2 .moushikomiBtnUl{justify-content: center;}

/*----------------------------------------------------------------------------
 ***                                                                introSec
----------------------------------------------------------------------------*/
#introSec{background-color:#001b5b;}
#introSec .titleBox{margin-bottom: 0.7em;}
#introSec .secTtl{color:#fff;font-size:150%;}
#introSec .secTtl .underLine{border-bottom:3px dotted #fff;font-size:150%;display:inline-block;padding:0 0.5em 0.3em;}
#introSec .fukidashiBox{background:#fff;box-shadow:10px 10px 0 0 #001b5b;border:2px solid #001b5b;width:850px;position:relative;padding:1.5em 1em;margin:2em auto -8em;}
#introSec .fukidashiBox:after{content:"";width:70px;height:60px;background:url(https://www.nova.co.jp/correct/images/top2024/about_contents01.png);background-repeat:no-repeat;background-position:top center;background-size:cover;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);}
#introSec .fukidashiBox .fukidashiTxt{font-size:180%;color:#b30043;padding:0;line-height:1.4;font-weight:600}


/*----------------------------------------------------------------------------
 ***                                                                aboutSec
----------------------------------------------------------------------------*/
#aboutSec{background-color: #eee;}
#aboutSec #aboutSecInner{padding: 8.5em 0;}
#aboutSec #aboutSecInner .numberDiv{width: 900px; margin: 0 auto 1em;}
#aboutSec #aboutSecInner .pointUl{width: 100%;}
#aboutSec #aboutSecInner .pointLi{background-color: #fff;margin-bottom: 1em;}
#aboutSec #aboutSecInner .pointDl{display: flex; justify-content: space-between; }
#aboutSec #aboutSecInner .pointDl .pointDt{background-color: #cacfd8;width: 10em;padding: 3em 0 3em 1em;text-align: center;font-size: 120%;position: relative;}
#aboutSec #aboutSecInner .pointDl .pointDt:after{content:"";display:block;width:0;border-style:solid;border-top:75px solid transparent;border-bottom:75px solid transparent;border-left:30px solid #cacfd8;border-right:0;position:absolute;right:0;top:50%;transform:translate(100%,-50%);}
#aboutSec #aboutSecInner .pointDl .pointDd{position: relative;width: 100%;padding: 1em 1em 1em 13em;}
#aboutSec #aboutSecInner .pointDl .pointTtl{font-size: 140%;color: #b30043;font-weight: 600;line-height: 1.2;}
#aboutSec #aboutSecInner .pointDl .pointTxt{line-height: 1.4; padding: 0; font-size: 15px;}
#aboutSec #aboutSecInner .pointDl .pointImg,
#aboutSec #aboutSecInner .pointDl .pointImgSub{position: absolute;bottom: 0;left: 0;padding: 0 0 0 2em;margin: 0;}
#aboutSec #aboutSecInner .pointLi.point01 .pointDd .pointImg,
#aboutSec #aboutSecInner .pointLi.point04 .pointDd .pointImg{position: absolute;bottom: 0;left: inherit; right: 0;padding: 0 0 0 1.5em;margin: 0;}
#aboutSec #aboutSecInner .pointLi.point04 .pointDt{padding: 2.1em 0 2.1em 1em;}

/*----------------------------------------------------------------------------
 ***                                                                voiceSec
----------------------------------------------------------------------------*/
#voiceSec{background:#e7dde8;}
#voiceSec #voiceSecInner{width: 100%; padding: 4em 0 0;}
#voiceSec #voiceSecInner .titleBox{margin-bottom: 0;}
#voiceSec .titleBox{display: flex; justify-content: center; flex-wrap: wrap;}
#voiceSec .titleBox .secTtl{order:2; width: 100%;}
#voiceSec .titleBox .customerImg{order:1; margin:-11em auto 1em;}
#voiceSec .planVoiceBox{width: 100%; margin: 0 auto;}
#voiceSec .planVoiceBoxInner{justify-content: space-between;}
#voiceSec .planVoiceBox .voiceDl#diaryVoice{background: #e7dde8;}
#voiceSec .planVoiceBox .voiceDl#kisoVoice{background: #dbe6e0;}
#voiceSec .planVoiceBox .voiceDl#koreaVoice{background:#F2E4E4;}
#voiceSec .planVoiceBox .voiceDt{text-align: center;font-weight: 600; margin-bottom: 0.5em; font-size: 160%;}
#voiceSec .planVoiceBox .voiceDd{max-width: 1050px; margin: 0 auto;}
#voiceSec .planVoiceBox #diaryVoice .voiceDt{color:#561765;}
#voiceSec .planVoiceBox #kisoVoice .voiceDt{color:#10562b; padding-top: 1em;}
#voiceSec .planVoiceBox #koreaVoice .voiceDt{color:#9B4545; padding-top: 1em}
#voiceSec .planVoiceBox .voiceListLi{background-color: #fff; border-radius: 0.5em; margin-bottom: 1.25em; padding: 1.25em; width: 47%; margin: 1.5%; font-size: 15px;}
#voiceSec .planVoiceBox .voiceListLi:last-child{margin: 1.5% auto;}
#voiceSec .planVoiceBox .voiceList{display: flex; flex-wrap: wrap;}
#voiceSec .planVoiceBox .voiceListLi .cust {color: #fff; border-radius: 1em; padding: 0 0.5em;margin: 0 0 0.2em;display: inline-block;}
#voiceSec .planVoiceBox #diaryVoice .voiceListLi .cust {background: #561765;}
#voiceSec .planVoiceBox #kisoVoice .voiceListLi .cust {background: #10562b;}
#voiceSec .planVoiceBox #koreaVoice .voiceListLi .cust {background: #9B4545;}
#voiceSec .planVoiceBox .detailBtn {width: 35%; margin: 1.5em auto 0; padding: 0 0 1.5em;}
#voiceSec .planVoiceBox .detailBtn a{display: block; width: 100%; padding: 0.2em 1em 0.5em 1em; text-align: center; font-size: 120%; border-radius: 2em; line-height: 1.2; font-weight: 600;}
#voiceSec .planVoiceBox .detailBtn .planName{font-size: 70%;}
#voiceSec .planVoiceBox #diaryVoice a{background-color: #cab5ce; color:#561765; border: 1px solid #561765;}
#voiceSec .planVoiceBox #kisoVoice a{background-color: #b2c9bc; color:#10562b; border: 1px solid #10562b;}
#voiceSec .planVoiceBox #koreaVoice a{background-color: #e9caca; color:#9B4545; border: 1px solid #9B4545;}

/*----------------------------------------------------------------------------
 ***                                                                planSec
----------------------------------------------------------------------------*/
#planSec .planUl{margin-bottom: 3em;}
#planSec .planLi{margin-bottom: 5em;}
#planSec .planLi:last-child{margin-bottom:0;}

/*----- 【planBox】共通 -----*/
#planSec .planBox .planDl{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
#planSec .planBox .planDt{width: 100%;display: flex; justify-content: space-between; height: 6em; margin-bottom: 1.25em;}
#planSec .planBox .planDt .plan,
#planSec .planBox .planDt .planName,
#planSec .planBox .planDt .planCopy{height: 100%; display: flex; align-items: center;}
#planSec .planBox .planDt .plan{width: 3.5em; color:#fff; justify-content: center; font-size: 175%; font-weight: 400;}
#planSec .planBox .planDt .planName{margin:auto auto auto 1em; font-size: 300%;}
#planSec .planBox .planDt .planCopy,
#planSec .planBox .planDd.planDetail{width: 60%; max-width: 560px;}
#planSec .planBox .planDt .planCopy{font-size: 120%;}
#planSec .planBox .osusumeBox{padding:1em;}
#planSec .planBox .osusumeBox p{padding: 0; line-height: 1.2; margin-bottom: 0.3em;}
#planSec .planBox .osusumeBox .osusumeTtl{font-weight: 600; font-size: 120%;}
#planSec .planBox .planDd.planImg{}
#planSec .planBox .planDd.planDetail{position: relative;}
#planSec .planBox .planDd.planDetail .txt{margin-bottom: 1.25em; padding: 0 1em 0 0; font-size: 15px;}
#planSec .planBox .planDd .detailBtn {width: 15em; margin: 1.5em auto 0 0; padding: 0;}
#planSec .planBox .planDd .detailBtn a{display: block; width: 100%; padding: 0.2em 1em 0.5em 1em; text-align: center; font-size: 120%; font-weight: 600; border-radius: 2em; line-height: 1.2; background-color: #f2f2f2;position: relative;}
#planSec .planBox .planDd .detailBtn a:after{content:""; display: block; width:0; height:0;border-style:solid;border-width: 7px 0 7px 12px;position: absolute;top:50%;right:1em;}
#planSec .planBox .planDd .detailBtn .planName{font-size: 70%;}
#planSec .planBox .planDd .trialBtn{position: absolute; right: -1.5em; bottom: -1.5em;}

/*----- 【planBox】英語日記 -----*/
#planSec .planBox.diary .planDt{background-color: #e7dde8;}
#planSec .planBox.diary .planDt .plan{background-color: #82538d;}
#planSec .planBox.diary .planDt .planName,
#planSec .planBox.diary .planDt .planCopy{color:#561765;}
#planSec .planBox.diary .osusumeBox{background-color: #f8f5f8;}
#planSec .planBox.diary .osusumeBox .osusumeTtl{color:#561765; font-size: 15px;}
#planSec .planBox.diary .planDd .detailBtn a{border: 1px solid #561765; color:#561765;}
#planSec .planBox.diary .planDd .detailBtn a:after{border-color: transparent transparent transparent #561765;}

/*----- 【planBox】基礎英会話 -----*/
#planSec .planBox.kiso .planDt{background-color: #dbe6e0;}
#planSec .planBox.kiso .planDt .plan{background-color: #4e8160;}
#planSec .planBox.kiso .planDt .planName,
#planSec .planBox.kiso .planDt .planCopy{color:#115628;}
#planSec .planBox.kiso .osusumeBox{background-color: #f4f7f6;}
#planSec .planBox.kiso .osusumeBox .osusumeTtl{color:#115628;}
#planSec .planBox.kiso .planDd .detailBtn a{border: 1px solid #115628; color:#115628;}
#planSec .planBox.kiso .planDd .detailBtn a:after{border-color: transparent transparent transparent #115628;}

/*----- 【planBox】韓国語日記 -----*/
#planSec .planBox.diaryKr .planDt{background-color: #f2e4e4;}
#planSec .planBox.diaryKr .planDt .plan{background-color: #9b4545;}
#planSec .planBox.diaryKr .planDt .planName,
#planSec .planBox.diaryKr .planDt .planCopy{color:#750000;}
#planSec .planBox.diaryKr .osusumeBox{background-color: #faf6f6;}
#planSec .planBox.diaryKr .osusumeBox .osusumeTtl{color:#750000;}
#planSec .planBox.diaryKr .planDd .detailBtn a{border: 1px solid #750000; color:#750000;}
#planSec .planBox.diaryKr .planDd .detailBtn a:after{border-color: transparent transparent transparent #750000;}


/*----------------------------------------------------------------------------
 ***                                                                newsSec
----------------------------------------------------------------------------*/
#newsSec #newsSecInner{padding-bottom: 8em;}
#newsSec .titleBox{margin-bottom: 1em;}
#newsSec .secTtl{margin-bottom: 0;font-size: 200%; text-align: left; border-left: 10px solid #001b5b; padding-left: 0.5em;}
#newsSec .newsBox{border: 1px solid #333; max-height: 250px; overflow-y: auto; padding: 1em;}
#newsSec .newsBox .newsLi{padding: 0.5em; border-bottom:1px dotted #ccc;}
#newsSec .newsBox .newsLi:first-child{padding-top: 0;}
#newsSec .newsBox .newsLi:last-child{border-bottom: none;padding-bottom: 0;}
#newsSec .newsBox .newsLi dl{display: flex; justify-content: flex-start; line-height: 1.4; font-size: 15px;}
#newsSec .newsBox .newsLi .date{display: inline-block; width: 5em; font-weight: 600;}
#newsSec .newsBox .newsLi a{text-decoration:underline ;}

/*----------------------------------------------------------------------------
 ***                                     @media screen and (max-width:1280px)
----------------------------------------------------------------------------*/
@media screen and (max-width:1280px){
  #planSec .planBox .planDd.planDetail{width: 50%;}
}