.brand-information { color: #292929; background: #faf9f6; font-family: "Noto Sans JP", sans-serif; }
.brand-information-main { width: min(1000px, calc(100% - 48px)); margin: 0 auto; padding: 70px 0; }
.brand-information-art .brand-information-main { padding-top: calc(var(--header-height, 100px) + 60px); }
.brand-information-art :is(.site-header, .site-footer) { color: #fff; }
.brand-information-art .site-header.is-scrolled::before { opacity: 1; }
.brand-information-main > nav { margin-bottom: 28px; font-size: 12px; line-height: 1.8; color: #666; }
.brand-information-main > nav a { color: inherit; }
.brand-information-main h1 { margin: 0 0 40px; font-size: clamp(23px, 3vw, 34px); line-height: 1.7; font-weight: 500; }
.brand-information-body { padding: 40px; background: #fff; border: 1px solid #ddd; font-size: 15px; line-height: 2; overflow-wrap: anywhere; }
.brand-information-body :is(h2, h3, h4) { margin: 30px 0 16px; font-weight: 500; font-size: 21px; line-height: 1.7; }
.brand-information-body h4 { font-size: 18px; }
.brand-information-body p { margin: 0 0 18px; }
.brand-information-body :is(ul, ol) { padding-left: 24px; margin: 16px 0; }
.brand-information-body li { margin-bottom: 14px; }
.brand-information-body dt { margin-top: 18px; font-weight: 700; }
.brand-information-body dd { margin: 8px 0 20px; }
.brand-information-body table { width: 100%; border-collapse: collapse; margin-block: 20px; }
.brand-information-body :is(th, td) { border: 1px solid #ddd; padding: 12px; text-align: left; }
.brand-information-body th { background: #f2f2ef; }
.brand-information-body .textTable .sp { display: none; }
.brand-information-body .textTable tr { display: table-row; }
.brand-information-body a { color: #246b7a; text-decoration: underline; }
.brand-information-body img { max-width: 100%; height: auto; }
.brand-information-body iframe { max-width: 100%; border: 0; }
.brand-information-status { padding: 18px 22px; background: #f1f1ec; font-weight: 700; }
.brand-information-body .brand-information-button { display: inline-block; padding: 12px 24px; margin: 8px 0 24px; background: #183c48; color: #fff; text-decoration: none; }
.brand-information-back { display: inline-block; margin-top: 28px; color: #444; font-size: 14px; }
.brand-information-table { overflow-x: auto; }
.brand-information-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 40px; background: #fff; border-bottom: 1px solid #ddd; }
.brand-information-header img { width: 100px; height: auto; }
.brand-information-header nav { display: flex; gap: 24px; flex-wrap: wrap; font-size: 14px; }
.brand-information-header a { color: inherit; text-decoration: none; }
.brand-information-footer { padding: 36px 24px; text-align: center; background: #fff; color: #444; font-size: 12px; line-height: 2; }
.brand-information-footer a { color: inherit; }
@media (max-width: 600px) {
  .brand-information-main { width: calc(100% - 32px); padding-block: 40px; }
  .brand-information-body { padding: 24px 20px; font-size: 14px; }
  .brand-information-body :is(th, td) { padding: 8px; }
  .brand-information-header { padding: 20px; align-items: flex-start; }
  .brand-information-header nav { gap: 12px; font-size: 12px; }
}