カード

ほげほげ

Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.

ほげほげ

Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.

詳しくはこちら

ほげほげ

Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.

詳しくはこちら

<div class="c-grid">
    <div class="c-grid__u c-grid__u_medium_1of3">
        <div class="c-card">
            <div class="c-card__object"><img src="https://placehold.jp/320x180.png" alt=""></div>
            <div class="c-card__body">
                <h3 class="c-card__title">ほげほげ</h3>
                <p>Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.</p>
            </div>
        </div>
    </div>
    <div class="c-grid__u c-grid__u_medium_1of3">
        <div class="c-card">
            <div class="c-card__object"><img src="https://placehold.jp/320x180.png" alt=""></div>
            <div class="c-card__body">
                <h3 class="c-card__title">ほげほげ</h3>
                <p>Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.</p>
                <p><a class="c-btn">詳しくはこちら</a></p>
            </div>
        </div>
    </div>
    <div class="c-grid__u c-grid__u_medium_1of3">
        <div class="c-card">
            <div class="c-card__body">
                <h3 class="c-card__title">ほげほげ</h3>
                <p>Lorem, ipsum dolor sit amet consectetur adipistur sa sapiente suscipitaliquam placeat perspiciatis.</p>
                <p><a class="c-btn">詳しくはこちら</a></p>
            </div>
        </div>
    </div>
</div>