@charset "UTF-8";

/********************************************************************************

資料ダウンロードページ css

********************************************************************************/
/*============================================================
 アーカイブページ用
*============================================================*/
#page-document-list .sec-title {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 32px;
}
#page-document-list .sec-lead {
    text-align: center;
}

/* -----------------------------
 カードスタイル
-------------------------------- */
#page-document-list .block-card {
    margin-top: 80px;
}

/* カード画像 */
#page-document-list .block-card .item .card-image {
    margin-bottom: 16px;
}
#page-document-list .block-card .item .card-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 140 / 93;
    object-fit: cover;
    object-position: top;
}

/* カードラベル */
#page-document-list .block-card .item .card-label {
    display: flex;
    gap: 16px;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 0 16px;
}
#page-document-list .block-card .item .card-label span.tag {
    border: 1px solid;
    padding: 8px;
    border-radius: 16px;
}

/* カードタイトル */
#page-document-list .block-card .item .post-title {
    height: 58px;
    display: -webkit-box;             
    -webkit-box-orient: vertical;      
    overflow: hidden;                  
    text-overflow: ellipsis;           
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 18px;
    font-weight: bold;
    line-height: 160%;
    padding: 0 16px;
    margin-bottom: 16px;
}

/* カード概要 */
#page-document-list .block-card .item .post-summary {
    height: 96px;
    padding: 0 16px;
    margin-bottom: 16px;
    font-size: 14px;
    display: -webkit-box;             
    -webkit-box-orient: vertical;      
    overflow: hidden;                  
    text-overflow: ellipsis;           
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* ボタン */
#page-document-list .block-card .item .btn {
    width: 90%;
    margin: 0 auto 24px;
}
#page-document-list .block-card .item .btn a.btn-download {
    width: 100%;
    display: block;
    background: #39b280;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 24px;
    padding: 8px;
    transition: 0.2s;
}
#page-document-list .block-card .item .btn a.btn-download:hover {
    opacity: 0.5;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    #page-document-list .block-card {
        --col: 1;
    }
}












/* シングルページ用
---------------------------------------- */
#page-document {
}
#page-document #sec-document-top .label {
    display: flex;
    gap: 16px;
    font-size: 14px;
    line-height: 100%;
}
#page-document #sec-document-top .label span.tag {
    border: solid 1px;
    padding: 8px 16px;
    border-radius: 16px;
}

#page-document #sec-document-top h1.page-title {
    margin-bottom: 32px;
}

#page-document #sec-colmun-content .eyecatch-image {
    /* text-align: center; */
}
#page-document #sec-colmun-content .eyecatch-image img {
    width: 100%;
    height: auto;
}

#page-document #sec-colmun-content h2.title {
    font-size: 28px;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 32px;
}
#page-document #sec-colmun-content ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 32px;
}
#page-document #sec-colmun-content ul li {
    list-style: disc;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
}

#page-document #sec-document-download .sec-lead {
    text-align: center;
}

#page-document #sec-document-download #sec-thanks .message {
    text-align: center;
}