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


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


/*----------------------------------------------------------------------------
***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight:500;}
#contentsArea *{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight:500;}
#contentsArea .titleBox *{font-weight:bold;}
/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
.mainSection > .mainSectionInner{padding: 15px 0 40px 0px;width: 770px;position: relative;}
.mainSection h3 > span{display:block;}
.mainSection h3 > .txtSubTitle{font-size:16px;line-height: 1;}
.mainSection .titleBox{margin-bottom: 10px;position: relative;z-index: 1;}
.mainSection .titleBox h3{position:relative; z-index:1;}
.mainSection .titleBox h3 svg{margin-bottom: 0px;}
.mainSection .titleBox h3 .txtTop{font-size:12px;}
.mainSection .titleBox h3 .txtTop svg{width:auto;height: 13px;}
.mainSection .titleBox h3 .txtBottom{font-size:30px;}
.mainSection .titleBox h3 .txtBottom svg{width: 100%;height: 24px;}

/*----- mainFirstView -----*/
#mainFirstView_under{background:#d4f4f7;}
#mainFirstView_under > .sectionInner{width:950px;padding:110px 0 50px;}
#mainFirstView_under h2{}
#mainFirstView_under h2 .txtTop{display:block; margin-bottom:20px;}
#mainFirstView_under h2 .txtTop svg{width:100%; height:1em;}
#mainFirstView_under h2 .txtBottom{font-size:2em;}



/*----- SCHOOL -----*/
#schoolSec{position:relative;}
#schoolSec:before{}
#schoolSec > .sectionInner{position: relative;width:770px;padding: 0 0 40px;}
#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 1px;}
#schoolSec #schoolListBox .name.notCampaign:before{display:none;}
#schoolSec .linkBox_list{border-bottom: 1px dashed #00a4c8;}
#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: #00a4c8;transition:all .3s ease;}
#schoolSec .linkBox_list li a .pre{font-size:14px;width: 25%;display: inline-block;margin-left: -0.5em;color: #00a4c8;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 #00a4c8;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover{background:#00a4c8; background:#99dbe9;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover .new{color:#fff;}
#schoolSec .linkBox_list .hoverFlipEaseBtn:hover .pre{color:#fff;}
#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:#00a4c8;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:#00a4c8; 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:#00a4c8; background:#99dbe9;}
#schoolSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt{color:#fff;}
#schoolSec #newSchoolBox #schoolMore.hoverFlipEaseBtn:hover .txt:after{background:#fff; color:#00a4c8; 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:#00a4c8;}
#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:#00a4c8;}

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


/*----------------------------------------------------------------------------
***                                                               form
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/