@charset "utf-8";

.koukoku {
  margin: 0 !important;
  list-style: none;
  & li {
    padding-left: 0 !important;
    &:not(:first-child) {
      margin-top: min(2.41vw,30px);
    }
    &::before {
      content: none !important;
    }
  }
  & a {
    color: #454545;
    font-family: var(--font-serif);
    font-size: min(2.41vw,30px);
    font-weight: 500;
    transition: all .3s;
    &::after {
      display: inline-block;
      width: min(1.45vw,18px);
      height: auto;
      aspect-ratio: 18/22;
      margin-left: 15px;
      background: url(/assets/img/common/icn_pdf.webp) no-repeat center/cover;
      content: "";
      transition: all .3s;
    }
    & span {
      display: inline-block;
      border-bottom: 1px solid #ccc;
      line-height: 1.5;
    }
    &:hover {
      color: var(--color-main);
      &::after {
        margin-left: 20px;
      }
    }
  }
}
@media screen and (width <= 768px) {
  .koukoku {
    & li {
      &:not(:first-child) {
        margin-top: min(6.66vw,50px);
      }
    }
    & a {
      font-size: min(5.33vw,40px);
      &::after {
        width: min(2.93vw,22px);
      }
    }
  }
}