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


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0; padding:0;}
#wrap{width:100%; margin:0 auto;}

.wt90{width:90%; margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header{background:#fff;/* border-top:3px #666 solid; */margin:0;padding:0;position:sticky;top:-40px;border-bottom:#CCC 1px solid;z-index:9999;margin-bottom:0;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}

#headerAreaLogo{float:left;width:32%;margin: 2% 0 2% 3%!important;}
#headerAreaLogo h1 img{display:block;}
#headerAreaLogo .ttlTxt {font-size: 12px;color: #333333;font-weight: bold;position: absolute;top: 3px;width: 100%;text-align: center;left:0;line-height: 1.6;}
#headerAreaLogo .ttlSub {position: absolute;top: 18px;color: #01b8cc;font-size: 12px;text-align: center;width: 100%;font-weight: bold;left:0;line-height: 1.6;margin: 0;}
#headerLink{float:left; width:20%; margin:2% 1% 2% 2%;}
#headerLink li{display:inline-block; width:100%;}
#headerArea .menu{float:right;margin-top: 0%;margin-bottom: 0;/* padding-top:3px; */width: 13%;}
#headerArea .menu.menuLogin{margin-top: 0;margin-right: -2%;}
#headerArea .menu.tel{}
#headerArea .menu.houjin{}
#headerArea .menu.kids{}
#headerArea #menuBtn.menu{padding-top:0;margin-top: 0%!important;width:15%;}
.landscape #headerAreaLogo{margin: 1.5% 0 1% 3%!important;}
.landscape #headerArea .menu{width: 7%;}
.landscape #headerArea .menu.menuLogin{margin-top: 0;margin-right: 2%;}
.landscape #headerArea .menu.menuHoujin{}
.landscape #headerArea .menu.menuKids{}

#hNavi{width:60px; position:fixed; z-index:999; top:0; margin-left:900px;}
#hNavi ul{display:none;}

/*#breadcrumbArea{display:none;}*/
#headerShadowBox{margin:0; padding:0; width:100%; height:1px; position:fixed; top:56.25px; z-index:2; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4);}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#headerAreaInner{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}

#navAreaInner{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background:#fff;position:relative;z-index:3;-webkit-box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 40%);box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 40%);}
#navAreaInner .listBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#navAreaInner .listBox li{width:calc(100% / 3);}
#navAreaInner .listBox li:not(:last-child){border-right:1px solid #ccc;}
#navAreaInner .listBox a{display: block;color: #4d4d4d;font-weight: 500;font-size: 130%;padding: 0.7em 0.5em 0.7em;text-align: center;width: 100%;position: relative;box-sizing: border-box;text-decoration: none;}
#navAreaInner .listBox a:before{content:""; display:none; width:8px; height:8px; position:absolute; bottom:0.3em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); background:url(/images/top_202102/nav_arrow01.png) no-repeat center/cover;}
#navAreaInner .listBox .listItem_School{padding-left: 1em;background: url(/common_images/2023/gnav_contents01.png) no-repeat top 48% left 0.7em / 1em auto, #b2eaf0;}

.landscape #navAreaInner{width: 65%;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{padding-top:0px;}
#contentsAreaInner{;}
.landscape #contentsArea{width: 65%;float: left;}

/*----------------------------------------------------------------------------
    ***                                                                    Area
----------------------------------------------------------------------------*/
#contBox{float:left;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{position:relative;}
/*.mainSectionInner:before{content:""; display:block; width:100%; height:1px; position:absolute; top:-1px; left:0; z-index:1; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4);}*/

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{ margin:10px;  padding:25px;  border:10px solid #ccc;}
.rightSectionInner{;}
#rightFd{ margin:0 0 10px 0;  padding:0;}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop{text-align:right; margin-top:5px; margin-bottom:10px; clear:both;}

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

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{;}
#footerArea{padding: 0 0%;/* margin-top:7%; */border-top:1px solid #ccc;background:#FFF;}
#footerAreaLink{;}
#footerAreaInner{padding: 1em 5%;}
#footerAreaLogo li{display:inline-block; font-size:100%; text-align:center;}
.topPage #footerCopyright{margin-top:10px;}


#footerArea .tAlignL{text-align:left;}
#footerArea .tAlignC{text-align:center;}
#footerArea .tAlignR{text-align:right;}

/*----------------------------------------------------------------------------
***                                                              antagBox
----------------------------------------------------------------------------*/
#antagBox{ display:none;}

/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0;padding:0;background: #f2f2f2;}
#wrap #headerArea #totp{position:fixed; bottom:0; right:0; z-index:999; width:55px; display:none!important;}
/*【SP版】フォームボタン固定（下部）*/
body.form_fixed_open{padding-bottom:7em;}
.form_fixed{position:fixed; bottom:0; left:0; width:100%; z-index:9; display:none;}
.form_fixed .linkBtnArea{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0.7em 1em 0.7em 1em; width:100%; background:#fff; border-top:1px solid #ccc; -webkit-box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%); box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%);}
.form_fixed .linkBtnArea .linkBox{width:auto; padding:0 0.5em;}
.form_fixed .linkBtnArea .btn_junior{;}
/*【SP版】ピックアップボックス固定（下部）*/
#pickupBottomBox{background-color:#00a1c9; width:100%;}
#pickupBottomBox p{margin:0;}
#pickupBottomBox .pickupBottomBoxInner{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#pickupBottomBox .pickupBottom{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 2%; text-decoration:none; height:4em;}
#pickupBottomBox .closeBtn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:4em; width:30px; padding-right:1%; -webkit-box-sizing:content-box; box-sizing:content-box;}
#pickupBottomBox .closeBtn img{width:18px;}
#pickupBottomBox .pickup{display:block; width:21%; padding-right:2%;}
#pickupBottomBox .txt{display:block; width:auto; font-size:1.3em; color:#fff6ae; font-weight:bold; text-align:center;}
#pickupBottomBox .moreBtn{display:block; width:18%; padding-left:2%;}

/*トップへ*/
.form_fixed .buttonBox{position:relative; width:40px; margin:0 0.5em 0.5em auto;}
.form_fixed .btnTotp{position:relative; margin:0;}

/*----------------------------------------------------------------------------
***                                                                   Header
----------------------------------------------------------------------------*/
#headerAreaInner{border-top: 42px solid #f2f2f2;}
#headerTxt{width:230px; height:51px; position:absolute; left:444px; top:11px;}
#sapriBar{position:absolute; left:542px; top:44px;}
#headerTxt p{margin:0; padding:0;}
#hNavi{width:205px; position:fixed; z-index:999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{position:fixed; z-index:999; top:28px; margin-left:700px;}

/*----------------------------------------------------------------------------
***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{;}

/*----------------------------------------------------------------------------
***                                                                   footer
----------------------------------------------------------------------------*/
#footerCopyright{;}

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

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{width:100%;}
#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;}

/*----------------------------------------------------------------------------
***                                                                  section
----------------------------------------------------------------------------*/