/* .........................................
//
// フォームのセレクトボックス部分
//
// ......................................... */

.form-select {
  margin-top: 24px;
}

.form-select.row {
  display: flex;
  align-items: center;
}

/* カスタム矢印使うため、ここを絶対値に指定 */
.select-wrap {
  position: relative;
}

.form-select .select-box {
  border: 1px solid var(--Border);
  line-height: var(--line-height-180);
  font-weight: 500;
  font-size: var(--font-size-16);
}

/* opitinにvalueがない要素にのみはこちらを適応 */
.form-select .select-box:invalid {
  color: #A1A1A1;
}

.form-select .select-wrap img {
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}