.health__article__wrap {
    margin: 2rem auto 1.2rem auto;
    width: 86.5vw;
}

.health__article__wrap h1 {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    margin-top: 1rem;
}

.health__article__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    position: relative;
    padding: 12px 15px 15px 15px;
}

.health__article__list article {
    position: relative;
    border: 1px solid #cecece;
}

.health__article__list article a {
    display: inline-block;
}

.health__article__list a img {
    width: 100%;
}

.health__article__list article .health__article {
    padding: 1.5rem 1.5rem 3rem 1.5rem;
    position: relative;
}


.health__article__list article .health__article a {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    text-decoration: none;
    font-size: 20px;
}

.health__article__list article .health__article a span {
    font-size: 1rem;
    display: inline-block;
    padding-bottom: .1rem;
    border-bottom: 1px solid #222;
}


@media (max-width: 767px) {
    .health__article__wrap h1 {
        font-size: 32px;
    }

    .health__article__list {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 7.5px;
        grid-row-gap: 7.5px;
        padding: 6px 7.5px 7.5px 7.5px;
    }

    .health__article__list article .health__article {
        padding: 1.2rem 1.2rem 2.5rem 1.2rem;
    }

    .health__article__list article .health__article a {
        padding: 1rem;
        font-size: 18px;
    }
}