@charset "UTF-8";
/* --------------------------------------------------
   メディアクエリ
-------------------------------------------------- */
.commercial,
.policy,
.terms,
.company {
  max-width: 800px;
  margin-inline: auto;
  padding-top: var(--sp-6l);
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: justify;
}

.commercial {
  padding-top: 0;
}

.contact-faq .policy {
  padding-top: var(--sp-md);
}
.contact-faq .section-title {
  white-space: nowrap;
}
.contact-faq .main-space {
  padding: 0;
}

/* --------------------------------------------------
共通テーブル
-------------------------------------------------- */
@media screen and (max-width: 500px) {
  .pc-br {
    display: none;
  }
}

.company {
  padding: var(--sp-sm);
}

.legal-table {
  border: var(--border-white);
  width: 800px;
  margin-inline: auto;
  margin-bottom: var(--sp-xl);
  border-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .legal-table {
    width: 768px;
  }
}
@media screen and (max-width: 768px) {
  .legal-table {
    width: 500px;
  }
}
@media screen and (max-width: 500px) {
  .legal-table {
    width: 100%;
  }
}
.legal-table th,
.legal-table td {
  padding: var(--sp-md) var(--sp-lg);
}
@media screen and (max-width: 500px) {
  .legal-table th,
  .legal-table td {
    display: block;
  }
}
.legal-table th {
  white-space: nowrap;
  vertical-align: top;
  border-bottom: var(--border-white);
}
@media screen and (max-width: 500px) {
  .legal-table th {
    white-space: nowrap;
  }
}
.legal-table td {
  vertical-align: top;
  line-height: 1.7;
  border-bottom: var(--border-white);
}

.legal-sub-title {
  max-width: 800px;
  margin: var(--sp-lg) auto var(--sp-sm);
  font-size: 1.2rem;
  color: var(--clr-text);
}

/* --------------------------------------------------
legal
-------------------------------------------------- */
.legal-container {
  max-width: 800px;
  margin-inline: auto;
  color: var(--clr-text);
}
.legal-container .legal-meta {
  padding-bottom: var(--sp-lg);
}
.legal-container .legal-meta .company-name {
  font-weight: bold;
}
.legal-container .legal-item {
  padding-bottom: var(--sp-lg);
}
.legal-container .legal-item h3 {
  font-size: 1.1rem;
  font-weight: bold;
  padding-bottom: var(--sp-ss);
  padding-top: var(--sp-md);
}
.legal-container .legal-item p {
  line-height: 1.7;
  padding-bottom: var(--sp-ss);
  padding-left: var(--sp-md);
}
.legal-container .legal-item p:last-child {
  padding-bottom: 0;
}
.legal-container .legal-list,
.legal-container .legal-sub-list {
  list-style: none;
  padding-left: var(--sp-sm);
  padding-bottom: var(--sp-sm);
  line-height: 1.7;
}
.legal-container .legal-list li,
.legal-container .legal-sub-list li {
  padding-bottom: var(--sp-sss);
}
.legal-container .legal-sub-list {
  padding-left: var(--sp-md);
  padding-top: var(--sp-ss);
}
.legal-container .legal-footer-note {
  padding-top: var(--sp-lg);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.9rem;
  opacity: 0.8;
}
.legal-container .legal-footer-note .title {
  font-weight: bold;
}/*# sourceMappingURL=legal.css.map */