body {
    color: aliceblue;
    background-color: black;
    font-size: 16px;
}

/* a {
    color:aliceblue;
    text-decoration: none;
}*/ 

li {
    list-style: none;
    line-height: 160%;
    font-size: clamp(1.75rem, 2vw + 1rem, 2.125rem);
}

.second-li {
    font-size: clamp(1.625rem, 2vw + 1rem, 1.875rem);
    line-height: 140%;
}

small {
    font-size: clamp(0.875rem, 2vw + 1rem, 1.125rem);
    color:lightgray;
}

div {
    margin-left: 5%;
}

.copy {
    font-size: clamp(0.875rem, 2vw + 1rem, 1.125rem);
    color:darkgrey;
    margin: 10%;
}

/*
a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    color:aliceblue;
    text-decoration: none;
  }
  
  a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color:aliceblue;
    transform: translate(-100%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    content: "";
  }
  
  a:hover:after {
    transform: translate(0, 0);
  }
*/

  a {
    text-decoration: none; /* デフォルトの下線を非表示にする */
    color: aliceblue; /* 文字色 */
    background-image: linear-gradient(90deg, aliceblue, aliceblue); /* 線の色 */
    background-repeat: no-repeat;
    background-position: left bottom; /* 線の起点を左・下に設定 */
    background-size: 0 2px; /* 線の横幅を0、縦幅を1pxに */
    transition: background-size 0.6s; /* 線を伸ばすアニメーション実行時間を指定 */
  }
  
  a:hover {
    background-size: 100% 2px; /* 線の横幅を100%にする */
  }