/* -------------------- 文本 hover 下划线 start -------------------- */
.text_hover_underline {
  position: relative;
}

.text_hover_underline:hover {
  color: var(--color-active) !important;
  cursor: pointer;
}

.text_hover_underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background-color: var(--color-active);
  border-radius: 2px;
  transition: all .25s;
}

.text_hover_underline:hover::after {
  width: 100%;
}

.text_hover_underline--active {
  color: var(--color-active);
}

.text_hover_underline--active.text_hover_underline::after {
  width: 100%;
}

/* -------------------- 文本 hover 下划线 end -------------------- */



.trans-300 {
  transition: all 0.3s;
}