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

  terms.css

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

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

  Terms -  利用規約

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

h1 {
  text-align: center;
  font-weight: bold;
  font-size: 1.9rem;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  padding: 128px 0 8px 0;
}

h2, h3 {
  text-align: left;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 16px;
}

.p-area {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-area {
    width: 90%;
  }
}

.dateBox {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 64px;
}

.pbox {
  margin: 32px auto 64px;
}

.pbox p {
  line-height: 1.8;
}

.pbox p.item-text {
  margin-bottom: 8px;
}

.pbox p.item-text2 {
  margin-bottom: 32px;
}

ol {
  counter-reset: section;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

li {
  list-style: none;
  line-height: 1.8;
}

ol > li:before {
  content : counters(section, '-') '. ';
  counter-increment : section;
}

ol li ol {
  margin: 16px 0;
  padding-left: 2.2em;
  text-indent: -2.2em;
}

ol li ol li ol {
  margin: 16px 0;
  padding-left: 3.2em;
  text-indent: -3.2em;
}