@charset "UTF-8";
/***  color ***/
/***  border ***/
/*** font ***/
/*** sp size ***/
#privacy {
  padding: 100px 0;
}
#privacy .layout {
  max-width: 900px;
  /* ===== 共通 ===== */
  /* ===== 第1階層（1.） ===== */
}
#privacy .layout .txtBox {
  margin-bottom: 50px;
}
#privacy .layout .txtBox .mg-b-30 {
  margin-bottom: 30px;
}
#privacy .layout .txtBox h2 {
  font-size: 20px;
  margin-bottom: 30px;
}
#privacy .layout ol {
  margin-left: 0;
  padding-left: 0;
}
#privacy .layout li {
  list-style: none;
  position: relative;
}
#privacy .layout > .txtBox > ol {
  counter-reset: level1;
}
#privacy .layout > .txtBox > ol > li {
  counter-increment: level1;
  padding-left: 2.2em;
  margin-bottom: 0.5em;
  /* ===== 第2階層（1.1） ===== */
}
#privacy .layout > .txtBox > ol > li::before {
  content: counter(level1) ". ";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #003C87;
}
#privacy .layout > .txtBox > ol > li > ol {
  counter-reset: level2;
  margin-top: 0.5em;
}
#privacy .layout > .txtBox > ol > li > ol > li {
  counter-increment: level2;
  padding-left: 2.2em;
  margin-bottom: 0.4em;
  /* ===== 第3階層（1.1.1） ===== */
}
#privacy .layout > .txtBox > ol > li > ol > li::before {
  content: counter(level2) ".";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #003C87;
}
#privacy .layout > .txtBox > ol > li > ol > li > ol {
  counter-reset: level3;
  margin-top: 0.4em;
}
#privacy .layout > .txtBox > ol > li > ol > li > ol > li {
  counter-increment: level3;
  padding-left: 2.2em;
}
#privacy .layout > .txtBox > ol > li > ol > li > ol > li::before {
  content: counter(level3) ".";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #003C87;
}
@media screen and (max-width: 750px) {
  #privacy {
    padding: 8vw 0 18.67vw;
    font-size: 3.73vw;
  }
  #privacy .layout .txtBox {
    margin-bottom: 8vw;
  }
  #privacy .layout .txtBox .mg-b-30 {
    margin-bottom: 4vw;
  }
  #privacy .layout .txtBox h2 {
    font-size: 4.27vw;
    margin-bottom: 4vw;
  }
}

/*# sourceMappingURL=privacy.css.map */