.blogroll .section-box .section-title .tit.a-1{
    background: url(../images/nav_2s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-2{
    background: url(../images/nav_3s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-3{
    background: url(../images/nav_4s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-4{
    background: url(../images/nav_5s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-5{
    background: url(../images/nav_6s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-6{
    background: url(../images/nav_7s.png) left center no-repeat;
}
.blogroll .section-box .section-title .tit.a-7{
    background: url(../images/nav_8s.png) left center no-repeat;
}


@media screen and (max-width: 750px) {
    .blogroll .section-box .section-title {
        margin-bottom: 0;
    }
    .blogroll .section-box ul li {
        width: 48%;
        margin-top: 2rem;
        margin-left: 3%;
        margin-right: auto;
        margin-bottom: auto;
    }
    .blogroll .section-box ul li:nth-child(2n-1) {
        margin-left: 0;
    }
    .blogroll .section-box ul li a:hover {
        letter-spacing: unset;
        font-size: 16px;
    }
}