@charset "UTF-8";

/* SEC01
------------------------------------------------------------*/
.terms__inner {
  max-width: 900px;
  margin: 0 auto;
}

/* title */
.terms__title {
  font-size: 2rem; /* 32px → rem */
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.4;
}

/* lead */
.terms__lead {
  margin-bottom: 50px;
}

/* section */
.terms__section {
  margin-bottom: 40px;
}

.terms__section h2 {
  font-size: 1.25rem; /* 20px → rem */
  font-weight: 600;
  margin-bottom: 16px;
  padding-left: 10px;
  border-left: 4px solid #000;
}

.terms__section p {
  margin-bottom: 16px;
}

.terms__section ul {
  padding-left: 20px;
}

.terms__section li {
  margin-bottom: 8px;
}

@media only screen and (min-width: 800px) {
  .termsContents .inner {
      width: 800px;
      padding: 180px 0px 100px;
  }
}

/* responsive */
@media screen and (max-width: 768px) {
  .termsContents .inner {
    padding: 80px 0px 0px;
}
  .terms__section {
    margin-bottom: 0px;
    padding: 20px 3%;
  }
  .terms__lead {
    margin-bottom: 30px;
  }
  .terms__title {
    font-size: 1.625rem; /* 26px → rem */
  }

  .terms__section h2 {
    font-size: 1.125rem; /* 18px → rem */
  }
}
