@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                    body
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; }
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
#headerArea #totp{ position: fixed; bottom:0; right:0; z-index:999;}

/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{width:100%;margin: 0 auto;padding: 20px 0;border-top: 5px solid #000; position: sticky; top: 0; z-index: 9999; background-color: #fff;}
#headerArea #headerAreaInner {width:950px; margin:0 auto;}
#headerArea #headerAreaInner > p.floatR:not(:last-of-type){margin-left:10px;}
#headerArea #meinLogo{display:table;}
#headerArea #meinLogo span{display:table-cell;}
#headerArea #meinLogo .txt01{}
#headerArea #meinLogo .txt02{padding-left: 15px;}

/*----------------------------------------------------------------------------
***                                                    　         gnav
----------------------------------------------------------------------------*/
#gnav.common > .sectionInner{padding: 0 0 30px;}
#gnav.common nav li span{line-height:1.2;}
#gnav.common nav li span{line-height:1.2;}
#gnav.common a{color:#fff;}
#gnav.common .navTop a{display:block;}
#gnav.common .navTop{padding: 10px 0px;background:#333;border:2px solid #000;box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);}
#gnav.common .navTop ul{}
#gnav.common .navTop li{padding: 0 5px;}
#gnav.common .navTop li:not(:last-of-type){border-right:1px dashed #666;}
#gnav.common .navTop li a{border-bottom:5px solid #ffff00; position:relative;}
#gnav.common .navTop li a:after{content:"";display:block;width:1em;height:1em;position:absolute;top:50%;right: 10%;transform: rotate(45deg) translate(0%,-60%);border:2px solid transparent;border-top-color: rgba(255,255,255,0.4);border-right-color: rgba(255,255,255,0.4);}
#gnav.common .navTop li.active a{opacity:0.7;}
#gnav.common .navTop li.active a:after{display:none;}
#gnav.common .navTop .logo{position:relative; width:18%;}
#gnav.common .navTop .logo .logoBox{position:absolute;top: -40px;left:50%;transform:translate(-50%,0);}
#gnav.common .navTop .txt.top{display:block; text-align:center; color:#ffe600; font-size:9px;}
#gnav.common .navTop .txt.bottom{display:block; text-align:center; font-weight:bold; font-size:17px; line-height:1.5;}
#gnav.common .navBottom{padding: 6px 0;background:rgba(51,51,51,0.7);border:1px solid #000;}
#gnav.common .navBottom a{padding-left:12px;position:relative;}

/*下層*/
#gnav.common.under{position:relative; z-index:999;}
#gnav.common.under > .sectionInner{padding: 0 0 0;}
#gnav.common.under .navTop li.gnav04{border-right:none;}
#gnav.common.under .navTop li.gnav_class{width:14%;text-align:center;position: relative;}
#gnav.common.under .navTop li.gnav_class .btn{width: 95%;border-left:1px solid #999;border-bottom:1px solid #999;padding: 10px 0;position: absolute;top: -7px;left: 0; cursor:pointer; text-align:center;
    /* backgroundの設定 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(179,179,179,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(179,179,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(179,179,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
}
#gnav.common.under .navTop li.gnav_class .btn:after{width:0;height:0;top:initial;bottom: -5px;left:50%;transform:translate(-50%, 0);border:6px solid transparent;border-top-color:#999999;}
#gnav.common.under .navTop li.gnav_class .gnav_classList{position:absolute;top: calc(100% + 7px);left:0;width: 95%;visibility:hidden;box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul{background: #333333;border: 1px solid #ccc;border-top: none;}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li{padding:0 5px;}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li:not(:last-of-type){border-bottom:1px solid #ccc;}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li a{border:none; padding:5px 0;}
#gnav.common.under .navBottom{background: rgba(51,51,51,0.6);}

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{display:block;vertical-align:bottom;}
#breadcrumbArea > .breadcrumbInner{padding:5px 0;}
#breadcrumbArea ul{display:table;}
#breadcrumbArea ul li{font-size:14px; display:table-cell; white-space:nowrap; float:none;}
#breadcrumbArea ul li p span{display:inline-block; height:100%;}
#breadcrumbArea ul li a{display: block;color: #4D4D4D;text-decoration: none;}
#breadcrumbArea li a:after{content:">";display:inline;padding:0 0.5em;color: #4D4D4D;}
#breadcrumbArea ul li a img{padding-bottom: 1px;width: auto;height: 100%;display: inline-block;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection > .mainSectionInner{width: 950px;margin: 0 auto;padding: 40px 0 45px;}
.secBox > .sectionInner{width: 950px;margin:0 auto;padding: 30px 0 45px;}
.secBox .inSec{width:auto;margin:0 auto;}
.titleBox{/*font-size:34px; margin-bottom:30px;*/}
.titleBox h2{/*font-size:34px; margin-bottom:30px;*/}
.titleBox h3{/*font-size:34px; margin-bottom:30px;*/}

/*セクション タイトルのスタイル*/
.title_common{}
.title_common .txtTop{color:#000; display:block; font-size:13px; line-height:1; margin-bottom:10px; }
.title_common .txtTop:after{content:""; display:block; margin:0 auto; width:230px; height:5px; margin-top:3px; background:#ffe600; transform:skewX(45deg); }
.title_common .txtBottom{color:#000; display:block; font-size:30px; line-height:1; padding:0; }

/*会場・住所などのスタイル　例：（会場）テキストテキスト */
.info{overflow:hidden;}
.info *{line-height:1;}
.info > .title{float:left;clear:both;display: block;width: 60px;padding: 3px 0px;text-align: center;color:#fff;background:#333;font-size:11px;border-radius:10px;}
.info > .title:not(:last-of-type){margin-bottom: 10px;}
.info > .txt{float:left;color:#333;font-weight:bold;margin-left:10px;padding: 2px 0px;}


.info > .sougoLink{float:none; font-size:20px; padding-left:0.3em; vertical-align:middle; width: 360px;}
.icon{width:24px;}
.iconBox{ padding-left:0.5em; vertical-align:middle;}
.sougoLinkTitle{font-size:16px; font-weight:bold;margin-bottom:10px; margin-left: 6px;}
.sougoAddress{font-size:15px;  padding-left:0.5em; vertical-align:middle;}
/*arrow*/
.arrow_y{position:relative; padding-left:12px;}
.arrow_y:before{content:""; display:inline-block; width:0;height:0;border:6px solid transparent;border-left-color:#ffe600; position:absolute; top:50%; left:0; transform:translate(0,-50%);}

/*color*/
.colorPink{color:#ed1e79;}

/*----- 左カラム -----*/
#contentsArea .col_L{width: 700px;}
/*----- 右カラム -----*/
#contentsArea .col_R{width:216px;}


/*----------------------------------------------------------------------------
***                                                               formBtnArea
----------------------------------------------------------------------------*/
.formBtnArea{background:#fff;}
.formBtnArea.type01{background:url(/common_images/bk_area01.jpg) no-repeat center center / cover;}
.formBtnArea.type02{background:url(/common_images/bk_area02.jpg) no-repeat center center / cover;}
.formBtnArea.type03{background:url(/common_images/bk_area03.jpg) no-repeat center center / cover;}
.formBtnArea{padding:30px 0;}
.formBtnArea .formBtnInner{width: 946px;margin: 0 auto;padding: 65px 20px;background: url(/common_images/bk_btn_area.png) no-repeat center center;background-size: 100% auto;}
.formBtnArea .formBtnInner .titleBox{padding: 50px 0 0 300px;}
.formBtnArea .formBtnInner .titleBox .btnBox{display:table;}
.formBtnArea .formBtnInner .titleBox .btnBox > *{display:table-cell;}
.formBtnArea .formBtnInner .titleBox .btnBox p{padding: 0 5px;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                            サイドバー
----------------------------------------------------------------------------*/
/*----- newScBox -----*/
#newScBox{margin:20px 0; padding:15px 10px 10px; border:5px solid #ffe600;}
#newScBox h3{line-height:1.3;}
#newScBox h3 .txtTop{font-size:14px; display:block;}
#newScBox h3 .txtBottom{font-size:22px; display:block;}
#sclistLi{overflow:auto; height:280px;}
#sclistLi *{line-height:1.3;}
#sclistLi a{color:#0071bc;}
#sclistLi ul li{padding:5px 0; border-bottom:1px dashed #b3b3b3;}
#sclistLi ul li dt{margin-bottom:5px;}
#sclistLi ul li dt .dayD{padding-right:5px;}
/*スクロールバー*/
#sclistLi .mCSB_inside > .mCSB_container{margin-right: 10px;}
#sclistLi .mCSB_scrollTools{width:5px;}
#sclistLi .mCSB_dragger .mCSB_dragger_bar{background-color:#b0b0b0; width:5px; border-radius:0;}
#sclistLi .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#b0b0b0;}
#sclistLi .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#b0b0b0;}
#sclistLi .mCSB_scrollTools .mCSB_draggerRail{width:5px; background:#e3e3e3; border-radius: 0;}


.sideSec{margin-bottom:15px;}
.sideSec ul li:not(:last-of-type){margin-bottom:15px;}
/*----- side_banner -----*/

/*----- side_class_list -----*/
#side_class_list ul li:not(:last-of-type){margin-bottom:2%;}

/*----- side_logo -----*/
#side_logo .logoTop{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #999999;}
#side_logo .logoBottom{margin-bottom:15px;}

/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
/*----- 【ページトップへスライド】 -----*/
#tpbtn{
    width:3.5em;
    height:3.5em;
    z-index:9998;
    position:fixed;
    right:2%;
    bottom: 5%;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
#tpbtn a {display:block; width:100%; height:100%;}
#tpbtn a img{display:block; width:100%; height:auto;}

/*----- 【右サイドの一覧バナー】 -----*/
#sideBnr_schoolList{display:block; position:fixed; top:50vh; right:0; transform:translateY(-50%); border:2px solid #fff; border-right:none; border-radius:5px 0px 0px 5px; overflow:hidden; box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.3);}

.sideBnr_fixed{}
#sideBnr_schoolList{right: -7px;border: none; -webkit-box-shadow: none; box-shadow: none;}
#sideBnr_schoolList .btn_schoolList{border: 2px solid #fff;-webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); width: 70px; margin: 0 auto;}

/*----- 【フッター】 -----*/
#footerArea{background:#000;}
#footerArea .boxTop{width: 950px;margin:0 auto;padding:45px 0;}
#footerArea .link{padding:0.5em 0;}
#footerArea .link a{font-size:13px; color:#fff; text-decoration:none;}

#footerContentList{}
#footerContentList a{color:#fff;}
#footerContentList .boxL{padding-right:50px;}

#addressBox{display:inline-block; padding-left:30px;}
#addressBox dl dt{display:inline-block;padding:0 5.5em;font-size:12px;color: #000;background: #ffe600;}
#addressBox dl dd .txtTel{margin:1em 0;}
#addressBox dl dd .txt01{font-size: 1rem;}
#addressBox dl dd p{font-size:13px; line-height:1.5;}
#addressBox p{color:#e3e3e3;}
#addressBox p a{color:#e3e3e3;}
#copy{padding:10px 0; border-top:2px solid #ffe600;}
#copy p{color:#b0b0b0;}

#snsLinkBox{}
#snsLinkBox ul{display: -webkit-box;display: -ms-flexbox;display: flex; margin: 20px auto 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#snsLinkBox li{margin-right: 50px;}
#snsLinkBox li:last-child{margin-right: 0;}

/*----- 【生徒様アンケート】 -----*/
#studentQreBox{background: repeating-linear-gradient(-45deg, rgb(255 245 167), rgb(255 245 167) 2px, rgba(255, 255, 255, 1) 2.5px, rgba(255, 255, 255, 1) 8px);font-size: 14px;}
#studentQreBox .studentQreBoxInner{padding: 2em;}
#studentQreBox .ttl{font-size: 200%; text-align: center; font-weight: bold;}
#studentQreBox .ttl .underLine{border-bottom: 2px solid #333; padding: 0 0.3em;}
#studentQreBox .txt{margin: 1.2em 0; text-align:center; font-size: 95%;}
#studentQreBox .studentQreUl{display:flex; justify-content:space-between;}
#studentQreBox .studentQreLi{background: #fff; border: 1px solid #333; width: 22%; padding: 1em;}
#studentQreBox .studentQreDt{text-align: center;margin-bottom: 0.5em;}
#studentQreBox .studentQreDt .itemName{font-size:95%;}
#studentQreBox .studentQreDt .percentage{font-size: 180%;}
#studentQreBox .studentQreDd{text-align:center;}
#studentQreBox .detailBtnBox{margin-top:2em;}
#studentQreBox .detailBtn{display: block; font-weight: bold; background: #fce500; border: 1px solid #333; max-width: 330px; padding: 0.5em 1em; text-align:center; border-radius: 2em; margin: 0 auto; color: #333;line-height: 1.3;}
#studentQreBox .detailBtn:hover{text-decoration: none;}
#studentQreBox .detailBtn .period{font-size: 90%;}
#studentQreBox .detailBtn .btnTxt{font-size: 110%;}