@charset "UTF-8";
/*
  /rakurakucloud/asset/css/object/component/c-check.css
  リストCSS
最終更新：2026/3/12
*/
.c-check-list {
  &.c-check-list--large {
    .c-check-item {
      font-size: 18px;
      line-height: 1.2;
      padding: 0 0 0 24px;
      @media screen and (max-width: 600px) {
        font-size: 14px;
        margin: 10px 0 0;
      }
      &::before {
        width: 14px;
        height: 10px;
        @media screen and (max-width: 600px) {
          width: 10px;
          height: 6px;
          top: 2px;
        }
      }
    }
  }
}

.c-check-item {
  position: relative;
  text-align: left;
  margin: 12px 0 0;
  padding: 0 0 0 18px;
  &::before {
    content: "";
    width: 10px;
    height: 7px;
    border-radius: 0;
    background: none;
    border-top: solid 2px var(--rcloud-bg-main-02);
    border-right: solid 2px var(--rcloud-bg-main-02);
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    transform: rotate(135deg);
  }
  &:first-child {
    margin: 0;
  }
}

.c-check-circle-item {
  position: relative;
  padding: 0 0 0 1.8em;
  text-align: left;
  line-height: 1.5;
  font-size: 15px;
  font-weight: bold;
  @media screen and (max-width: 600px) {
    font-size: 14px;
  }
  &:not(:first-child) {
    margin: 5px 0 0 0;
  }
  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.3em;
    height: 1.3em;
    top: 0.1em;
    width: 1.2em;
    height: 1.2em;
    background: var(--rcloud-bg-main-02);
    border-radius: 25px;
    border-radius: 50%;
  }
  &::after {
    content: "";
    width: 0.6em;
    height: 0.4em;
    border-top: solid 0.15em var(--white);
    border-right: solid 0.15em var(--white);
    width: 0.5em;
    height: 0.3em;
    border-top: solid max(0.14em, 2px) var(--white);
    border-right: solid max(0.14em, 2px) var(--white);
    display: block;
    position: absolute;
    left: 0.35em;
    top: 0.4em;
    left: 0.34em;
    top: 0.5em;
    transform: rotate(135deg);
  }
}