@charset "utf-8";

.sfi-link-list-box {}
.sfi-link-list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    /*flex-flow: column;*/
    flex-wrap: wrap;
    gap: 15px;
}
.sfi-link-list li {
    flex: 0 0 100%;
    padding: 15px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px #00000014;
    border-radius: 10px;
}
.sfi-ll-img-box-link {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 200px;
    width: 56.25%;
    margin-bottom: 15px;
}
.sfi-ll-img-box-link img {
    display: block;
}
.sfi-ll-name {
    margin-bottom: 13px;
    padding: 7px 12px 4px;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    line-height: 1;
    text-align: left;
    background-color: #CCCCCC33;
    border-radius: 6px;
}
.sfi-ll-date-text {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
}

.sfi-ll-link-box .btn-arrow_l {
    width: 100%;
    height: 48px;
    padding-top: 16px;
    padding-left: 2em;
    line-height: 1.0;
    text-align: center;
    color: #333333;
    vertical-align: middle;
    background: linear-gradient(to bottom, #ffffff 0%, #F4F4F4 100%);
    border: 2px solid #CCCCCC;
}
.sfi-ll-link-box .btn-arrow_l::before {
    
}

.sfi-ll-link-box .btn-arrow_l.grad-brown {
    color: #333333 !important;
    border-color: #B3D1DF;
    background: #EBF1F6;
    background: -moz-linear-gradient(top, #ffffff 0%, #EBF1F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #EBF1F6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #EBF1F6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#EBF1F6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#EBF1F6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #EBF1F6 100%);
}

@media screen and (max-width: 989px) {
    #main #first-title.lv2 {
        margin-bottom: 0;
    }
    #seven_finews #teaser {
        margin-bottom: 10px;
    }
    .sfi-link-list-box {
        padding: 20px;
    }
}
@media screen and (min-width: 990px) {
    .sfi-link-list {
        flex-flow: row;
        flex-wrap: wrap;
        gap: 13px 10px;
    }
    .sfi-link-list li {
        flex: 0 0 calc((100% - 20px) / 2);
    }
    .sfi-ll-img-box-link {
        max-width: 180px;
        width: 55%;
    }
    .sfi-ll-img-box-link img {
        
    }
}