/**********************************************************************/
/* 利用規約
/**********************************************************************/

section.terms{
  padding-bottom: 10em;
}
section.terms .heading{
  margin-bottom: 3em;
}
section.terms .bodying{
  font-size: 1rem;
  line-height: 1.9;
}
section.terms .bodying .preamble{
  margin-bottom: 1.25em;
}
section.terms .bodying .preamble:last-of-type{
  margin-bottom: 2.5em;
}

/* 条 */
section.terms .article{
  margin-top: 2.75em;
}
section.terms .article > .title{
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .8em;
  padding-bottom: .4em;
  border-bottom: 2px solid var(--c_primary, #133E87);
  color: var(--c_primary, #133E87);
}
/* Bootstrap の .lead（1.25rem/300）を打ち消し、条文と同じ本文サイズに揃える */
section.terms .article .lead{
  margin-bottom: .6em;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* 項（1. 2. 3.） */
section.terms .clauses{
  list-style: none;
  counter-reset: clause;
  margin: 0;
  padding-left: 0;
}
section.terms .clauses > li{
  counter-increment: clause;
  position: relative;
  padding-left: 2.2em;
  margin-bottom: .5em;
}
section.terms .clauses > li::before{
  content: counter(clause) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: var(--c_primary, #133E87);
}

/* 号（(1) (2) …） */
section.terms .clauses .items{
  list-style: none;
  margin: .45em 0 .3em;
  padding-left: .5em;
}
section.terms .clauses .items > li{
  padding-left: 2.6em;
  text-indent: -2.6em;
  margin-bottom: .3em;
}

/* お問い合わせ窓口 */
section.terms .contact-box{
  margin-top: 3.5em;
  padding: 1.5em 1.75em;
  background: #F4F6FA;
  border: 1px solid var(--c_border, #D4D4D4);
  border-radius: 8px;
}
section.terms .contact-box .title{
  font-size: 1.05em;
  font-weight: 700;
  margin-bottom: .5em;
  padding: 0;
  border: none;
  color: var(--c_primary, #133E87);
}
section.terms .contact-box p{
  margin-bottom: .2em;
}

/* 制定・施行 */
section.terms .enactment{
  margin-top: 3em;
  text-align: right;
  line-height: 1.8;
}

@media screen and (max-width: 768px){
  section.terms{
    padding-bottom: 5em;
  }
  section.terms .heading{
    margin-bottom: 1.5em;
  }
  section.terms .bodying{
    font-size: .9375rem;
    line-height: 1.85;
  }
  section.terms .bodying .preamble:last-of-type{
    margin-bottom: 2em;
  }
  section.terms .article{
    margin-top: 2.25em;
  }
  section.terms .article > .title{
    font-size: 1.1em;
  }
  section.terms .clauses > li{
    padding-left: 1.9em;
  }
  section.terms .contact-box{
    padding: 1.25em 1.25em;
  }
  section.terms .enactment{
    text-align: left;
  }
}