@charset "utf-8";

#terms p:not(:last-child) {
  margin-bottom: 1em;
}
#terms h1 {
  background: url(../image/bg-ttl.jpg) 50% 50% / cover no-repeat;
}
#terms h2 {
  margin-bottom: 0.3em;
  font-weight: 600;
}
#terms ol,
#terms ul {
  line-height: 1.4;
}
#terms ol > li {
  list-style-type: decimal;
  margin-left: 1.5em;
}
#terms ol > li:not(:last-child) {
  margin-bottom: 0.6em;
}
#terms ol.second_list {
  counter-reset: second-counter;
  margin-top: 0.5em;
}
#terms ol.second_list > li {
  position: relative;
  margin-left: 0em;
  padding-left: 2.3em;
  list-style: none;
}
#terms ol.second_list li::before {
  counter-increment: second-counter;
  content: "(" counter(second-counter) ")";
  position: absolute;
  left: 0;
  width: 2em;
  text-align: right;
}
/* SP */
@media screen and (max-width: 767px) {
  #terms .wrapper {
    margin: 0 auto 12vw;
  }
  #terms .wrapper > section p.lead:not(:last-child),
  #terms .wrapper > section > section {
    width: 90.7%;
    margin-right: auto;
    margin-left: auto;
  }
  #terms section {
    line-height: 1.6;
  }
  #terms section:not(:last-child) {
    margin-bottom: 2em;
  }
  #terms h1 {
    padding: 0.8em 0 0.9em;
    margin-bottom: 0.8em;
    font-size: 1.06rem;
    font-weight: 600;
    text-align: center;
  }
  #terms h1 b {
    font-size: 1.412rem
  }
  #terms p.lead:not(:last-child) {
    margin-bottom: 2em;
  }
  #terms h2 {
    font-size: 1.176rem;
  }
  #terms ol > li {
    margin-left: 1.15em;
  }
  #terms .supplementary {
    margin-top: 2.5em;
  }
  #terms .supplementary h2 {
    font-size: 1rem;
  }
  #terms .supplementary li {
    font-size: 0.882rem;
  }
}
/* PC */
@media print, screen and (min-width: 768px) {
  #terms .wrapper {
    padding-bottom: 100px;
  }
  #terms .wrapper > section {
    width: 900px;
    margin: 0 auto;
  }
  #terms section {
    line-height: 1.8;
  }
  #terms section:not(:last-child) {
    margin-bottom: 3em;
  }
  #terms h1 {
    padding: 40px 0;
    margin-bottom:1em;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
  }
  #terms h1 b {
    font-size: 28px;
  }
  #terms p {
    font-size: 16px;
  }
  #terms p.lead:not(:last-child) {
    width: 800px;
    margin: 0 auto 2.5em;
  }
  #terms h2 {
    font-size: 20px;
  }
  #terms ol,
  #terms ul {
    font-size: 16px;
  }
  #terms .supplementary {
    margin-top: 4em;
  }
  #terms .supplementary h2 {
    font-size: 18px;
  }
  #terms .supplementary li {
    font-size: 15px;
  }
}

/* hover */
@media (hover: hover) {
}