@charset "utf-8";

.inv_hz_link_group {
    max-width: 1000px;
    margin: 2rem auto;
}

.inv_hz_link_title {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

.inv_three_title {
    border-bottom: solid 2px #e1e1e1;
    color: var(--main-color);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .5rem;
    text-align: center;
}

.inv_hz_link {
    display: flex;
    gap: 20px;
    width: 100%;
}

.inv_hz_link p {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.inv_hz_link a {
    background-color: #f5f5f5;
    border: solid 2px var(--accent-color);
    color: var(--accent-color);
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}

.inv_hz_link a:hover {
    color: var(--hover-link-color);
}

.inv_hz_h2 {
    font-size: 1.7rem;
    text-align: center;
}

.inv_hz_h2 span {
    font-size: .8em;
}

.inv_border {
    border-top: solid 3px #ccc;
    display: block;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .inv_hz_link_group {
        width: 90%;
    }
}