@import url("../tokens.css");

.company-top-page {



    .about-company__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem 2rem;
        padding: 4rem 0;
    }

    .about-company__list .item__link {
        display: block;
        border: var(--c-border) 2px solid;
        border-radius: 10px;
        overflow: hidden;
        height: stretch;
    }

    .item__title {
        font-size: 24px;
        font-weight: bold;
        padding: 10px;
    }

    .item a:hover .item__title {
        background: var(--c-primary);
        color: #ffffff;
    }

    /* SP
================================================*/

    @media screen and (max-width: 768px) {
        .about-company__list {
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            padding: 1rem 0;
        }

        .item__title {
            font-size: 14px;
            padding: 4px;
        }
    }
}