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


/*----------------------------------------------------------------------------
***                                                             Header
----------------------------------------------------------------------------*/


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

/*.underPageTtlBox{background: url(/eigosenka/images/about/main_img.jpg)no-repeat;background-size: cover;background-position: center;}*/

#contentsArea {}
#contentsAreaInner {}
#contentsArea .secBox{width: 100%;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);margin-top: 2em;}
p{font-size: 110%;}
h2 {}
#contentsArea img{width: 100%; height: auto}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {margin: 4em auto; width: 900px;}



/*----- SCHOOL -----*/
#schoolSec{position:relative;}
#schoolSec:before{}
#schoolSec > .sectionInner{position: relative;width:770px;padding: 0 0 0px;}
#schoolSec .titleBox .txtSubTitle{color:#fff;}
#schoolSec .novaPullDown{height:auto!important;}
#schoolSec .txtYear{padding:8px 20px 8px 20px; line-height:1;}

#schoolSec #schoolListBox .name{position:relative;}
#schoolSec #schoolListBox .name.setCampaign:before{content: "開校キャンペーン中";display:block;width:auto;height:auto;font-size:12px;position:absolute;left: -122px;top:50%;transform:translate(0,-50%);background:#e7227e;color:#fff;line-height:1;padding:1.5px 1.5px 3px;}
#schoolSec #schoolListBox .name.notCampaign:before{display:none;}
#schoolSec .linkBox_list{border-bottom: 1px dashed #ff7bac;}
#schoolSec .linkBox_list.pullTgt{border-top:none;}
#schoolSec .linkBox_list li a{display:block;padding: 8px 20px 8px 20px;line-height: 1;}
#schoolSec .linkBox_list li a .date{font-size:13px;font-style: normal;width: 12%;display: inline-block;color: #333;}
#schoolSec .linkBox_list li a .new{font-size:14px;width: 15%;display: inline-block;margin-left: -0.5em;color: #ff7bac;transition:all .3s ease;}
#schoolSec .linkBox_list li a .pre{font-size:14px;width: 25%;display: inline-block;margin-left: -0.5em;color: #ff7bac;transition:all .3s ease;}
#schoolSec .linkBox_list li a .name{font-size:16px;font-weight: bold;width: 43%;display: inline-block;margin-left: -0.5em;color: #333;}
#schoolSec .linkBox_list li:not(:last-of-type){border-bottom:1px dashed #ff7bac;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover{background:#ff7bac; background:#fff3f8;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover .new{color:#000;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover .pre{color:#000;}
#schoolSec .linkBox{padding:0}
#schoolSec .linkBox .linkBtn{width:100%; max-width:100%;}

/*開校LP未作成時comingsoon対応 2023年12月7日ここから*/
#schoolSec .linkBox_list li a.openBefore{pointer-events: none;}
#schoolSec .linkBox_list li a.openBefore .comingSoon{color:#979797;}
/*開校LP未作成時comingsoon対応 2023年12月7日ここまで*/

#schoolSec #newSchoolBox #schoolMore{}
#schoolSec #newSchoolBox #schoolMore .txt{padding: 15px 20px 15px 20px;color:#ff7bac;font-weight:bold;cursor: pointer; transition:all .3s ease;}
#schoolSec #newSchoolBox #schoolMore .txt:after{content:"＋"; display:inline-block; margin-left:0.5em; width:1.5em; height:1.5em; background:#ff7bac; border-radius:50%; color:#fff; line-height:1.5; text-align:center; transition:all .3s ease;}
#schoolSec #newSchoolBox #schoolMore.open .txt:after{content:"-";}
#schoolSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover{background:#ff7bac; background:#99dbe9;}
#schoolSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt{color:#fff;}
#schoolSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt:after{background:#fff; color:#ff7bac; color:#99dbe9;}

/*【アイコン】矢印*/
#schoolSec .arrow{display:block; position:relative;}
#schoolSec .arrow .ico_arrow {position: absolute;top:50%;transform: translateY(-50%); right: 5%;font-size: 17px;}
#schoolSec .arrow .ico_arrow.fillColorBlue{color:#ff7bac;}
#schoolSec .arrow .ico_arrow.fillColorWhite{color:#fff;}
#schoolSec .arrow .ico_arrow.fillColorPink{color:#ed1e79;}
#schoolSec .arrow .ico_arrow.fillColorOrange{color:#f7931e;}
#schoolSec .arrow.hoverFlipEaseBtn:hover .ico_arrow{color:#ffffff;}
#schoolSec .arrow.hoverFlipEaseBtn:hover .ico_arrow.fillColorWhite{color:#ff7bac;}

.arrow .ico_arrow {position: absolute;right: 7%;font-size: 17px;}


.linkBtn.linkAnim{margin: 0 auto 4em;position: relative;}
.linkBtn.linkAnim > a{display: block;line-height: 1;width: 100%;padding:18px 60px 18px 55px;text-align: center; transition: all .3s ease; cursor: pointer; color: #ff7bac;vertical-align: middle; background: rgba(255, 255, 255, 0.7);border:1px solid #ff7bac;font-size: 150%;box-sizing: border-box;}
.linkBtn.linkAnim a.hoverFlipEaseBtn:hover{background:#ff7bac; color:#fff;text-decoration: none;}