/* Generated by tools/build-school-header-css.py */
.school-shared-header{--site-rem:16px;--basic-black:#212121;--basic-middlegray:#454545;--basic-border:#e9e9e9;--basic-pale:#f9f9f9;--typeA-main:#398a8f;--typeA-dark:#0f3233;--typeA-bg3:#f6f9f8;--transition:all .4s ease;font-size:var(--site-rem);line-height:1.3;color:#000}
.school-shared-header *{box-sizing:border-box;margin:0;padding:0}
.school-shared-header ul,.school-shared-header li{list-style:none}
.school-shared-header button{border:0;background-color:transparent;cursor:pointer}
.school-shared-header a{color:inherit;text-decoration:none}
.school-shared-header .container{width:90%;max-width:1200px;margin:0 auto;padding:0 calc(var(--site-rem)*.75)}
.school-shared-header .tablet{display:none!important}
.school-shared-header .sticky_sidemenu{display:none}
@media(max-width:1560px){.school-shared-header{--site-rem:15.5px}}
@media(max-width:1440px){.school-shared-header{--site-rem:15px}}
@media(max-width:1380px){.school-shared-header{--site-rem:14.5px}}
@media(max-width:1200px){.school-shared-header{--site-rem:14px}}
@media(max-width:1024px){.school-shared-header{--site-rem:16px}.school-shared-header .tablet{display:block!important}.school-shared-header .container{width:100%;padding:0 calc(var(--site-rem)*1.6)}}
@media(max-width:767px){.school-shared-header{--site-rem:10px}}
@media(max-width:320px){.school-shared-header{--site-rem:9px}}
.school-shared-header .header-wrap{ position: relative; background-color: #fff; transition: all 0.3s ease 0s; border-bottom: 1px solid #e9e9e9; z-index: 1002; }
.school-shared-header .header-title{ position: relative; width:100%; height:4em; }
.school-shared-header .header-title .container{ display: flex; justify-content:space-between; align-items: center; width:100%; height: 100%; }
.school-shared-header .header-title .container > div{ display: flex; align-items: center; }
.school-shared-header .header-title .title-logo{ align-self: center; }
.school-shared-header .header-title .title-logo img{ width: auto; height: 1.625em; }
.school-shared-header .header-title .biz_area{ position:relative; display:flex; justify-content:center; align-items: center; gap:1em; margin-left:1.875em; padding-left:1.875em; border-left:1px solid #DCDCDC; }
.school-shared-header .header-title .biz_area input{ display:none; }
.school-shared-header .header-title .biz_area label{ display:flex; justify-content:center; align-items: center; gap:1em; }
.school-shared-header .header-title .biz_area label > p{ font-size:1.25em; font-weight:500; }
.school-shared-header .header-title .biz_area .toggle_bg{ position: relative; display:block; width:3.75em; height:1.975em; background-color:#dcdcdc; border-radius:5em; transition:all ease-in-out .3s; }
.school-shared-header .header-title .biz_area .toggle_bg:before{ position:absolute; content:''; top:2px; left:2px; width:calc(1.975em - 4px); height:calc(1.975em - 4px); background-color:#fff; border-radius:5em; transition:all ease-in-out .3s; }
.school-shared-header .header-title .biz_area input:checked + .toggle_bg{ background-color:#189766; }
.school-shared-header .header-title .biz_area input:checked + .toggle_bg:before{ left:calc(100% - 1.975em + 2px); }
.school-shared-header .header-title .nav_area nav ul,.school-shared-header .header-title .nav_area .link_area{ display:flex; justify-content:flex-end; align-items: center; }
.school-shared-header .header-title .nav_area .link_area{ margin-left:5em; padding-left:5em; border-left:1px solid #DCDCDC; gap:2em; }
.school-shared-header .header-title .nav_area nav ul{ gap:4em; }
.school-shared-header .header-title .nav_area nav ul li a{ font-size:1.125em; font-weight:600; }
.school-shared-header .header-title .nav_area .link_area li a{ display:flex; justify-content:center; align-items: center; gap:0.375em; }
.school-shared-header .header-title .header-title-search{ position: absolute; top: 24px; left: 50%; width: 400px; transform: translateX(-50%); }
.school-shared-header .header-title .header-title-search .eyoom-form .input{ margin-bottom: 0; }
.school-shared-header .header-title .header-title-search .eyoom-form .input input{ height: 42px; border: 2px solid #000; color: #000; border-radius: 5px; }
.school-shared-header .header-title .header-title-search .eyoom-form .input input:focus{ border-width: 2px !important; border-color: #000 !important; }
.school-shared-header .header-title .header-title-search .eyoom-form .input-button .button{ height: 42px; line-height: 42px; font-size: calc(var(--site-rem) * 1.25); padding: 0 15px; background-color: #000; color: #fff; top: 0; right: 0; border-left: 0; opacity: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.school-shared-header .header-title .header-title-btn{ position: absolute; top: 30px; right: 12px; height: 30px; }
.school-shared-header .header-title .header-title-btn .title-btn{ position: relative; float: left; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in{ position: relative; width: 120px; height: 30px; line-height: 30px; background: #1d1d26; text-align: left; font-size: calc(var(--site-rem) * 0.9375); color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: flex; justify-content: space-between; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in.title-btn-navy{ background: #3f4678; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in:hover{ opacity: 0.9; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in .title-btn-text{ font-size: calc(var(--site-rem) * 0.9375); color: #fff; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in i{ display: block; position: absolute; top: 7px; right: 10px; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in .badge{ position: absolute; top: 7px; right: 7px; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in .badge-indigo{ background: #3f4678; }
.school-shared-header .header-title .header-title-btn .title-btn .title-btn-in .badge-dark{ background: #1d1d26; }
.school-shared-header .header-title-mobile-btn{ display: none; position: absolute; top: 30px; right: 10px; }
.school-shared-header .header-title-mobile-btn .navbar-toggler{ font-size: calc(var(--site-rem) * 1.5); padding: calc(var(--site-rem) * 0.25) calc(var(--site-rem) * 0.75); line-height: 1; }
.school-shared-header .header-title .container .nav,.school-shared-header .header-title .container .snb{ display: flex; justify-content: center; height:100%; }
.school-shared-header .header-title .container .nav > li,.school-shared-header .header-title .container .snb > li{ position:relative; display:flex; justify-content: center; align-items: center; border-bottom:2px solid transparent; }
.school-shared-header .header-title .container .nav > li > a{ display: block; font-size: 1.125em; padding: 0 calc(var(--site-rem) * 1.25); color:#323232; font-weight:600; }
.school-shared-header .header-title .container .nav > li > a img{ width:1.5em; }
.school-shared-header .header-title .container .snb > li > a{ display:flex; justify-content: flex-start; align-items: center; gap:.25em; padding: 0 calc(var(--site-rem) * 1); color:#323232; font-weight:600; }
.school-shared-header .header-title .container .nav > li.on,.school-shared-header .header-title .container .snb > li.on{ border-color:#398A8F; }
.school-shared-header .header-title .container .nav > li.on > a,.school-shared-header .header-title .container .snb > li.on > a{ color:#398A8F; }
.school-shared-header .header-title .container .nav > li .sub_nav,.school-shared-header .header-title .container .snb > li .sub_nav{ position:absolute; top:100%; left:0; display:none; padding-top:1em; padding-left:calc(var(--site-rem) * 1.25); width:calc(100% + 2em); z-index: 2; }
.school-shared-header .header-title .container .nav > li .sub_nav{ padding-left:calc(var(--site-rem) * 1.25); }
.school-shared-header .header-title .container .nav_open.on .nav > li .sub_nav,.school-shared-header .header-title .container .nav_open.on .snb > li .sub_nav{ display:block; }
.school-shared-header .header-title .container .nav > li .sub_nav a,.school-shared-header .header-title .container .snb > li .sub_nav a{ display:block; padding:calc(var(--site-rem) * .35) 0; color:#323232; font-weight:600; white-space:nowrap; }
.school-shared-header .header-title .container .nav > li .sub_nav a:hover,.school-shared-header .header-title .container .snb > li .sub_nav a:hover{ color:#398A8F; }
.school-shared-header .header-title .container .nav > li > span{ display:none }
.school-shared-header .header-title .container .nav li .sub_nav_area{ display:none; background: #FFF; position: absolute; left: 0; right: 0; padding-left: calc((100% - 1400px)/2); padding-bottom: 0; }
.school-shared-header .header-title .container .nav li.on .sub_nav_area{ display: flex; }
.school-shared-header .header-title .container .nav li .sub_nav_area .txtarea{ font-size: 48px; color: var(--main--blue); font-weight: 800; line-height: 1.2; margin-top: 24px; padding-top: 16px; min-width: 338px; border-right: 1px solid #F1F2F5; text-align: left; margin-bottom: 40px; }
.school-shared-header .header-title .container .pc_area{ position: relative; }
.school-shared-header .header-title .container .pc_area > a{ display: inline-block; color: #FFF; width: 85px; line-height: 40px; border: 1px solid var(--main--blue); border-radius: 4px; text-align: center; box-shadow: 4px 4px 10px 0px #0000000D; background: rgba(28, 94, 147, .05); }
.school-shared-header .header-title .container.fixed .pc_area > a{ color: var(--dark-blue); }
.school-shared-header .header-title .container.fixed .lang > a{ color:var(--black) }
.school-shared-header .header-title .container .lang > a.lang_on{ font-weight:700; background: var(--main--blue); color: #FFF; }
.school-shared-header .header-title .container .nav_btn{ position:relative; display:none; flex-direction: column; justify-content: space-between; align-items: center; width:1.5em; height:17px; z-index: 999; }
@media screen and (max-width:1024px){.school-shared-header .header-title .container .nav_btn{
        display:flex;
    }
.school-shared-header .header_left{
        position:relative;
        z-index: 999;
    }
.school-shared-header .header-title .container .nav,.school-shared-header .header-title .container .snb{
        display:block;
    }
.school-shared-header .header-title .container .nav_open.on .nav > li .sub_nav,.school-shared-header .header-title .container .nav_open.on .snb > li .sub_nav{
        display:none;
    }
.school-shared-header .header-title .container .nav_open .nav > li.on .sub_nav,.school-shared-header .header-title .container .nav_open .snb > li.on .sub_nav{
        display:block;
    }
.school-shared-header .header-title .container .nav{
        padding-top:1.5em;
        border-top:1px solid #E9E9E9;
        height:auto;
    }
.school-shared-header .header-title .container .nav > li,.school-shared-header .header-title .container .snb > li{
        display:block;
        padding:.75em 1em;
    }
.school-shared-header .header-title .container .nav > li a,.school-shared-header .header-title .container .snb > li a{
        padding:0;
        font-weight:700;
        color:#454545;
    }
.school-shared-header .header-title .container .nav_open .nav > li.on .sub_nav,.school-shared-header .header-title .container .nav_open .snb > li.on .sub_nav{
        padding:1em .5em 0;
    }
.school-shared-header .header-title .container .nav > li.on,.school-shared-header .header-title .container .snb > li.on{
        border-color:transparent;
    }
.school-shared-header .header-title .container .nav > li .sub_nav a,.school-shared-header .header-title .container .snb > li .sub_nav a{
        color:#979797;
        font-weight:500;
    }
.school-shared-header .header-title .container .nav > li.on > a,.school-shared-header .header-title .container .snb > li.on > a,.school-shared-header .header-title .container .nav > li.on .sub_nav a,.school-shared-header .header-title .container .snb > li.on .sub_nav a{
        color:#398A8F;
    }
.school-shared-header .header-title .container .nav > li .sub_nav,.school-shared-header .header-title .container .snb > li .sub_nav{
        position:relative;
        left:auto;
        padding:0 .5em;
    }}
@media screen and (max-width:425px){.school-shared-header .header-title{
        height:6em;
    }
.school-shared-header .header-title .container{
        height:4em;
    }
.school-shared-header .header-title .container.mobile{
        height:auto;
    }
.school-shared-header .header-title .container.mobile ul{
        display:flex;
        justify-content: space-between;
        align-items: center;
        gap:1em;
    }
.school-shared-header .header-title .container.mobile ul li a{
        display:block;
        padding:.25em .5em;
        font-size:1em;
        color:#969696;
    }}
.school-shared-header .header{position: relative;}
.school-shared-header .header .top_banner{ position: relative;  width: 100%;  height: calc(var(--site-rem) * 3);  background: linear-gradient(90deg, var(--typeA-main) 0%, var(--typeA-dark) 100%); display: flex;  align-items: center;  justify-content: center; transition: var(--transition); display: none;}
.school-shared-header .header .top_banner.hide{margin-top: calc(var(--site-rem) * -3);}
.school-shared-header .header .top_banner .container{position: relative;}
.school-shared-header .header .top_banner .txtbox{ display: flex;  align-items: center; justify-content: center;  gap: calc(var(--site-rem) * 0.5);  font-size: calc(var(--site-rem) * 0.938);  font-weight: 500;  line-height: 133%;  letter-spacing: -0.04em;  color: #fff;}
.school-shared-header .header .top_banner .txtbox .bold{font-weight: 700;}
.school-shared-header .header .top_banner .txtbox .color{ color: #79fff8;}
.school-shared-header .header .top_banner .txtbox .icon{ width: calc(var(--site-rem) * 1.75); min-width: unset;}
.school-shared-header .header .top_banner .close_btn{background: url(/theme/eb4_basic/img/common/topbanner_close.svg) no-repeat center / contain;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);   width: calc(var(--site-rem) * 1.5);  aspect-ratio: 1 / 1;}
.school-shared-header .header .h_bottom{position: relative; width: 100%; background: #fff;}
.school-shared-header .header .h_bottom::before{ content: ""; position: absolute;  left: 0;  top: calc(var(--site-rem) * 4.375);   width: 100%;  height: 0;  background: #fff;  transition: var(--transition);}
.school-shared-header .header .h_bottom::after{ content: ""; position: absolute;  left: 0;  top: calc(var(--site-rem) * 4.375);   width: 100%;  height: 1px;  background: var(--basic-border);}
.school-shared-header .header .h_inner{ position: relative; height: calc(var(--site-rem) * 4.375); display: flex; align-items: center;  justify-content: space-between; gap: calc(var(--site-rem) * 2.5);}
.school-shared-header .header .h_inner .h_logo{width: calc(var(--site-rem) * 4.625);}
.school-shared-header .header .h_inner .h_logo a{width: 100%; display: flex; align-items: center; justify-content: center;}
.school-shared-header .header .h_inner .back_btn{display: none;}
.school-shared-header .header .h_inner .home_btn{display: none;}
.school-shared-header .header .h_inner .h_nav{ display: flex; align-items: flex-start; gap: calc(var(--site-rem) * 1.75);}
.school-shared-header .header .h_inner .h_nav:not(.h_side){flex: 1;}
.school-shared-header .header .h_inner .h_nav > li > .link{height: calc(var(--site-rem) * 4.375);  position: relative; font-weight: 500; font-size: calc(var(--site-rem) * 1);  line-height: 100%; color: var(--basic-black); transition: var(--transition); display: flex; align-items: center;  gap: calc(var(--site-rem) * 0.125);}
.school-shared-header .header .h_inner .h_nav > li > .link::before{content: "";  position: absolute;   left: 0;  top: 0;  width: 100%;  height: calc(var(--site-rem) * 6);}
.school-shared-header .header .h_inner .h_nav > li > .link::after{ content: ""; position: absolute; left: 50%;  bottom: 0;  transform: translateX(-50%);  width: 100%;  height: 3px;   background: var(--typeA-main);  transition: var(--transition);  opacity: 0;}
.school-shared-header .header .h_inner .h_nav > li.menu_li > .link::after{width: calc(100% - calc(var(--site-rem) * 1.25)); left: calc(50% - calc(var(--site-rem) * 0.625));}
.school-shared-header .header .h_inner .h_nav > li > .link.point{ font-weight: 500; color: var(--typeA-main);}
.school-shared-header .header .h_inner .h_nav > li > .link.point::after{content: "";}
.school-shared-header .header .h_inner .h_nav > li > .link .icon1{width: calc(var(--site-rem) * 1); margin-right: calc(var(--site-rem) * 0.125);}
.school-shared-header .header .h_inner .h_nav > li > .link .icon2{width: calc(var(--site-rem) * 1.25);}
.school-shared-header .header .h_inner .h_nav > li > .link .iconbox{ position: relative;  display: flex;   align-items: center;  justify-content: center;  width: calc(var(--site-rem) * 1.25);  aspect-ratio: 1 / 1;    margin-right: calc(var(--site-rem) * 0.125);}
.school-shared-header .header .h_inner .h_nav > li > .link .iconbox .before,.school-shared-header .header .h_inner .h_nav > li > .link .iconbox .after{ position: absolute;  left: 50%;   top: 50%;  transform: translate(-50%, -50%);  transition: var(--transition); width: 100%;}
.school-shared-header .header .h_inner .h_nav > li > .link .iconbox .after{ opacity: 0;}
.school-shared-header .header .h_inner .h_nav > li > .link .arrow{background: url(/theme/eb4_basic/img/common/header_arrow.svg) no-repeat center/contain; width: calc(var(--site-rem) * 1.25); aspect-ratio: 1/1; transition: var(--transition);}
.school-shared-header .header .h_inner .h_nav .h_nav_ul{ position: absolute; left: 0;  top: calc(var(--site-rem) * 4.375);   width: 100%;  height: calc(var(--site-rem) * 5.313);  display: flex;  align-items: center;  gap: calc(var(--site-rem) * 2.5);  transition: var(--transition); opacity: 0; pointer-events: none;}
.school-shared-header .header .h_inner .h_nav .h_nav_ul > li > .link{ font-weight: 500; font-size: calc(var(--site-rem) * 0.938);  line-height: 100%;  color: var(--basic-middlegray);}
.school-shared-header .header .h_inner .h_nav .h_nav_ul > li > .link.on{font-weight: 600;color: var(--typeA-main);}
.school-shared-header .header .h_bottom.hover::before{ height: calc(var(--site-rem) * 5.313);}
.school-shared-header .header .h_inner .h_nav > li.on > .link{ font-weight: 600;color: var(--typeA-main);}
.school-shared-header .header .h_inner .h_nav > li.on > .link::after{opacity: 1;}
.school-shared-header .header .h_inner .h_nav > li.on > .link .iconbox .before{opacity: 0;}
.school-shared-header .header .h_inner .h_nav > li.on > .link .iconbox .after{opacity: 1;}
.school-shared-header .header .h_inner .h_nav > li.on .h_nav_ul{opacity: 1; pointer-events: all;}
.school-shared-header .header .h_inner .h_nav .h_nav_ul > li.on > .link{ font-weight: 600;  color: var(--typeA-main);}
.school-shared-header .header .h_inner .h_nav > li.active > .link{ font-weight: 600;color: var(--typeA-main);}
.school-shared-header .header .h_inner .h_nav > li.active > .link::after{opacity: 1;}
.school-shared-header .header .h_inner .h_nav > li.active > .link .iconbox .before{opacity: 0;}
.school-shared-header .header .h_inner .h_nav > li.active > .link .iconbox .after{opacity: 1;}
.school-shared-header .header .h_inner .h_side{gap: calc(var(--site-rem) * 1.25);}
.school-shared-header .header .h_inner .h_side .h_nav_ul{justify-content: flex-end;}
.school-shared-header .navbox{position: fixed; top: 0; left: 100%; width: 100%; height: 100%; box-sizing: border-box;   background-color: #fff; overflow-y: scroll;  overflow-x: hidden; -ms-overflow-style: none; z-index: 1003; display: flex; flex-direction: column; transition: all 0.6s ease; opacity: 0; pointer-events: none; }
.school-shared-header .navbox.open{ opacity: 1; left:0; pointer-events: all;}
.school-shared-header .navbox::-webkit-scrollbar{display: none;}
.school-shared-header .navbox .headbox{ position: relative;  padding: calc(var(--site-rem) * 1.2) calc(var(--site-rem) * 1.6);  display: flex;   flex-direction: column;  gap: calc(var(--site-rem) * 1.2);  background: #fff; border-bottom: 1px solid var(--basic-border);}
.school-shared-header .navbox .headbox .menu_close{background: url(/theme/eb4_basic/img/common/menu_close.svg) no-repeat center / contain; width: calc(var(--site-rem) * 3.2); aspect-ratio: 1 / 1;}
.school-shared-header .navbox .titbox{ padding: calc(var(--site-rem) * 2.4) calc(var(--site-rem) * 1.6) calc(var(--site-rem) * 0.8);}
.school-shared-header .navbox .titbox .tit{font-weight: 600;font-size: calc(var(--site-rem) * 1.4);color: #c1c1c1;}
.school-shared-header .navbox .menuwrap{width: 100%;  flex: 1;  border-bottom: 1px solid var(--basic-border);  padding: 0 calc(var(--site-rem) * 1.6) calc(var(--site-rem) * 4.4);  overflow: auto;  display: flex;  flex-direction: column;   gap: calc(var(--site-rem) * 3);}
.school-shared-header .navbox .menuwrap::-webkit-scrollbar{display: none;}
.school-shared-header .navbox .menubox{width: 100%;}
.school-shared-header .navbox .menubox > li{ display: flex; flex-direction: column; width: 100%;}
.school-shared-header .navbox .menubox > li .acc_tit{cursor: pointer;}
.school-shared-header .navbox .menubox > li .acc_tit,.school-shared-header .navbox .menubox > li .title{  font-size: calc(var(--site-rem) * 1.7);  line-height: 1.3; font-weight: 600;  color: var(--basic-middlegray); padding: calc(var(--site-rem) * 1.2) 0;  flex-direction: row;  justify-content: unset;}
.school-shared-header .navbox .menubox > li .acc_tit{ display: flex;  align-items: center;  justify-content: space-between;  gap: calc(var(--site-rem) * 0.8); border-radius: calc(var(--site-rem) * 0.6); transition: var(--transition);}
.school-shared-header .navbox .menubox > li.special .acc_tit{ color: var(--typeA-main);}
.school-shared-header .navbox .menubox > li .acc_tit .tit{flex: 1;}
.school-shared-header .navbox .menubox > li .acc_tit .arrow{background: url(/theme/eb4_basic/img/common/acc_arrow.svg) no-repeat center/contain; width: calc(var(--site-rem) * 2.4); aspect-ratio: 1/1; transition: var(--transition);}
.school-shared-header .navbox .menubox > li.show .acc_tit{ background: var(--basic-pale); padding: calc(var(--site-rem) * 1.4);}
.school-shared-header .navbox .menubox > li.show .acc_tit .arrow{transform: rotate(180deg);}
.school-shared-header .navbox .menubox > li.special.show .acc_tit{  background: var(--typeA-bg3); color: var(--typeA-dark);}
.school-shared-header .navbox .menubox > li .acc_cont{ display: none;}
.school-shared-header .navbox .menubox > li .acc_cont > li{ position: relative; width: 100%; padding: calc(var(--site-rem) * 1) 0; font-weight: 500;  font-size: calc(var(--site-rem) * 1.6); color: var(--basic-middlegray); padding-left: calc(var(--site-rem) * 2.4);}
.school-shared-header .navbox .menubox > li .acc_cont > li::before{ content: ""; background: url(/theme/eb4_basic/img/common/nav_subicon1.svg) no-repeat center / contain; width: calc(var(--site-rem) * 0.8); height: calc(var(--site-rem) * 0.9); position: absolute; left: calc(var(--site-rem) * 1.2); top: calc(var(--site-rem) * 1);}
.school-shared-header .navbox .menubox > li.special .acc_cont > li{color: var(--typeA-main);}
.school-shared-header .navbox .menubox > li.special .acc_cont > li::before{background-image: url(/theme/eb4_basic/img/common/nav_subicon2.svg);  }
.school-shared-header .navbox .menubox > li .acc_cont > li:nth-child(1){margin-top: calc(var(--site-rem) * 1);}
.school-shared-header .navbox .menubox > li .acc_cont > li:last-child{margin-bottom: calc(var(--site-rem) * 1.4);}
.school-shared-header .navbox .menubox.side_ver{ border-radius: calc(var(--site-rem) * 1.6); padding: calc(var(--site-rem) * 1.3) calc(var(--site-rem) * 1.6); background: var(--basic-pale);}
.school-shared-header .navbox .menubox.side_ver > li .acc_tit{ font-weight: 500; opacity: 0.5; padding: calc(var(--site-rem) * 1.1) 0;}
.school-shared-header .navbox .menubox.side_ver > li .acc_tit .iconbox{ width: calc(var(--site-rem) * 2);  display: flex;   align-items: center;  justify-content: center;  transition: var(--transition); }
.school-shared-header .navbox .menubox.side_ver > li .acc_tit .txt{ flex: 1;  transition: var(--transition);}
.school-shared-header .navbox .menubox.side_ver > li.show .acc_tit{padding: calc(var(--site-rem) * 1.2); background: #f3f3f3;  opacity: 1;}
.school-shared-header .navbox .menubox.side_ver > li .acc_cont > li:nth-child(1){margin-top: calc(var(--site-rem) * 1.2);}
.school-shared-header .navbox .menubox.side_ver > li .acc_cont > li:last-child{margin-bottom: calc(var(--site-rem) * 2.4);}
@media screen and (max-width: 1024px){.school-shared-header .header .h_bottom::before{display: none;}
.school-shared-header .header .h_bottom::after{display: none;}
.school-shared-header .header .h_inner{  height: calc(var(--site-rem) * 8.9);  flex-direction: column;  gap: 0;  align-items: unset; padding-top: calc(var(--site-rem) * 1.6); }
.school-shared-header .header .h_inner .h_logo{  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;}
.school-shared-header .header .h_inner .h_logo a{ width: calc(var(--site-rem) * 5.6);}
.school-shared-header .header .h_inner .back_btn{background: url(/theme/eb4_basic/img/common/back_btn.svg) no-repeat center / contain; width: calc(var(--site-rem) * 3.2); aspect-ratio: 1 / 1;}
.school-shared-header .header .h_inner .menu_open{background: url(/theme/eb4_basic/img/common/menu_open.svg) no-repeat center / contain; width: calc(var(--site-rem) * 2.4); aspect-ratio: 1 / 1;}
.school-shared-header .header .h_inner .home_btn{background: url(/theme/eb4_basic/img/common/home_btn.svg) no-repeat center / contain; width: calc(var(--site-rem) * 2.6); aspect-ratio: 1 / 1; margin-left: auto;}
.school-shared-header .header.detail .h_inner .h_logo a{display: none;}
.school-shared-header .header.detail .h_inner .back_btn{display: block;}
.school-shared-header .header.detail .h_inner .home_btn{display: block;}
.school-shared-header .header .h_inner .h_side{display: none;}
.school-shared-header .header .h_inner .h_nav{ gap: calc(var(--site-rem) * 1.8); justify-content: space-between; overflow: auto;  white-space: nowrap;  padding: 0 calc(var(--site-rem) * 1.6);  margin: 0 calc(var(--site-rem) * -1.6); width: calc(100% + calc(var(--site-rem) * 1.6) * 2); }
.school-shared-header .header .h_inner .h_nav::-webkit-scrollbar{display: none;}
.school-shared-header .header .h_inner .h_nav > li > .link{ height: unset;  font-size: calc(var(--site-rem) * 1.4);  font-weight: 600;  padding: calc(var(--site-rem) * 1.6) 0;}
.school-shared-header .header .h_inner .h_nav > li > .link.point{pointer-events: all;}
.school-shared-header .header .h_inner .h_nav > li > .link::before{display: none;}
.school-shared-header .header .h_inner .h_nav > li > .link::after{width: calc(var(--site-rem) * 0.4);  height: calc(var(--site-rem) * 0.4);  left: unset;  bottom: calc(var(--site-rem) * 3); right: -0.5em; border-radius: 50%;}
.school-shared-header .header .h_inner .h_nav > li.menu_li > .link::after{ width: calc(var(--site-rem) * 0.4); left: unset;}
.school-shared-header .header .h_inner .h_nav > li > .link .arrow{display: none;}
.school-shared-header .header .h_inner .h_nav > li > .link .icon1{ display: none;}
.school-shared-header .header .h_inner .h_nav .h_nav_ul{  left: 0; top: calc(100% + 1px); width: 100vw;  height: unset;overflow: auto; border-bottom: 1px solid #e9e9e9; padding: calc(var(--site-rem) * 1.6) calc(var(--site-rem) * 1.6) calc(var(--site-rem) * 2);  background: #F7F7F7; gap: calc(var(--site-rem) * 1.8) calc(var(--site-rem) * 2); flex-wrap: wrap;}
.school-shared-header .header .h_inner .h_nav .h_nav_ul::-webkit-scrollbar{display: none;}
.school-shared-header .header .h_inner .h_nav .h_nav_ul > li > .link{ font-size: calc(var(--site-rem) * 1.4); font-weight: 600; white-space: nowrap;}
.school-shared-header .header .top_banner{ position: fixed;  left: 0;  top: 0;  width: 100%;   height: 100%;  z-index: 10;  background: rgba(0, 0, 0, 0.4); display: none !important;}
.school-shared-header .header .top_banner .container{ position: absolute; left: 50%;  bottom: 0;  transform: translate(-50%, 0);  background: linear-gradient(180deg, var(--typeA-main) 0%, #0f3233 100%); padding: calc(var(--site-rem) * 3) 0 0;  border-radius: calc(var(--site-rem) * 2) calc(var(--site-rem) * 2) 0 0;  transition: var(--transition);}
.school-shared-header .header .top_banner .txtbox{ letter-spacing: 0; flex-direction: column; gap: 0;}
.school-shared-header .header .top_banner .txtbox .tit{font-weight: 700;font-size: calc(var(--site-rem) * 2.4); line-height: 100%; letter-spacing: -0.04em; text-align: center; color: #fff; order: 2; margin-bottom: calc(var(--site-rem) * 1.4);}
.school-shared-header .header .top_banner .txtbox .desc{ font-weight: 500;  font-size: calc(var(--site-rem) * 1.7);  line-height: 100%; letter-spacing: -0.04em; color: #fff; order: 3;}
.school-shared-header .header .top_banner .txtbox .icon{ order: 1; width: calc(var(--site-rem) * 7.2);  margin-bottom: calc(var(--site-rem) * 2.6);}
.school-shared-header .header .top_banner .container .btn{ font-weight: 700; font-size: calc(var(--site-rem) * 1.6);    text-align: center; color: #fff; background: var(--typeA-main);  height: calc(var(--site-rem) * 5.4);  border-radius: calc(var(--site-rem) * 1); display: flex !important; align-items: center; justify-content: center;  max-width: calc(100% - calc(var(--site-rem) * 2) * 2);margin: calc(var(--site-rem) * 3) auto 0;}
.school-shared-header .header .top_banner .close_btn{ width: calc(var(--site-rem) * 2.4); top: calc(var(--site-rem) * 1.6); right: calc(var(--site-rem) * 1.6);  transform: none;}
.school-shared-header .header .top_banner .today_btn{display: flex !important;  align-items: center;   justify-content: center;  gap: calc(var(--site-rem) * 0.6);  width: 100%;   max-width: calc(100% - calc(var(--site-rem) * 2) * 2);  height: calc(var(--site-rem) * 5.4);  font-size: calc(var(--site-rem) * 1.4);  line-height: 100%;  letter-spacing: -0.04em;  text-align: center; color: #fff; margin: 0 auto;}
.school-shared-header .header .top_banner .today_btn .icon{width: calc(var(--site-rem) * 1.6);}
.school-shared-header .header .top_banner.hide{opacity: 0; pointer-events: none; margin: 0;}
.school-shared-header .header .top_banner.hide .container{  opacity: 0; transform: translate(-50%, calc(var(--site-rem) * 2)); pointer-events: none;}}
@media(min-width:1025px){.school-shared-header .header .h_inner:has(.school-home-nav){gap:calc(var(--site-rem) * 1.25)}
.school-shared-header .header .h_inner:has(.school-home-nav) .h_logo{flex-shrink:0}
.school-shared-header .header .h_inner .school-home-nav{gap:calc(var(--site-rem) * .9);min-width:0}
.school-shared-header .header .h_inner:has(.school-home-nav) .h_side{gap:calc(var(--site-rem) * 1);flex-shrink:0}
.school-shared-header .header .h_inner:has(.school-home-nav) .h_nav>li>.link{white-space:nowrap}}
@media(min-width:1025px) and (max-width:1200px){.school-shared-header .header .h_inner:has(.school-home-nav){gap:calc(var(--site-rem) * .8)}
.school-shared-header .header .h_inner .school-home-nav{gap:calc(var(--site-rem) * .65)}
.school-shared-header .header .h_inner:has(.school-home-nav) .h_nav>li>.link{font-size:calc(var(--site-rem) * .875)}
.school-shared-header .header .h_inner:has(.school-home-nav) .h_side{gap:calc(var(--site-rem) * .75)}}
.school-shared-header .header .h_nav .school-directory-link,.school-shared-header .navbox .school-directory-link{display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;border-radius:100px;background:#333;color:#fff!important;padding:14px 20px!important;font-size:16px!important;font-weight:500;line-height:16px!important;letter-spacing:-.2px;white-space:nowrap}
.school-shared-header .header .school-directory-link i,.school-shared-header .navbox .school-directory-link i{display:block;background:#fff;width:1px;height:10px;flex:none}
.school-shared-header .header .h_inner:has(.school-directory-menu){max-width:1600px}
@media(min-width:1025px) and (max-width:1450px){.school-shared-header .header .h_inner:has(.school-directory-menu){width:96%;gap:calc(var(--site-rem) * .65)}
.school-shared-header .header .h_inner:has(.school-directory-menu) .h_nav{gap:calc(var(--site-rem) * .6)}
.school-shared-header .header .h_inner:has(.school-directory-menu) .h_nav>li>.link{font-size:calc(var(--site-rem) * .85)}
.school-shared-header .header .h_nav .school-directory-link{padding:12px 13px!important;font-size:13px!important;gap:6px!important}
.school-shared-header .header .h_inner:has(.school-directory-menu) .h_logo{width:calc(var(--site-rem) * 5)}}
.school-shared-header .navbox .school-directory-menu{align-items:flex-start;margin:8px 0 14px}
.school-shared-header .header .h_nav>.school-directory-menu{align-self:center;height:auto!important}
.school-shared-header .header .h_nav .school-directory-link{height:44px!important}
@media(min-width:1025px) and (max-width:1450px){.school-shared-header .header .h_nav .school-directory-link{height:40px!important}}
.school-shared-header .header .top_banner{display:flex}
.school-shared-header .header .top_banner.hide{display:none}
.school-shared-header .header .h_nav>li:focus-within .h_nav_ul{opacity:1;pointer-events:auto;background:#fff}
.school-shared-header .header .h_nav_ul{z-index:2;background:#fff}
.school-shared-header .navbox li.show>.acc_cont{display:block}
body.school-navigation-open{overflow:hidden}