@charset "UTF-8";
/*============================================================
	Terms
============================================================*/
#terms {
  background: url(../img/common/bg_bk.svg) repeat center center/2.9375rem 2.5625rem #222;
  color: #fff;
}
#terms .inner .container p {
  margin-bottom: 1em;
}
#terms .inner .container p.center {
  text-align: center;
}
#terms .inner .container ol li {
  line-height: 1.8;
  text-align: justify;
}
#terms .inner .container > ol {
  counter-reset: terms;
}
#terms .inner .container > ol > li {
  counter-increment: terms;
  padding-left: 1.05em;
  text-indent: -1.05em;
}
#terms .inner .container > ol > li::before {
  content: counter(terms) ". ";
}
#terms .inner .container > ol > li:not(:last-child) {
  margin-bottom: 0.5em;
}
#terms .inner .container > ol > li ul {
  margin-left: 0.5em;
  padding: 0.5em 0;
}
#terms .inner .container > ol > li ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#terms .inner .container > ol > li ul li::before {
  content: "・";
}
#terms .inner .container > ol > li > ol {
  counter-reset: terms2;
  padding-top: 0.5em;
  margin-left: 0.5em;
}
#terms .inner .container > ol > li > ol > li {
  counter-increment: terms2;
  padding-left: 1.75em;
  text-indent: -1.75em;
}
#terms .inner .container > ol > li > ol > li::before {
  content: "（" counter(terms2) "）";
  width: 1.75em;
  display: inline-block;
  text-align: right;
}
#terms .inner .container > ol > li > ol > li:not(:last-child) {
  margin-bottom: 0.5em;
}
#terms .inner .container > ol > li > ol > li > ol {
  counter-reset: terms3;
  padding-top: 0.5em;
}
#terms .inner .container > ol > li > ol > li > ol > li {
  counter-increment: terms3;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#terms .inner .container > ol > li > ol > li > ol > li::before {
  content: counter(terms3, lower-roman) ". ";
  width: 1.5em;
  display: inline-block;
  text-align: right;
}
#terms .inner .container > ol > li > ol > li > ol > li:not(:last-child) {
  margin-bottom: 0.5em;
}