.article-bg-content {
    width: 100%;
    padding-top: 31.6%;
    position: relative;
}

.article-main {
    width: 100%;
    display: flex;
    flex-flow: row;
}
.menu {
    width:28%;
}
.main {
    width:44%;
    padding: 3.6rem 1.3rem 1rem 1.3rem;
}
.menu ul {
    width :50%;
    margin: 5rem 9%;
    display: flex;
    flex-flow: column;
    padding: 0;
}
.menu ul li,.menu ul li a{
    height: 4.4rem;
    display: -webkit-inline-flex;
    align-items: center;
    justify-content: center;
}
.menu ul li:first-child a{
    border-top: solid 1px #808080;
}
.menu a {
    width: 100%;
    font-size: 1.5rem;
    height: 100%;
    border-bottom: solid 1px #808080;
}
.menu li:hover a,.active{
    background: #F3FAFF;
}
.school-change {
    margin: 0 2%;
    width:96%;
    padding: 0 0%;
    border-bottom: solid 1px #808080;
    height: 9rem;
    display: -webkit-inline-flex;
    align-items: center;
    justify-content: space-around;
    justify-content: space-evenly;
}
.home-btn {
    width: auto;
    min-width: 14rem;
    padding: 1rem auto;
    background: #C5C5C5;
    font-size: 1.2rem;
    height: 3rem;
    border:none;
}
.btn-active {
    background: #06609E;
}