/* フォームのテキストボックスのボーダーを濃くする */
.form-control {
  border-color: #777 !important; /* 好きな色に変更可能 */
}

/* フォーカス時のボーダー色を濃くする */
.form-control:focus {
  border-color: #777 !important; /* 好きな色に変更可能 */
  box-shadow: none; /* Bootstrap標準の青い影を消す場合 */
}

/* テーブルの罫線を濃くする */
.table, 
.table th, 
.table td {
  border-color: #777 !important;
}

/* セレクトボックスのボーダー色を濃くする */
.form-select {
  border-color: #777 !important; /* 好きな色に変更 */
}

/* フォーカス時もボーダー色を濃く */
.form-select:focus {
  border-color: #777 !important; /* 好きな色に変更 */
  box-shadow: none; /* Bootstrap標準の青い影を消す場合 */
}