@media (max-width: 768px){header{max-width:768px;width:100%}nav .container-drawer .drawer_bg{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background-color:rgba(51,51,51,0.5)}nav .container-drawer .fixed-header-menu{background-color:rgba(255,255,255,0.9)}nav .container-drawer .fixed-header-menu .flex-container.btn-brand{padding-bottom:3vw;width:90vw;background-color:rgba(255,255,255,0.9)}nav .container-drawer .fixed-header-menu .flex-container.btn-brand.fixed{position:fixed;top:0;left:0;z-index:500;padding-top:10px;padding-right:10vw;width:100vw}nav .container-drawer .fixed-header-menu .flex-container.btn-brand .flex-item.btn-brand{border-right:1px #ccc solid}nav .container-drawer .fixed-header-menu .flex-container.btn-brand .flex-item.btn-brand:last-of-type{border-right:none}nav .container-drawer .fixed-header-menu .flex-item.flex-item__sp-header--btn-open{position:fixed;top:0;right:0;z-index:500;margin-right:2vw;width:15vw}nav .container-drawer .list-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1000;overflow-y:auto;width:75vw;background-color:rgba(10,81,157,0.95);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-transform:translate(75.1vw);-ms-transform:translate(75.1vw);transform:translate(75.1vw)}nav .container-drawer .list-drawer.open{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}nav .container-drawer .list-drawer .list-item{margin-right:3vw;margin-left:3vw;border-bottom:1px #fff solid;font-size:4vw}nav .container-drawer .list-drawer .list-item.list-item-drawer__btn--close{display:block;margin-right:3vw;text-align:right}nav .container-drawer .list-drawer .list-item:last-of-type{border-bottom:none}nav .container-drawer .list-drawer .list-item a,nav .container-drawer .list-drawer .list-item dl dt{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;height:11vw;color:#fff}nav .container-drawer .list-drawer .list-item dl dt{position:relative}nav .container-drawer .list-drawer .list-item dl dt.city{padding-left:1em;border-top-style:solid;background-color:#0b3f9d}nav .container-drawer .list-drawer .list-item dl dt span{position:absolute;right:1em;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}nav .container-drawer .list-drawer .list-item dl dt span::after{display:inline-block;content:"▼"}nav .container-drawer .list-drawer .list-item dl dt span.hide{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}nav .container-drawer .list-drawer .list-item dl dd{display:none}nav .container-drawer .list-drawer .list-item dl dd ul li{border-top:1px #fff dotted}nav .container-drawer .list-drawer .list-item dl dd ul li:first-of-type{border-top:1px #fff solid}nav .container-drawer .list-drawer .list-item dl dd ul li a{padding-left:1em}nav .container-drawer .list-drawer .list-item dl dd ul li a::before{display:inline-block;content:"･"}nav .container-drawer .list-drawer .list-item.list-item-drawer__top,nav .container-drawer .list-drawer .list-item.list-item-drawer__about,nav .container-drawer .list-drawer .list-item.list-item-drawer__course,nav .container-drawer .list-drawer .list-item.list-item-drawer__price,nav .container-drawer .list-drawer .list-item.list-item-drawer__school,nav .container-drawer .list-drawer .list-item.list-item-drawer__flow,nav .container-drawer .list-drawer .list-item.list-item-drawer__event,nav .container-drawer .list-drawer .list-item.list-item-drawer__faq{padding-left:3em;background-position:2vw 2vw;background-size:2em;background-repeat:no-repeat}nav .container-drawer .list-drawer .list-item.list-item-drawer__top{background-image:url("../../imgs/header/img-icon-drawer-01_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__about{background-image:url("../../imgs/header/img-icon-drawer-02_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__course{background-image:url("../../imgs/header/img-icon-drawer-03_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__price{background-image:url("../../imgs/header/img-icon-drawer-04_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__school{background-image:url("../../imgs/header/img-icon-drawer-05_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__flow{background-image:url("../../imgs/header/img-icon-drawer-06_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__event{background-image:url("../../imgs/header/img-icon-drawer-07_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__faq{background-image:url("../../imgs/header/img-icon-drawer-08_sp.svg")}nav .container-drawer .list-drawer .list-item.list-item-drawer__BIT-CAMPUS-EX{text-align:center}nav .container-drawer .list-drawer .list-item.list-item-drawer__BIT-CAMPUS-EX a{color:#F7E921}
    nav .container-drawer .fixed-header-menu .fixIconBox{
        display: flex;
        position: fixed;
        top: 6px;
        right: 40px;
        z-index: 500;
        margin-right: 2vw;
        width: 18vw;
    }
    nav .container-drawer .fixed-header-menu .fixIconBox .icon:first-child{
        margin-right: 0.5rem;
    }
    nav .container-drawer .fixed-header-menu .fixIconBox .icon img{
        max-width: 40px;
    }
}