@charset "utf-8";
/*
********************************************************************
資料（ホワイトペーパー）一覧
********************************************************************
*/
#signale-category.tk-leads { margin: 28px 0 0; }
#signale-category.tk-leads h1 { margin-bottom: 20px; }
#leads-description { font-size: 14px; }
.search-and-list-container { margin: 24px 0 50px; }
.filter-menu { background-color: #f7f7f7; padding: 20px; }
.filter-menu-header { display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.filter-menu-header h2 { font-size: 14px; font-weight: bold; color: #747474; }
.filter-menu-header button { font-size: 14px; letter-spacing: 0; cursor: pointer; text-decoration: underline; border: none; background-color: transparent; margin-left: 20px; position: relative; top: -2px; }
.checkbox-list { display: flex; flex-wrap: wrap; gap: 10px 30px; margin-top: 15px; }
.checkbox-list li { font-size: 14px; }
.checkbox-list input[type="checkbox"] { display: none; }
.checkbox-list label { display: flex; position: relative; }
.checkbox-list label::before { content: ""; width: 22px; min-width: 22px; height: 22px; background-color: #fff; border: 1px solid #868; border-radius: 3px; margin-right: 8px; }
.checkbox-list input:checked + label::before { background-color: #3b3b3b; }
.checkbox-list input:checked + label::after { content: ""; position: absolute; top: 4px; left: 4px; transform: rotate(-45deg); display: block; width: 13px; height: 7px; border-left: 3px solid #F7F7F7; border-bottom: 3px solid #F7F7F7; }
.item-list-area { margin-top: 20px; }
.item-count { font-size: 16px; }
#current-item-count { font-size: 16px; font-weight: bold; margin: 0 4px; }
.item-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-top: 20px; }
.item-list img { width: 100%; height: auto; }
.item-list .tag { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.item-list .tag span { display: block; font-size: 12px; border-radius: 3px; background-color: #f1f1f1; padding: 3px 10px; }
.item-list .title { font-size: 18px; font-weight: bold; margin-top: 8px; }
.item-list .info { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; margin-top: 2px; }
.item-list .btn { margin-top: 15px; }
.item-list .btn a { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; text-decoration: none; width: 300px; height: 48px; border-radius: 6px; background-color: #5d87bf; margin: 0 auto; transition: opacity 0.3s ease-out; }
.item-list .btn a:hover { opacity: 0.6; }