@charset "UTF-8";

/* =============================================================================

Privacy Policy CSS

・プライバシーポリシー用CSS「.privacy-×××」

上記はここに記述する

============================================================================= */

/* .SelectorName
----------------------------------------------------------------------------- */
.privacy-container {
  @media (width > 640px) {
    padding-bottom:16.0rem;
  }
  @media (width <= 640px) {
    padding-bottom:11.2rem;
  }

  h2 {
    margin-block:6.4rem 1.6rem;
    border-bottom:1px solid;
    @media (width <= 640px) {
      margin-top:4.0rem;
    }
  }

  :is(ul,ol) {
    margin-top:4.0rem;
    @media (width <= 640px) {
      margin-top:2.8rem;
    }

    > li {
      margin-left:2.8rem;
      position:relative;
      line-height:.8lh;
      @media (width <= 640px) {
        margin-left:1em;
      }

      & + li {
        margin-top:.4lh;
      }
    }
  }
  ul > li::before {
    content:"";
    border-radius:50%;
    width:.4rem;
    height:.4rem;
    background-color:#fff;
    position:absolute;
    top:calc(.5lh - .2rem);
    right:calc(100% + .5em + .2rem);
  }
  ol {
    counter-reset: count;
    list-style:none;

    > li {

      &::before {
        content:counter(count)'.';
        counter-increment: count;
        position:absolute;
        top:0;
        right:calc(100% + .15em);
      }
    }
  }
}

/* .SelectorName
----------------------------------------------------------------------------- */
.privacy-SelectorName {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}