@charset "utf-8";
/* CSS Document */
body{}
p,dt,dd,ul,li{ color:#333;}

.spNone{ display:none;}
.pcNone{ display:block;}
img{ max-width:100%; margin:0; padding:0;}


#wrap{ width:100%; margin:0 auto;}
#sideMenu{ display:none;}


.secBox .sectionInner{ width:90%; margin:0 auto;}
.entryBtn{ margin:3em auto 4em;}
.entryBtn a{ padding:0.5em 3em 0.6em 1em; line-height:1.1em;}
.entryBtn a span.spNone{ display:none;}

.entryBtnF{ width:75%; margin:2em auto 1em; position: static;}


/*----------------------------------------------------------------------------
 ***                                                                    header
----------------------------------------------------------------------------*/
#headerArea{ margin:1em;}
#headerArea #headerAreaInner h1{ margin:auto;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ border:none; margin:0 auto;}
#mainContents{ height: 445px; padding:5% 0;background: url(../images/img_bg_main_sp_m.jpg) no-repeat; background-size: cover; background-position: center top;}
#mainContents:before{ width: 90%; background-size: contain; height: 66%; left: 0; right: unset; top: 0; bottom: unset; background-position: top center; }
#mainContents:after{ width:120px; height:25px;}
#mainContents h2 {
    width: 95%;
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding-top: 10px;
}
#mainContents .kobetsuPrice {
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: 0px 0px 10px 0px;
}

#underContents{ margin-top: 1em;}
#underContents h3{ padding:0.5em 0; margin:1em auto 0.5em; font-size:190%;}
#underContents h3:before, #underContents h3:after{ content:normal;}
#underContents > p.tac{ margin:1em; font-size:112.5%; text-align:left; padding-bottom: 20px;}


.pageNavi{ margin:0 auto 2em;}
.pageNavi li{ border:none; width:90%; margin:0 auto; font-size:150%; padding:0.5em; border-bottom:1px solid #ccc;}
.pageNavi li:last-child{ border-right:none;}


/* 特典 */
#benefitsSec{ padding:0 0 1em;}
#benefitsSec .sectionInner{ padding:1em 0 1em; margin: 3em auto 2em; width:90%;}
#benefitsSec .sectionInner h3{ font-size:210%;}
#benefitsSec h3{ margin:-0.5em auto 0.5em; padding: 0;}
#benefitsSec h3 strong{ display: block; padding:0.8em 0 0.2em}
#benefitsSec h3 strong span { font-size: 100%;}
#benefitsSec h3 span::before,
#benefitsSec h3 span::after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../images/img_benefit_hukidashi.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: -0.2em;
    bottom: 0;
}
#benefitsSec h3 span::after {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: -0.2em;
    left: unset;
}
#benefitsSec .benefitsBox{ margin: 1.5em auto 0;}
#benefitsSec .entryBtn{ margin:2em auto 3em;}

/*
#benefitsSec .sectionInner p{margin:-8px 0 0;}
#benefitsSec li{font-size:125.5%; margin:0; padding:0 6%;}
#benefitsSec li dt{ width:52px; height:52px; font-size:137.5%;}
#benefitsSec li dd{ font-size:112.5%; padding-right:0;}

#benefitsSec li dt span {font-size: 69%; line-height: 1.15em; color: #FFF;font-weight: bold;} */

/* スケジュール */
#scheduleSec{ padding:0 0 1em; background:url(../images/img_b_shadow.png) no-repeat center bottom/100%; margin-top:-2em;}
#scheduleSec li {margin:1em 1em;}
#scheduleSec li dt span{ font-size:87.5%; bottom:-0.3em;}
#scheduleSec li dd{ line-height:1.4em; font-weight:normal;}
#scheduleSec li dd span{ padding:1em 0 1em 0.5em;}
#scheduleSec p.tac{ }
#scheduleSec p.adtxt { text-align: left; line-height: 1.6em; margin: 1em auto 2em;}
#scheduleSec p.kids{ margin: 12% auto 0%;}
#seminarSec { width: 90%;}
#seminarSec > p {
    text-align: center;
    line-height: 1em;
    position: relative;
    font-size: 220%;
}
#seminarSec > p span.blueTxt{ display:block;}
#seminarSec > p::before,
#seminarSec > p::after{ position: absolute; }
#seminarSec > p::before{ left: -1.5em; top: 1em;}
#seminarSec > p::after{ right: -1.5em; top: 1em;}

#seminarBlock{ padding: 7% 5%; border:3px solid #4780ba;}
#seminarBlock h4::before,
#seminarBlock h4::after{ content: normal; }
#seminarBlock h4{ font-size: 250%; line-height: 1.2em;}
#seminarBlock p.tac{ font-size: 112.5%; text-align:left;}
#seminarBlock .dlBox dl{ width: 100%;}
#seminarBlock .dlBox dl dd{ font-size: 170%;}
#seminarBlock .dlBox dl dd .smallTxt{ display: block;}
#seminarBlock .seminarUnderBox{ width: 100%;}
#seminarBlock .dlBox::after{
        content: '';
            display: inline-block;
            width: 75%;
            height: 170px;
            background: url(../images/img_seminar01.png) no-repeat;
            background-position: center;
            margin: 5% auto;
            background-size: contain;
}
#seminarBlock .seminarBtn{ margin: 1em 0;}
#seminarBlock .seminarBtn a{
    width: 80%;
    font-size: 180%;
}

/* 合格体験記 */
#expSec .expBox{ width:100%; padding:1em; }
#expSec #exp01{ border:none; margin:0 auto 2em;}
#expSec .expBox dt{ font-size:140%; padding:0em 0.5em; height: 7em;}
#expSec .expBox dt span.expName{ font-size:60%;}



/* Teacher's Message */
#tMessageBox{ padding:2em 2em;}
#tMessageBox:before{ width:100%; background-position:bottom, right 4% top 3%, left 19%, left 3% bottom; background-size: contain, 180px, 46px, 31px;}
#tMessageBox .teacherImg{ 
    width: 40%;
    float: left;
    position: static;
    margin: 0 3% 3% 0;
    padding: 0;
}


/* スクール */
#schoolBox{ width:84%;}
#schoolBox p{ font-size:150%;}
#schoolBox p strong{ font-size:100%;}


/* コロナ対策 */
#coronaBox #cleanImg{ margin:2em;}


/* こだわり */
#kodawariBox{ width:80%; height:auto; margin:0 auto 10%;}
#kodawariBox p{ font-size:150%; color:#333; line-height:1.2em; margin:1em 0;}
#kodawariBox p img{ width:36%; height:auto; top:-7%; left:0;}
#kodawariBox ul{ padding:0 0 0 40%;}
#kodawariBox li{ width:48%; height:48%; margin:0 3% 3% 0; display:-ms-grid; display:grid;}
#kodawariBox li:nth-child(2){ margin-right:0;}
#kodawariBox li:nth-child(4){ margin-right:0;}
#kodawariBox li:nth-child(5){ width:100%; margin:0;}
#kodawariBox #kodawariList{ width:100%; height:auto;}
#kodawariBox #kodawariList li{ width:48%; height:auto; margin:0 1% 4% 0;}
#kodawariBox .entryBtn{ width:100%;}


/*----------------------------------------------------------------------------
 ***                                                                    footer
----------------------------------------------------------------------------*/
#footerArea{ padding:3em 0 0; }
#footerArea #footerAreaInner .logoImg{ width:70%; text-align:center; margin:0 auto 5%;}
#footerArea #footerAreaInner p{ text-align:center; margin:0; padding:2% 0 1%; background-color:#333; color:#fff; font-size:75%;}