#pageBody .search .searchBox{display:flex;flex-wrap:wrap;gap:1rem;margin:3rem 0}#pageBody .search .searchBox select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:var(--text-color);padding:.8rem 3rem .8rem 1.5rem;border:1px solid var(--text-color);border-radius:0;font-size:1.6rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23464646' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}#pageBody .search .searchBox select:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 1px var(--brand-color)}#pageBody .search .searchBox select option{background-color:#fff;color:var(--text-color)}#pageBody .search .searchBox .searchButton{background-color:var(--brand-color);color:#fff;padding:.8rem 1.5rem;border:none;font-size:1.6rem;cursor:pointer;transition:background-color .3s}#pageBody .search .searchBox .searchButton:hover{background-color:hsl(222.75,38.8349514563%,49.6078431373%)}@media screen and (min-width:768px){#pageBody .search .searchBox{flex-wrap:nowrap;justify-content:flex-end}#pageBody .search .searchBox .searchButton,#pageBody .search .searchBox select{font-size:1.4rem}}#pageBody .newsList ul li{margin-bottom:1.5rem}#pageBody .newsList ul li time{font-size:2rem}#pageBody .newsList ul li .tag .category-tag{display:inline-block;margin-right:.5rem;margin-bottom:.5rem;padding:.2rem 3rem;background:#f3f5fa;border-radius:.5rem;font-family:var(--font-noto-sans);font-size:.8em}#pageBody .newsList ul li .content{display:flex;gap:1rem}#pageBody .newsList ul li .content .thumb{margin:0;width:20%;flex-shrink:0}#pageBody .newsList ul li .content .thumb img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}#pageBody .newsList ul li .content .txt .title{font-size:2rem;color:var(--brand-color)}#pageBody .newsList ul li .content .txt .description{display:none;font-size:1.4rem}@media screen and (min-width:768px){#pageBody .newsList ul li{display:flex;flex-wrap:wrap;border:1px solid #ccc;padding:2rem;margin-bottom:2rem}#pageBody .newsList ul li .content,#pageBody .newsList ul li .meta{width:100%;display:flex;gap:2rem}#pageBody .newsList ul li .content .txt .title{font-size:2.4rem}#pageBody .newsList ul li .content .txt .description{display:block}}