main #index a:nth-child(-n + 4) {
    margin-top: 2.666%;
}

main #index a:nth-child(4n) {
    margin-right: 0.666%;
}

main #index a {
    display: block;
    margin: 0;
    width: 250px;
    margin-right: 0.666%;
    margin-top: 2.666%;
    font-size: 17px;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid rgb(var(--main-color));
    border-radius: 20px;
    text-decoration: none;
}

.company-site_column {
    position: relative;
    margin: 0 auto;
    width: 86%;
    max-width: 1800px;
}

@media screen and (max-width: 767px) {
main #index a {
    display: block;
    margin: 0;
    width: 200px;
    margin-right: 0.666%;
    margin-top: 2.666%;
    font-size: 17px;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid rgb(var(--main-color));
    border-radius: 20px;
    text-decoration: none;
}
}

@media screen and (max-width: 475px) {
    main #index .group {
        justify-content: center;
    }
}