.case-wrap {width:100%;}
.case-category {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:45px;list-style:none;padding:0;}
.case-category li button {border:1px solid #ccc;background:#fff;border-radius:45px;padding:10px 30px;font-size:2.0rem;color:#999;}
.case-category li.active button {background:#fff;color:#333;border-color:#333;font-weight:600;}
.case-head {display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:0;}
.case-head p {font-size:1.6rem;color:#333;margin:0;}
.case-head p strong {color:#0a4f9e;}
.search-wrap {display:flex;gap:5px;border:0;padding:0;margin:0;}
.search-wrap form {display:flex;gap:5px;}
.search-wrap input[type="text"] {height:45px;border:1px solid #ddd;padding:0 10px;max-width:250px;box-sizing:border-box;font-size:1.6rem;border-radius:3px;}
.search-wrap button {height:45px;padding:0 20px;background:#333;color:#fff;border:0;cursor:pointer;font-size:1.6rem;border-radius:3px;display:flex;align-items:center;justify-content:center;}
.case-list ul {display:flex;gap:15px;flex-direction:column;list-style:none;padding:0;margin:0;}
.case-list li {display:grid;align-items:center;gap:15px;transition:all .3s;border:1px solid #d5dee7;padding:30px 20px;background:#f9fafb;border-radius:10px;}
.case-list li.no-category {grid-template-columns:100px 180px 1fr auto;}
.case-list li.is-category {grid-template-columns:100px 150px 1fr 120px auto;}
.case-list li:hover {background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 15px 25px -15px rgba(0,0,0,0.15);}
.case-num {text-align:center;font-weight:500;color:#666;font-size:1.6rem;}
.case-name {color:#0a4f9e;font-weight:500;font-size:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-subject {flex:1;padding:0 20px;font-weight:600!important;color:#111;margin:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-client {text-align:right;color:#666;font-size:1.6rem;overflow:hidden;color:#94a3b8;}
.case-date {text-align:center;color:#94a3b8;font-size:1.6rem;background:url("./img/calendar_ico.png") no-repeat left center;padding-left:25px;}
.case-list ul li.empty_list {grid-template-columns:1fr;justify-content:center;padding:50px 0;color:#999;font-size:1.6rem;text-align:center;}
.pg_wrap {text-align:center;margin-top:30px;display:flex;justify-content:center;}
.pg_wrap .pg {display:flex;gap:5px;}
.pg_wrap .pg_current {display:flex;color:#fff;align-items:center;justify-content:center;font-weight:600;background:#333;border:1px solid #333;width:35px;height:35px;}
.pg_wrap .pg_page, .pg_wrap .pg_start, .pg_wrap .pg_end, .pg_wrap .pg_prev, .pg_wrap .pg_next {color:#666;text-decoration:none;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #ddd;}
.btn_confirm {text-align:right;margin-top:20px;}
.btn_write {display:inline-block;padding:10px 25px;background:#0a4f9e;color:#fff;text-decoration:none;font-weight:bold;}