@charset "UTF-8";
.underline {
  position: relative;
  display: inline-block;
  text-decoration: none; }

.underline::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: black;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s; }

.underline:hover::after {
  transform: scale(1, 1); }

/* ホバーアニメーション アップ */
.hoverUP {
  transition: all 0.3s; }
  .hoverUP:hover {
    transform: translateY(-4px); }