html {
    scroll-padding-top: 80px;
}

.grants_list .list_box {
    width: 100%;
    max-width: 1140px;
    margin: 100px auto;
}

.grants_list .list_box .map {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 35px;
}

.grants_list .list_box .map figure {
    width: 50%;
}

.grants_list .list_box .map .txt {
    /*width: calc(50% - 35px);*/
    width: 100%;
}

.grants_list .list_box .map .txt p {
    text-align: left;
}

.grants_list .list_box .map .txt ul {
    margin: 50px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.grants_list .list_box .map .txt ul li {
    width: calc((100% - 40px) / 3);
}

.grants_list .list_box .map .txt ul li a {
    background-color: #1E489E;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: 16px 0;
    position: relative;
    width: 100%;
    display: block;
}

.grants_list .list_box .map .txt ul li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    font-size: 0.8rem;
    top: calc((100% - 1rem) / 2);
    right: 10px;
}

.grants_list .list_box .map .txt ul li a:hover {
    background-color: #fff;
    color: #1E489E;
    border: solid 2px #1E489E;
    text-decoration: none;
}

.grants_list .list_box .link {
    margin: 50px 0 0;
}

.grants_list .list_box .link .link_group {
    margin-bottom: 30px;
}

.grants_list .list_box .link .link_group h2::before {
    display: block;
    height: 80px;
    margin-top: -80px;
    content: "";
}

.grants_list .list_box .link .link_group h2 {
    background-color: #1E489E;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: left;
}

.grants_list .list_box .link .link_group ul {
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}

.grants_list .list_box .link .link_group ul li {
    width: calc((100% - (30px * 6)) / 7);
    background-color: #EDF6FF;
    border-radius: 5px;
}

.grants_list .list_box .link .link_group ul li::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    font-size: 0.8rem;
    top: 24px;
    right: 10px;
}

.grants_list .list_box .link .link_group ul li a {
    color: #1E489E;
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    padding: 16px;
}

@media screen and (min-width:768px) and ( max-width:1140px) {
    .grants_list .list_box {
        width: 96%;
        max-width: 100%;
        margin: 80px auto;
    }

    .grants_list .list_box .map {
        gap: 20px;
    }

    .grants_list .list_box .map .txt {
        /*width: calc(50% - 20px);*/
        width: 100%;
    }

    .grants_list .list_box .link .link_group ul {
        gap: 20px;
    }

    .grants_list .list_box .link .link_group ul li {
        width: calc((100% - (20px * 5)) / 6);
    }
}

@media screen and (max-width: 768px){
    .grants_list .list_box {
        width: 96%;
        max-width: 96%;
        margin: 50px auto;
    }

    .grants_list .list_box .map {
        flex-direction: column;
    }

    .grants_list .list_box .map figure {
        width: 100%;
    }

    .grants_list .list_box .map .txt {
        width: 100%;
    }

    .grants_list .list_box .map .txt ul {
        gap: 20px;
    }

    .grants_list .list_box .map .txt ul li {
        width: calc((100% - 20px) / 2);
    }

    .grants_list .list_box .link .link_group ul {
        gap: 30px;
    }

    .grants_list .list_box .link .link_group ul li {
        width: calc((100% - 30px) / 2);
    }
}