/* Shared layout rules for ordinary sub pages */
.sub_content {
  --page-max: 128rem;
  --page-gutter: 1.6rem;
  --page-ink: #20242a;
  --page-muted: #68717c;
  --page-navy: #253c5a;
  --page-gold: #9a7048;
  --page-line: #e2e7ec;
  --page-soft: #f5f7f9;
}

.sub_content .page_title.inner,
.sub_content .page_content.inner {
  width: calc(100% - 3.2rem) !important;
  max-width: var(--page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sub_content .page_content > .content,
.sub_content .page_content > [class$="-page"],
.sub_content .page_content > [class$="_page"],
.sub_content .page_content > [class^="sool-"] {
  width: 100%;
  max-width: var(--page-max);
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

.sub_content .page_content,
.sub_content .page_content > *,
.sub_content .page_content section,
.sub_content .page_content article,
.sub_content .page_content figure,
.sub_content .page_content div {
  min-width: 0;
}

.sub_content .page_content .sub_title_desc {
  width: min(100%, 88rem);
  margin: 0 auto 6.4rem;
  color: var(--page-muted);
  font-size: 1.7rem;
  line-height: 1.8;
  text-align: center;
  word-break: keep-all;
}

.sub_content .page_content img,
.sub_content .page_content video,
.sub_content .page_content iframe {
  max-width: 100%;
}

.sub_content .page_content img,
.sub_content .page_content video {
  height: auto;
}

.sub_content .page_content h2,
.sub_content .page_content h3,
.sub_content .page_content h4,
.sub_content .page_content h5,
.sub_content .page_content p,
.sub_content .page_content li,
.sub_content .page_content td,
.sub_content .page_content th {
  overflow-wrap: anywhere;
}

.sub_content .page_content table {
  max-width: 100%;
}

.sub_content .page_content .sool-table-wrap,
.sub_content .page_content .table-responsive,
.sub_content .page_content [class*="table_wrap"],
.sub_content .page_content [class*="table-wrap"] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sub_content .page_content table.sool-table {
  max-width: none;
}

@media (max-width: 1024px) {
  .sub_content .page_content .sub_title_desc {
    margin-bottom: 4.8rem;
  }
}

@media (max-width: 768px) {
  .sub_content {
    --page-gutter: 1.6rem;
  }

  .sub_content .page_title.inner,
  .sub_content .page_content.inner {
    width: calc(100% - 3.2rem) !important;
  }

  .sub_content .page_content .sub_title_desc {
    margin-bottom: 4rem;
    font-size: 1.55rem;
    line-height: 1.7;
  }

  .sub_content .page_content .sub_title_desc br {
    display: none;
  }

  .sub_content .page_content [class*="grid"],
  .sub_content .page_content [class*="flex"],
  .sub_content .page_content [class*="wrap"] {
    max-width: 100%;
  }

  .sub_content .page_content input,
  .sub_content .page_content select,
  .sub_content .page_content textarea,
  .sub_content .page_content button {
    max-width: 100%;
  }

  #company_map .table {
    table-layout: fixed;
  }

  #company_map .table th {
    width: 8.8rem;
  }

  #company_map .table th,
  #company_map .table td {
    padding: 1.4rem 1.2rem;
  }

  #company_mail .img_email {
    margin-bottom: 4rem;
  }

  #company_mail .img_email .icon {
    width: 14rem;
    height: 14rem;
  }

  #company_mail strong {
    font-size: 2rem;
  }

  #company_mail p br {
    display: none;
  }

  #company_privacy {
    line-height: 1.65;
  }

  .privacy-of-use dl {
    padding: 1.6rem 0;
  }
}