@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
#free-page, .page-contents {
  padding-bottom: 100px;
}

.table-main {
  margin-top: 40px;
  border-top: 1px solid #c5c5c5;
}
.table-main div {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c5c5c5;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .table-main div {
    display: block;
  }
}
.table-main div dt {
  width: 20%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .table-main div dt {
    width: 100%;
  }
}
.table-main div dd {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .table-main div dd {
    width: 100%;
  }
}
.table-main div.vt {
  align-items: flex-start;
}
.table-main div.vt dd p:not(:first-of-type) {
  margin-top: 20px;
}

.inner-table {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .inner-table {
    display: block;
  }
}
.inner-table dt {
  width: 20%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .inner-table dt {
    width: 100%;
  }
}
.inner-table dd {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .inner-table dd {
    width: 100%;
  }
  .inner-table dd:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.table-sub {
  margin-top: 40px;
}
.table-sub div:not(:first-of-type) {
  margin-top: 40px;
}
.table-sub div > dt {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #c5c5c5;
}
.table-sub div > dd {
  font-size: 15;
}
.table-sub div > dd h3 {
  margin-top: 20px;
}
.table-sub div > dd h3 + p {
  margin-top: 0 !important;
}
.table-sub div > dd ol {
  margin-top: 20px;
  margin-left: 1.2em;
}
.table-sub div > dd ol li {
  list-style-type: decimal;
}
.table-sub div > dd ul {
  margin-top: 20px;
  margin-left: 1.2em;
}
.table-sub div > dd ul li {
  list-style-type: disc;
}
.table-sub div > dd p {
  line-height: 2;
}
.table-sub div > dd p:not(:first-child) {
  margin-top: 20px;
}
.table-sub div > dd p.p-ttl {
  margin-bottom: -20px;
}

.faq-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.faq-list div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .faq-list div {
    gap: 10px;
  }
}
.faq-list dt {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.025em;
}
.faq-list dt:before {
  content: "Q";
  font-size: 30px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  width: 37px;
  display: block;
  line-height: 1;
}
.faq-list dt span {
  display: block;
  width: calc(100% - 37px);
}
.faq-list dd {
  display: flex;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.025em;
}
.faq-list dd:before {
  content: "A";
  line-height: 1;
  display: block;
  font-weight: 700;
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  width: 37px;
}
.faq-list dd span {
  display: block;
  width: calc(100% - 37px);
}

#customer-terms h3 {
  font-weight: 700;
  border-left: 5px solid;
  padding-left: 0.5em;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: 5px;
}
#customer-terms ul {
  margin-left: 0;
}
#customer-terms ul li {
  list-style-type: none;
}
#customer-terms ul:not(.list-disc) li {
  font-size: 13px;
}/*# sourceMappingURL=page.css.map */