:host, :root {
  --sys-action-ll: clamp(32px, 26.5455px + 1.4545vw, 44px);
  --sys-action-l: clamp(26px, 21.4545px + 1.2121vw, 36px);
  --sys-action-m: clamp(20px, 17.2727px + 0.7273vw, 26px);
  --sys-action-s: clamp(16px, 14.1818px + 0.4848vw, 20px);
  --sys-action-ss: clamp(10px, 8.1818px + 0.4848vw, 14px);
}
@media screen and (max-width: 768px) {
  :host, :root {
    --sys-action-ll: clamp(24px, 20.3636px + 0.9697vw, 32px);
    --sys-action-l: clamp(20px, 16.3636px + 0.9697vw, 28px);
    --sys-action-m: clamp(16px, 12.3636px + 0.9697vw, 24px);
    --sys-action-s: clamp(12px, 8.3636px + 0.9697vw, 20px);
    --sys-action-ss: clamp(10px, 7.2727px + 0.7273vw, 16px);
  }
}

@media screen and (max-width: 768px) {
  .system_br_pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .system_br_sp {
    display: none;
  }
}
.system_text-LL {
  font-size: var(--sys-action-ll);
}
.system_text-large {
  font-size: var(--sys-action-l);
}
.system_text-medium {
  font-size: var(--sys-action-m);
}
.system_text-small {
  font-size: var(--sys-action-s);
}
.system_text-SS {
  font-size: var(--sys-action-ss);
}
.system_topic {
  max-width: min(69.164vw, 1152px);
  margin-inline: auto;
  /*margin-block: min(7.205vw, 120px);*/
  padding-inline: min(1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .system_topic {
    max-width: min(96vw, 432px);
    /*margin-block: min(13.333vw, 60px);*/
    padding-inline: min(5.333vw, 24px);
  }
}