/* Copyright(c) 2022 RECRUIT CO., LTD. */

/** パンくず横幅(PC用追加定義) */
.breadcrumb ol {
    max-width: 1040px;
}

/** body全体 */
.article-body {
    width: 1040px;
    margin: 40px auto 60px;
}

/** ページタイトル */

.page-title {
    font: normal normal normal 20px/34px Hiragino Sans;
    text-align: center;
    letter-spacing: 0;
    opacity: 1;
    color: #333;
    margin: 32px auto;
}


/** グリッドの枠 */

.grid-outline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    grid-auto-rows: minmax(100px, auto);
}

/** グリッドのリンク */
.grid-case-link {
    text-decoration: none;
    width: 331px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

/** グリッドの1要素 */
.grid-element {
    width: 331px;
    font-size: 0px;
}

/** グリッド内お店写真 */
.grid-element-store-photo {
    border-radius: 8px 8px 0px 0px;
}

.grid-element img {
    width: 331px;
    height: 248px;
    object-fit: cover;
}

.grid-element-case {
    margin: 16px;
}

/** 店舗名 */
.store-info-name {
    font: normal normal normal 18px/24px Hiragino Sans;
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
    color: #333;
}

/** 掲載日 */
.contribution-date {
    font: normal normal normal 12px/26px Avenir Next;
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
    color: #888;
}

/** サムネイル用タイトル */
.eye-catcher-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
    font: normal normal normal 14px/22px Hiragino Sans;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    margin-bottom: 12px;
}

/** 導入サービス */
.service-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 7px auto 0;
}

.service-icons img {
    width: auto;
    height: 21px;
    margin: 0 4px 4px 0;
}

/** ページング */
.paging-outline {
    margin-top: 32px;
    text-align: center;
}