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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {margin:0;padding:0;background-color: #FFF;}
a,
a:hover {text-decoration: none;}

#wrap {}
#wrap #totp{ position: fixed; bottom:1em; right:1em; z-index:999;}
.whiteArrow,
.whiteArrowDown{position: relative;}
.whiteArrow:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 10px;border-color: transparent transparent transparent #ffffff;}
.whiteArrowDown:after { content: ""; position: absolute;top: 50%; transform: translateY(-50%); margin-left: 5px; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0px 6px; border-color: #ffffff transparent transparent transparent;}

.pncNone{display: none;}
.pncNone{display: block;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerAreaInner {max-width: 1200px;width: 95%;margin:0 auto;padding: 1em 0;position: relative;}
#headerArea {width: 100%;position: sticky;background-color: #fff;z-index: 999;top: 0;border-top: solid 20px #000000;}
#headerAreaInner .leftBox {width: 66%; max-width: 590px;}
#headerAreaInner .leftBox img {width: 100%; height: auto;}
#headerAreaInner .rightBox {width: 100%;max-width: 270px;box-sizing: border-box;}
#headerAreaInner .novaTopBtn {width: 49%;}
#headerAreaInner .moushikomiBtn {width: 100%; font-size: 130%; display: block; padding: 2% 2em 2% 1em; text-align: center; border-radius: 5px; background-color: #1b1464;box-sizing: border-box;cursor: pointer;}
#headerAreaInner .moushikomiBtn a { color: #fff;}
#headerAreaInner .moushikomiBtn.full{background-color: #aaa; color: #fff;}
#courseSec .moushikomiBtnL a{display: block;font-size: 135%; text-align: center; width: 100%; background-color: #1b1464; color: #fff; padding: 0.5em 1em 0.5em 0.4em; box-sizing: border-box;border-radius: 5px;}
#headerAreaInner .novaTopBtn a{display: block;padding: 2% 2em 2% 1em;text-align:center;border-radius: 5px;background-color: #009ec6;color: #fff;box-sizing: border-box;}

#headerArea .ttlTxt{
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -18px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
#headerArea .ttlSub{
    position: absolute;
    top: -18px;
    right: 0;
    color: #fff;
    font-size: 11px;
    text-align: right;
    width: 400px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------------
 ***                                                              mainViewArea
----------------------------------------------------------------------------*/

#mainViewArea {width: 100%; margin: 0 auto;}
#mainViewAreaInner {}
.attentionP{ color:#ec1c24;}

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{width: 100%;max-width: 950px;margin-top: 0.5em;}
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(/common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/

.contentsArea {}
.contentsAreaInner {}

/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
#mainSection {}
#mainSectionInner {}
#mainSection .sctionInner {max-width: 900px;margin: 0 auto;width: 90%;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{font-size: 75%;}
#footerAreaInner{width: 100%;box-sizing: border-box;}
#footerAreaInner#lsFooterInenr {width: 100%;}
#footerAreaInner .secBox {width: 100%;}

#toeicFooterBox {max-width: 1200px;
    margin: 0 auto;
    padding: 0 2em;
    width: 100%;box-sizing: border-box;font-size: 12px;}
#toeicFooterBox p {margin: 0;}
.backToTop#totp{position:fixed; bottom: 1em; right: 1em;}
.backToTop#totp:hover {opacity: .5;}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop{ font-size:12px; text-align:right;}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}