/* terms_of_use / terms（過去版）ページ差分スタイル */
/* common.css の html h2 / a / a:hover より詳細度を上げて上書きする */

html body .p-terms {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px 100px;
  line-height: 1.8;
}

html body .p-terms h2 {
  font-size: x-large;
  font-weight: 600;
  line-height: 1.8;
  margin-top: 3rem;
}

html body .p-terms h3 {
  font-size: large;
  line-height: 2.6;
  border-bottom: 1px solid #333;
  margin: 20px 0;
}

html body .p-terms p,
html body .p-terms li {
  margin: 0 4px;
}

/* ol: 1．2． / ul: （1）（2） ※ common/style の list-style リセットを打ち消す */
html body .p-terms ol,
html body .p-terms ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

html body .p-terms ol {
  counter-reset: terms-ol;
}

html body .p-terms ol > li {
  position: relative;
  padding-left: 1.75em;
  counter-increment: terms-ol;
}

html body .p-terms ol > li::before {
  content: counter(terms-ol) "．";
  position: absolute;
  left: 0;
}

html body .p-terms ul {
  counter-reset: terms-ul;
}

html body .p-terms ul > li {
  position: relative;
  padding-left: 2.75em;
  counter-increment: terms-ul;
}

html body .p-terms ul > li::before {
  content: "（" counter(terms-ul) "）";
  position: absolute;
  left: 0;
}

html body .p-terms ol > li > ul {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

html body .p-terms .p-notice {
  margin: -66px 0 20px;
  padding: 10px;
  background-color: #f0f0f0;
  border-radius: 5px;
}

html body .p-terms .p-date {
  margin: 5rem 0 0;
}

html body .p-terms a,
html body .p-terms a:hover,
html body .p-terms a:focus,
html body .p-terms a:active {
  color: #0f58d5;
  text-decoration: underline;
}

html body .p-terms a:hover {
  opacity: 0.8;
}