.vertical-box-container {
    display: block;
    width: 30%;
}

.side-column{
    flex: 1;
}
.main-column{
    flex: 3;
    margin-left: 2rem;
}
.side-column-cotainer{
    margin-bottom: 1rem;
}
.side-column-answers{
    border: 1px solid #DFDFDF;
    padding: .5rem;
}
.side-column-subject-block{
    margin-bottom: 1rem;
}
.side-head{
    background-color: #0189e8;
    color: #fff;
    border-bottom: 5px solid #0369ab;
    text-align: center;
    border-radius: 5px 5px 0 0;
    padding: .5rem 0;
}
.side-column-subject-head{
    display: flex;
    align-items: center;
    border-bottom: solid 1px #000;
    margin-bottom: 1rem;
}
.side-column-subject-name{
    flex: 2;
    text-align: center;
    color: #fff;
}
.side-column-subject-time{
    flex: 3;
    text-align: right;
}
.side-column-subject-links{
    display: flex;
    flex-wrap: wrap;
}
.side-column-subject-link{
    text-align: center;
    min-width: calc(100% / 3 - 1rem);
    margin: .2rem calc(1rem / 3);
    font-weight: bold;
    cursor: pointer;
}
.side-column-subject-link:disabled{
    cursor: default;
}
.side-column-subject-name[data-subject="geography-history-citizen"]{
    background-color: #6ECF72;
}
.side-column-subject-name[data-subject="japanese"]{
    background-color: #FF7C98;
}
.side-column-subject-name[data-subject="english"]{
    background-color: #DCC81C;
}
.side-column-subject-name[data-subject="rika"]{
    background-color: #E766FD;
}
.side-column-subject-name[data-subject="suugaku1"], .side-column-subject-name[data-subject="suugaku2"]{
    background-color: #4A85D1;
}
.side-column-subject-name[data-subject="jouhou"]{
    background-color: #39486A;
}
.side-column-subject-link[data-subject="geography-history-citizen"]{
    border-color: #6ECF72;
    background-color: #C8E0C9;
}
.side-column-subject-link[data-subject="japanese"]{
    border-color: #FF7C98;
    background-color: #ECCBD2;
}
.side-column-subject-link[data-subject="english"]{
    border-color: #DCC81C;
    background-color: #efeac1;
}
.side-column-subject-link[data-subject="rika"]{
    border-color: #E766FD;
    background-color: #f8e4fb;
}
.side-column-subject-link[data-subject="suugaku1"], .side-column-subject-link[data-subject="suugaku2"]{
    border-color: #4A85D1;
    background-color: #d5e0ef;
}
.side-column-subject-link[data-subject="jouhou"]{
    border-color: #39486A;
    background-color: #eef3ff;
}

.main-subject-title-text{
    font-size: 3.6rem;
}
.advice-grade{
    transform: translate(-1.8rem);
}
.average-table{
    width: 550px;
}
.sns-cnt-txt:after {
    top: 0;
}