/*文字数が多すぎて枠からはみ出る場合は新しくCSSを追加（height）するか文字サイズを調整してください。
（min-heightを使うと、IEでalign-itemsがきかなくなる＋段違いのボックス間で高さが違くなることがあるので固定してます）*/
.compactLinkList {
    border-left: 1px solid #000;
    display: flex;
	flex-wrap: wrap;
    display: flexbox;
}
.compactLinkList li {
    width: 25%;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: -1px;
}
.compactLinkList li a {
    display: flex;
	align-items: center;
    padding: 4% 7%;
    height: 70px;
}
.compactLinkList li a:hover {
    text-decoration: none;
    opacity:0.7;
}

@media (max-width: 767px) {
    .compactLinkList li {
        width: 50%;
    }
}

@media (max-width: 331px) {
    .compactLinkList li a {
        height: 78px;
    }
}