.container { max-width: 900px; margin: 1rem auto; padding: 1rem; }
  html { background-color: #f3f4f6;}
  .filter-section { background-color: white; padding: 1.5rem; margin-bottom: 1.5rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
  .filter-header { display: flex; align-items: center; margin-bottom: 1rem; }
  .filter-header p { font-weight: bold; font-size: 1.1rem; }
  .select-all-button {  margin-left: 1rem; background-color: #f3f4f6; border: 1px solid #d1d5db; background-color: white; border-radius: 9999px;font-size: 0.8rem; padding: 0.25rem 0.6rem; border-radius: 4px; cursor: pointer; color:black}
  .filter-buttons-container { display: flex; flex-wrap: wrap; gap: 0.5rem; }
      

  .filter-button { padding: 0.5rem 1rem; border: 1px solid #d1d5db; background-color: white; border-radius: 9999px; cursor: pointer; transition: all 0.2s; color:black}
  .btn-selected { background-color: #143993; color: white; border-color: #143993; }
      
  /*検索ボタン*/
  #search-button { width: 100%; max-width: 400px; margin: 1.5rem auto 0 auto; display: block; padding: 0.75rem; background-color: #143993; color: white; font-weight: bold; font-size: 1.1rem; border: none; border-radius: 9999px; cursor: pointer; }
  #search-button:hover { background-color: #143993; }