/* コピー: /app/(common)/css/company.css */
.companyTable {
  border-collapse: collapse;
  width: 100%;
}
.companyTable th {
  color: var(--brand-color-red);
  width: 20%;
}
@media screen and (max-width: 768px) {
  .companyTable th {
    width: 30%;
  }
}
.companyTable th,
.companyTable td {
  padding: 0.5em;
}
.charterList {
  text-align: center;
  margin-bottom: 8em;
}
.charterList li {
  margin-bottom: 4em;
}
.charterList strong {
  color: var(--brand-color-red);
  display: block;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  font-family: var(--font-serif);
  margin-bottom: 0.3em;
}
.guidelineList {
  margin: 6em 0;
}
.guidelineList div {
  margin-bottom: 2em;
}
.guidelineList div dt {
  color: var(--brand-color-red);
  font-weight: 500;
  margin-bottom: 0.4em;
}
.guidelineList div dd {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .guidelineList div dd {
    font-size: 1.6rem;
  }
}