/**
 * Object - Utility - list
 */

.u-list-largeDot {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;

  li {
    padding-left: 1.5em;
    position: relative;

    &::before {
      content: "●";
      position: absolute;
      top: 0;
      left: 0;
    }
  }

  &.--yellow {
    li {
      &::before {
        color: #ebb700;
      }
    }
  }
}

.u-list-checkIcon {
  list-style: none;
  display: grid;
  gap: 20px;

  li {
    padding-left: 40px;
    position: relative;

    &::before {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url("../../../images/icon_check_round_black.svg");
      background-size: contain;
      opacity: 0.3;
      position: absolute;
      top: 50%;
      left: 0;
      translate: 0 -50%;
    }
  }

  dl {
    display: grid;
    gap: 4px;
  }

  dt {
    font-size: 17px;
    font-weight: bold;
  }

  dd {
    font-size: 16px;
  }
}

.u-list-note {
  list-style: none;
  display: grid;
  gap: 8px;

  li {
    position: relative;
    padding-left: 1.25em;

    &::before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}