.body {
  /* 固定フッターの場合、コンテンツエリアが隠れてしまう場合がある
     固定フッターの高さ分の下マージンを指定して解決する */
  margin-bottom: 60px;
}

textarea {
  resize: both;
}

textarea::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

textarea::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #4285f4;
}

.require-badge {
  background-color: rgb(217, 74, 125);
  margin-left: 5px;
}

input[type='file'] {
  cursor: pointer;
  border-radius: 0.375rem;
  padding: 0;
  width: 100%;
  height: 2rem;
}

::file-selector-button,
::-webkit-file-upload-button {
  background-color: rgb(200, 200, 200);
  border: none;
  cursor: pointer;
  border-right: 1px solid rgb(191, 194, 199);
  padding: 0.25rem 0.5rem;
  margin-right: 1rem;
}

.help-icon {
  background-color: rgb(0,140,160);
  color:white;
  width: 18px;
  height: 18px;
  font-size: small;
  text-align: center;
  cursor: pointer;
}

.keyColorText {
  color: rgb(0, 140, 160);
}

.strongText {
  color: rgb(217, 74, 125);
}

.year-select {
  display: inline-block;
  min-width: 170px;
  width: 170px;
}

.date-select,
.month-select {
  display: inline-block;
  min-width: 70px;
  width: 70px;
}

.group-content {
  border: solid;
  border-color: rgb(200, 200, 200);
  border-radius: 5px;
  border-width: 1px;
  padding: 10px;
}

.deselect-btn {
  font-size: small;
  height: 24px;
  padding: 0 5px;
}

.confirm-modal-btn {
  width: 120px;
}

.display-none {
  display: none;
}