@charset "UTF-8";
@media screen and (max-width: 750px) {

    #index header,
    #access header,
    #domitory header,
    #features header,
    #instructor header {
        /*height: calc(25vw + 70px);*/
        height:50vw !important;
    }
    header h1 {
        display: block;
        width: 100%;
        height:7rem;
    }
    header h1 img{
        width: initial;
        height:100%;
    }
    header h2 {
        font-size: 3rem;
        text-align: center;
        margin: 0.5em;
        color: rgba(255, 255, 255, 0.7);
    }

    .footer_nav {
        display: none;
    }
    footer {
        text-align: center;
    }
    footer .inner{
        display: block;
    }
    footer .logo {
        width: 100%;
    }
    footer .info {
        width: 100%;
        display: unset;
    }
    footer .info address {
        width: 100%;
        margin: 0 0 1rem;
    }
    footer .info dl {
        width:fit-content;
        margin: auto;
    }
    footer .info dt{
        text-align:left;
    }
    footer .info dd {
        text-align:left;
        width: fit-content;
    }
    footer .logo {
        width: 100%;
        margin: 0 0 5rem;
    }




    /*汎用*/
    .inner{
        width:90%;
    }
    .msg{
        font-size: 2rem !important;
    }
    .msg br{
        display: none;
    }

}