:host,
:root {
  --sys-action-ll: clamp(27.2px, 2.45vw, 40.8px);
  --sys-action-l: clamp(21.6px, 1.945vw, 32.4px);
  --sys-action-m: clamp(16.8px, 1.513vw, 25.2px);
  --sys-action-s: clamp(14.4px, 1.297vw, 21.6px);
  --sys-action-ss: clamp(11.2px, 1.009vw, 16.8px);
  --sys-action-color: #104b2b;
}
@media screen and (max-width: 768px) {
  :host,
  :root {
    --sys-action-ll: clamp(19.2px, 6.4vw, 28.8px);
    --sys-action-l: clamp(16px, 5.333vw, 24px);
    --sys-action-m: clamp(12.8px, 4.267vw, 19.2px);
    --sys-action-s: clamp(8px, 2.667vw, 12px);
    --sys-action-ss: clamp(6.4px, 2.133vw, 9.6px);
  }
}

@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);
  color: var(--sys-action-color);
}
.system_text-large {
  font-size: var(--sys-action-l);
  color: var(--sys-action-color);
}
.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);
  margin-bottom: 0;
}
@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);
  }
}
/*# sourceMappingURL=sys_action.css.map */