@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
      --tw-outline-style: solid;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", yugothic, meiryo, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-yellow: #f8e71c;
    --color-ink: #283339;
    --color-surface: #fff;
    --color-muted: #6f6f6f;
    --color-primary: #c11c1f;
    --color-bg-tint: #f8f2f2;
    --color-bg-gray: #f0f0f0;
    --color-text: var(--color-ink);
    --font-en: "Outfit", "Noto Sans JP", sans-serif;
    --text-body-md: 1.6rem;
    --text-h4: 2.3rem;
    --text-button-lg: 2.5rem;
    --text-size-12: 1.2rem;
    --text-size-13: 1.3rem;
    --text-size-14: 1.4rem;
    --text-size-15: 1.5rem;
    --text-size-17: 1.7rem;
    --text-size-18: 1.8rem;
    --text-size-19: 1.9rem;
    --text-size-20: 2rem;
    --text-size-21: 2.1rem;
    --text-size-22: 2.2rem;
    --container-content: 108rem;
    --container-wide: 124rem;
    --color-line: #e2e5e5;
    --color-line-pale: #e0e5d9;
    --color-bg-pale: #f7f8f2;
    --color-yellow-pale: #fffde8;
    --color-eyebrow: #817600;
    --color-eyebrow-step: #8b9200;
    --color-eyebrow-sub: #737500;
    --color-muted-cool: #6b7375;
    --color-muted-warm: #6f777b;
    --color-bg-card: #f5f6f6;
    --color-bar-track: #b9c0c2;
    --color-line-cool: #dce1e5;
    --color-olive-deep: #72600c;
    --color-tag-yellow: #fcf0a7;
    --color-tag-gray: #edf1f5;
    --color-ink-navy: #24303e;
    --color-muted-slate: #66717e;
    --color-yellow-soft: #fff9d7;
    --color-line-slate: #536067;
    --color-bg-note: #f7f9f8;
    --color-primary-dark: #6f0103;
    --color-yellow-mist: #fffbdc;
    --color-line-record: #dee3e5;
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  html {
    font-size: 62.5%;
  }
  @media screen and (max-width: 767.98px) {
    html {
      font-size: 2.66667vw;
    }
  }
  body {
    color: var(--color-text);
    font-family: var(--font-sans);
    word-break: break-word;
    line-break: strict;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  @media (min-width: 768px), print {
    body {
      font-size: 1.6rem;
    }
  }
  @media print {
    html {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
  }
}
@layer components {
  @media (min-width: 48rem) and (not (min-width: 64rem)) {
    .grid-odd-center > :last-child:nth-child(odd) {
      grid-column: span 2;
      justify-self: center;
      width: calc(50% - 1.2rem);
    }
  }
  .custom-scrollbar::-webkit-scrollbar {
    height: 3px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #0003;
  }
  .faq-toggle-icon:before {
    content: "+";
  }
  .is-active .faq-toggle-icon:before {
    content: "−";
  }
  .sim-dash {
    margin-right: -0.6rem;
  }
  .sim-dash:before {
    content: "";
    background-color: currentColor;
    width: 2.9rem;
    height: 0.3rem;
    margin-right: 0.28em;
    display: inline-block;
    position: relative;
    top: -0.9rem;
    left: 0.2rem;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-x-\[2\.4rem\] {
    inset-inline: 2.4rem;
  }
  .inset-y-0 {
    inset-block: 0;
  }
  .-top-\[0\.2rem\] {
    top: -0.2rem;
  }
  .-top-\[1px\],
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: 0;
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-\[1\.912rem\] {
    top: 1.912rem;
  }
  .top-\[2\.249rem\] {
    top: 2.249rem;
  }
  .top-\[2\.657rem\] {
    top: 2.657rem;
  }
  .top-px {
    top: 1px;
  }
  .right-0 {
    right: 0;
  }
  .bottom-0 {
    bottom: 0;
  }
  .left-0 {
    left: 0;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-\[1\.4rem\] {
    left: 1.4rem;
  }
  .isolate {
    isolation: isolate;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .m-\[0\.8rem\] {
    margin: 0.8rem;
  }
  .-mx-\[2rem\] {
    margin-inline: -2rem;
  }
  .mx-\[0\.579rem\] {
    margin-inline: 0.579rem;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-\[0\.1rem\] {
    margin-top: -0.1rem;
  }
  .-mt-\[0\.2rem\] {
    margin-top: -0.2rem;
  }
  .-mt-\[0\.5rem\] {
    margin-top: -0.5rem;
  }
  .-mt-\[0\.6rem\] {
    margin-top: -0.6rem;
  }
  .-mt-\[0\.8rem\] {
    margin-top: -0.8rem;
  }
  .-mt-\[1px\],
  .-mt-px {
    margin-top: -1px;
  }
  .mt-\[0\.1rem\] {
    margin-top: 0.1rem;
  }
  .mt-\[0\.2rem\] {
    margin-top: 0.2rem;
  }
  .mt-\[0\.8rem\] {
    margin-top: 0.8rem;
  }
  .mt-\[1\.2rem\] {
    margin-top: 1.2rem;
  }
  .mt-\[1\.6rem\] {
    margin-top: 1.6rem;
  }
  .mt-\[1\.7rem\] {
    margin-top: 1.7rem;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2\.1rem\] {
    margin-top: 2.1rem;
  }
  .mt-\[2\.4rem\] {
    margin-top: 2.4rem;
  }
  .mt-\[2\.8rem\] {
    margin-top: 2.8rem;
  }
  .mt-\[2rem\] {
    margin-top: 2rem;
  }
  .mt-\[3\.2rem\] {
    margin-top: 3.2rem;
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-\[1\.4rem\] {
    margin-right: -1.4rem;
  }
  .-mr-\[2rem\] {
    margin-right: -2rem;
  }
  .-mb-\[0\.1rem\] {
    margin-bottom: -0.1rem;
  }
  .-mb-\[2px\] {
    margin-bottom: -2px;
  }
  .-mb-\[3\.6rem\] {
    margin-bottom: -3.6rem;
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-\[0\.1rem\] {
    margin-bottom: 0.1rem;
  }
  .mb-\[0\.2rem\] {
    margin-bottom: 0.2rem;
  }
  .mb-\[1px\] {
    margin-bottom: 1px;
  }
  .mb-\[2\.4rem\] {
    margin-bottom: 2.4rem;
  }
  .mb-\[2rem\] {
    margin-bottom: 2rem;
  }
  .ml-\[-37\.7rem\] {
    margin-left: -37.7rem;
  }
  .ml-\[2rem\] {
    margin-left: 2rem;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-\[296\/174\] {
    aspect-ratio: 296/174;
  }
  .aspect-\[320\/210\] {
    aspect-ratio: 320/210;
  }
  .aspect-\[528\/264\] {
    aspect-ratio: 528/264;
  }
  .aspect-\[528\/364\] {
    aspect-ratio: 528/364;
  }
  .aspect-\[620\/468\] {
    aspect-ratio: 620/468;
  }
  .size-\[2\.4rem\] {
    width: 2.4rem;
    height: 2.4rem;
  }
  .size-\[3\.2rem\] {
    width: 3.2rem;
    height: 3.2rem;
  }
  .size-\[3\.6rem\] {
    width: 3.6rem;
    height: 3.6rem;
  }
  .size-\[4\.8rem\] {
    width: 4.8rem;
    height: 4.8rem;
  }
  .size-\[4rem\] {
    width: 4rem;
    height: 4rem;
  }
  .size-\[5\.6rem\] {
    width: 5.6rem;
    height: 5.6rem;
  }
  .size-\[6\.4rem\] {
    width: 6.4rem;
    height: 6.4rem;
  }
  .size-\[6\.8rem\] {
    width: 6.8rem;
    height: 6.8rem;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\[0\.3rem\] {
    height: 0.3rem;
  }
  .h-\[0\.5rem\] {
    height: 0.5rem;
  }
  .h-\[1\.2rem\] {
    height: 1.2rem;
  }
  .h-\[1\.4rem\] {
    height: 1.4rem;
  }
  .h-\[1rem\] {
    height: 1rem;
  }
  .h-\[2rem\] {
    height: 2rem;
  }
  .h-\[3\.2rem\] {
    height: 3.2rem;
  }
  .h-\[3\.6rem\] {
    height: 3.6rem;
  }
  .h-\[4\.4rem\] {
    height: 4.4rem;
  }
  .h-\[4\.8rem\] {
    height: 4.8rem;
  }
  .h-\[5\.2rem\] {
    height: 5.2rem;
  }
  .h-\[6\.2rem\] {
    height: 6.2rem;
  }
  .h-\[6\.4rem\] {
    height: 6.4rem;
  }
  .h-\[6rem\] {
    height: 6rem;
  }
  .h-\[8rem\] {
    height: 8rem;
  }
  .h-\[11\.6851rem\] {
    height: 11.6851rem;
  }
  .h-\[12\.5026rem\] {
    height: 12.5026rem;
  }
  .h-\[12rem\] {
    height: 12rem;
  }
  .h-\[13\.5rem\] {
    height: 13.5rem;
  }
  .h-\[13\.59rem\] {
    height: 13.59rem;
  }
  .h-\[13\.1764rem\] {
    height: 13.1764rem;
  }
  .h-\[15\.5rem\] {
    height: 15.5rem;
  }
  .h-\[15\.16rem\] {
    height: 15.16rem;
  }
  .h-\[16rem\] {
    height: 16rem;
  }
  .h-\[17\.4rem\] {
    height: 17.4rem;
  }
  .h-\[17rem\] {
    height: 17rem;
  }
  .h-\[19rem\] {
    height: 19rem;
  }
  .h-\[21\.8rem\] {
    height: 21.8rem;
  }
  .h-\[51\.85rem\] {
    height: 51.85rem;
  }
  .h-\[57\.8rem\] {
    height: 57.8rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-\[5\.6rem\] {
    min-height: 5.6rem;
  }
  .min-h-\[6\.4rem\] {
    min-height: 6.4rem;
  }
  .min-h-\[6\.8rem\] {
    min-height: 6.8rem;
  }
  .min-h-\[6rem\] {
    min-height: 6rem;
  }
  .min-h-\[7\.2rem\] {
    min-height: 7.2rem;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-\[0\.3rem\] {
    width: 0.3rem;
  }
  .w-\[0\.8rem\] {
    width: 0.8rem;
  }
  .w-\[1\.8rem\] {
    width: 1.8rem;
  }
  .w-\[1\.95rem\] {
    width: 1.95rem;
  }
  .w-\[2\.4rem\] {
    width: 2.4rem;
  }
  .w-\[2\.6rem\] {
    width: 2.6rem;
  }
  .w-\[2\.5771rem\] {
    width: 2.5771rem;
  }
  .w-\[2\.8914rem\] {
    width: 2.8914rem;
  }
  .w-\[3\.2rem\] {
    width: 3.2rem;
  }
  .w-\[3\.6rem\] {
    width: 3.6rem;
  }
  .w-\[3\.6457rem\] {
    width: 3.6457rem;
  }
  .w-\[4\.2rem\] {
    width: 4.2rem;
  }
  .w-\[4\.4rem\] {
    width: 4.4rem;
  }
  .w-\[4\.6514rem\] {
    width: 4.6514rem;
  }
  .w-\[5\.6rem\] {
    width: 5.6rem;
  }
  .w-\[5\.9086rem\] {
    width: 5.9086rem;
  }
  .w-\[5rem\] {
    width: 5rem;
  }
  .w-\[6\.4rem\] {
    width: 6.4rem;
  }
  .w-\[6\.8rem\] {
    width: 6.8rem;
  }
  .w-\[6\.3486rem\] {
    width: 6.3486rem;
  }
  .w-\[6rem\] {
    width: 6rem;
  }
  .w-\[7\.81rem\] {
    width: 7.81rem;
  }
  .w-\[7\.341rem\] {
    width: 7.341rem;
  }
  .w-\[7\.439rem\] {
    width: 7.439rem;
  }
  .w-\[7rem\] {
    width: 7rem;
  }
  .w-\[8\.8rem\] {
    width: 8.8rem;
  }
  .w-\[8\.0457rem\] {
    width: 8.0457rem;
  }
  .w-\[8\.9257rem\] {
    width: 8.9257rem;
  }
  .w-\[8rem\] {
    width: 8rem;
  }
  .w-\[10\.342rem\] {
    width: 10.342rem;
  }
  .w-\[10\.3086rem\] {
    width: 10.3086rem;
  }
  .w-\[10rem\] {
    width: 10rem;
  }
  .w-\[11rem\] {
    width: 11rem;
  }
  .w-\[12\.8rem\] {
    width: 12.8rem;
  }
  .w-\[12\.1314rem\] {
    width: 12.1314rem;
  }
  .w-\[12\.7117rem\] {
    width: 12.7117rem;
  }
  .w-\[13\.2rem\] {
    width: 13.2rem;
  }
  .w-\[14\.878rem\] {
    width: 14.878rem;
  }
  .w-\[15\.6rem\] {
    width: 15.6rem;
  }
  .w-\[16\.153rem\] {
    width: 16.153rem;
  }
  .w-\[17\.57rem\] {
    width: 17.57rem;
  }
  .w-\[17\.944rem\] {
    width: 17.944rem;
  }
  .w-\[21\.8rem\] {
    width: 21.8rem;
  }
  .w-\[23\.13rem\] {
    width: 23.13rem;
  }
  .w-\[23\.68rem\] {
    width: 23.68rem;
  }
  .w-\[23rem\] {
    width: 23rem;
  }
  .w-\[24rem\] {
    width: 24rem;
  }
  .w-\[26rem\] {
    width: 26rem;
  }
  .w-\[38\.98rem\] {
    width: 38.98rem;
  }
  .w-\[76\.84rem\] {
    width: 76.84rem;
  }
  .w-\[108rem\] {
    width: 108rem;
  }
  .w-\[calc\(100\%\+1\.5rem\)\] {
    width: calc(100% + 1.5rem);
  }
  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-\[8\.4rem\] {
    max-width: 8.4rem;
  }
  .max-w-\[11\.7rem\] {
    max-width: 11.7rem;
  }
  .max-w-\[13rem\] {
    max-width: 13rem;
  }
  .max-w-\[14\.24rem\] {
    max-width: 14.24rem;
  }
  .max-w-\[15\.9rem\] {
    max-width: 15.9rem;
  }
  .max-w-\[15\.52rem\] {
    max-width: 15.52rem;
  }
  .max-w-\[17\.92rem\] {
    max-width: 17.92rem;
  }
  .max-w-\[18\.7rem\] {
    max-width: 18.7rem;
  }
  .max-w-\[18\.284rem\] {
    max-width: 18.284rem;
  }
  .max-w-\[20rem\] {
    max-width: 20rem;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[35\.6rem\] {
    max-width: 35.6rem;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[64rem\] {
    max-width: 64rem;
  }
  .max-w-\[132rem\] {
    max-width: 132rem;
  }
  .max-w-content {
    max-width: var(--container-content);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-wide {
    max-width: var(--container-wide);
  }
  .min-w-0 {
    min-width: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }
  .animate-marquee {
    animation: 40s linear infinite marquee;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: none;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-\[0\.6rem\] {
    gap: 0.6rem;
  }
  .gap-\[1\.6rem\] {
    gap: 1.6rem;
  }
  .gap-\[1rem\] {
    gap: 1rem;
  }
  .gap-\[2\.4rem\] {
    gap: 2.4rem;
  }
  .gap-\[4\.7rem\] {
    gap: 4.7rem;
  }
  .gap-x-\(--marquee-gap\) {
    column-gap: var(--marquee-gap);
  }
  .gap-x-0 {
    column-gap: 0;
  }
  .gap-x-\[0\.8rem\] {
    column-gap: 0.8rem;
  }
  .gap-x-\[1\.2rem\] {
    column-gap: 1.2rem;
  }
  .gap-x-\[1\.3rem\] {
    column-gap: 1.3rem;
  }
  .gap-x-\[1\.4rem\] {
    column-gap: 1.4rem;
  }
  .gap-x-\[1\.6rem\] {
    column-gap: 1.6rem;
  }
  .gap-x-\[1\.8rem\] {
    column-gap: 1.8rem;
  }
  .gap-x-\[1rem\] {
    column-gap: 1rem;
  }
  .gap-x-\[2\.4rem\] {
    column-gap: 2.4rem;
  }
  .gap-x-\[2rem\] {
    column-gap: 2rem;
  }
  .gap-x-\[3\.7rem\] {
    column-gap: 3.7rem;
  }
  .gap-x-\[3rem\] {
    column-gap: 3rem;
  }
  .gap-y-\[0\.2rem\] {
    row-gap: 0.2rem;
  }
  .gap-y-\[0\.4rem\] {
    row-gap: 0.4rem;
  }
  .gap-y-\[0\.6rem\] {
    row-gap: 0.6rem;
  }
  .gap-y-\[0\.8rem\] {
    row-gap: 0.8rem;
  }
  .gap-y-\[1\.1rem\] {
    row-gap: 1.1rem;
  }
  .gap-y-\[1\.2rem\] {
    row-gap: 1.2rem;
  }
  .gap-y-\[1\.4rem\] {
    row-gap: 1.4rem;
  }
  .gap-y-\[1\.5rem\] {
    row-gap: 1.5rem;
  }
  .gap-y-\[1\.6rem\] {
    row-gap: 1.6rem;
  }
  .gap-y-\[1\.8rem\] {
    row-gap: 1.8rem;
  }
  .gap-y-\[1\.255rem\] {
    row-gap: 1.255rem;
  }
  .gap-y-\[1px\] {
    row-gap: 1px;
  }
  .gap-y-\[1rem\] {
    row-gap: 1rem;
  }
  .gap-y-\[2\.2rem\] {
    row-gap: 2.2rem;
  }
  .gap-y-\[2\.4rem\] {
    row-gap: 2.4rem;
  }
  .gap-y-\[2\.5rem\] {
    row-gap: 2.5rem;
  }
  .gap-y-\[2\.7rem\] {
    row-gap: 2.7rem;
  }
  .gap-y-\[2\.8rem\] {
    row-gap: 2.8rem;
  }
  .gap-y-\[2rem\] {
    row-gap: 2rem;
  }
  .gap-y-\[3\.2rem\] {
    row-gap: 3.2rem;
  }
  .gap-y-\[3\.6rem\] {
    row-gap: 3.6rem;
  }
  .gap-y-\[4rem\] {
    row-gap: 4rem;
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded-\[0\.4rem\] {
    border-radius: 0.4rem;
  }
  .rounded-\[0\.5rem\] {
    border-radius: 0.5rem;
  }
  .rounded-\[0\.6rem\] {
    border-radius: 0.6rem;
  }
  .rounded-\[0\.8rem\] {
    border-radius: 0.8rem;
  }
  .rounded-\[1\.1rem\] {
    border-radius: 1.1rem;
  }
  .rounded-\[1\.2rem\] {
    border-radius: 1.2rem;
  }
  .rounded-\[1\.4rem\] {
    border-radius: 1.4rem;
  }
  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }
  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }
  .rounded-\[1rem\] {
    border-radius: 1rem;
  }
  .rounded-\[2\.8rem\] {
    border-radius: 2.8rem;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[3\.2rem\] {
    border-radius: 3.2rem;
  }
  .rounded-\[3\.4rem\] {
    border-radius: 3.4rem;
  }
  .rounded-\[3\.6rem\] {
    border-radius: 3.6rem;
  }
  .rounded-\[3rem\] {
    border-radius: 3rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-eyebrow\/25 {
    border-color: #81760040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-eyebrow\/25 {
      border-color: color-mix(in oklab, var(--color-eyebrow) 25%, transparent);
    }
  }
  .border-line {
    border-color: var(--color-line);
  }
  .border-line-cool {
    border-color: var(--color-line-cool);
  }
  .border-line-pale {
    border-color: var(--color-line-pale);
  }
  .border-line-record {
    border-color: var(--color-line-record);
  }
  .border-line-slate {
    border-color: var(--color-line-slate);
  }
  .bg-bar-track {
    background-color: var(--color-bar-track);
  }
  .bg-bg-card {
    background-color: var(--color-bg-card);
  }
  .bg-bg-gray {
    background-color: var(--color-bg-gray);
  }
  .bg-bg-note {
    background-color: var(--color-bg-note);
  }
  .bg-bg-pale {
    background-color: var(--color-bg-pale);
  }
  .bg-bg-tint {
    background-color: var(--color-bg-tint);
  }
  .bg-current {
    background-color: currentColor;
  }
  .bg-eyebrow {
    background-color: var(--color-eyebrow);
  }
  .bg-eyebrow-sub {
    background-color: var(--color-eyebrow-sub);
  }
  .bg-ink {
    background-color: var(--color-ink);
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-line-pale {
    background-color: var(--color-line-pale);
  }
  .bg-line-slate {
    background-color: var(--color-line-slate);
  }
  .bg-muted-cool {
    background-color: var(--color-muted-cool);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-tag-gray {
    background-color: var(--color-tag-gray);
  }
  .bg-tag-yellow {
    background-color: var(--color-tag-yellow);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow {
    background-color: var(--color-yellow);
  }
  .bg-yellow-mist {
    background-color: var(--color-yellow-mist);
  }
  .bg-yellow-pale {
    background-color: var(--color-yellow-pale);
  }
  .bg-yellow-soft {
    background-color: var(--color-yellow-soft);
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }
  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[url\(\'\.\.\/img\/top\/bg_kv\.png\'\)\] {
    background-image: url(../img/javascript/top/bg_kv.png);
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-white\/0 {
    --tw-gradient-from: #0000;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/0 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .from-white\/0 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-white\/0 {
    --tw-gradient-to: #0000;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-white\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .to-white\/0 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: 50%;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-\[1\.2rem\] {
    padding: 1.2rem;
  }
  .p-\[1\.6rem\] {
    padding: 1.6rem;
  }
  .p-\[1\.8rem\] {
    padding: 1.8rem;
  }
  .p-\[1rem\] {
    padding: 1rem;
  }
  .p-\[2\.4rem\] {
    padding: 2.4rem;
  }
  .p-\[2rem\] {
    padding: 2rem;
  }
  .p-\[3\.2rem\] {
    padding: 3.2rem;
  }
  .px-\[1\.2rem\] {
    padding-inline: 1.2rem;
  }
  .px-\[1\.6rem\] {
    padding-inline: 1.6rem;
  }
  .px-\[1rem\] {
    padding-inline: 1rem;
  }
  .px-\[2\.4rem\] {
    padding-inline: 2.4rem;
  }
  .px-\[2\.8rem\] {
    padding-inline: 2.8rem;
  }
  .px-\[2rem\] {
    padding-inline: 2rem;
  }
  .py-\[0\.4rem\] {
    padding-block: 0.4rem;
  }
  .py-\[0\.8rem\] {
    padding-block: 0.8rem;
  }
  .py-\[0\.9rem\] {
    padding-block: 0.9rem;
  }
  .py-\[1\.2rem\] {
    padding-block: 1.2rem;
  }
  .py-\[2\.2rem\] {
    padding-block: 2.2rem;
  }
  .py-\[2\.4rem\] {
    padding-block: 2.4rem;
  }
  .py-\[2rem\] {
    padding-block: 2rem;
  }
  .py-\[4\.8rem\] {
    padding-block: 4.8rem;
  }
  .py-\[5\.6rem\] {
    padding-block: 5.6rem;
  }
  .py-\[6rem\] {
    padding-block: 6rem;
  }
  .pt-\[0\.2rem\] {
    padding-top: 0.2rem;
  }
  .pt-\[1\.6rem\] {
    padding-top: 1.6rem;
  }
  .pt-\[1\.7rem\] {
    padding-top: 1.7rem;
  }
  .pt-\[1\.455rem\] {
    padding-top: 1.455rem;
  }
  .pt-\[1rem\] {
    padding-top: 1rem;
  }
  .pt-\[2\.2rem\] {
    padding-top: 2.2rem;
  }
  .pt-\[2\.3rem\] {
    padding-top: 2.3rem;
  }
  .pt-\[2\.4rem\] {
    padding-top: 2.4rem;
  }
  .pt-\[2\.7rem\] {
    padding-top: 2.7rem;
  }
  .pt-\[4\.8rem\] {
    padding-top: 4.8rem;
  }
  .pt-\[4rem\] {
    padding-top: 4rem;
  }
  .pt-\[5\.5rem\] {
    padding-top: 5.5rem;
  }
  .pt-\[5\.6rem\] {
    padding-top: 5.6rem;
  }
  .pr-\[2\.2rem\] {
    padding-right: 2.2rem;
  }
  .pr-\[2rem\] {
    padding-right: 2rem;
  }
  .pb-\[0\.1rem\] {
    padding-bottom: 0.1rem;
  }
  .pb-\[1\.4rem\] {
    padding-bottom: 1.4rem;
  }
  .pb-\[2\.3rem\] {
    padding-bottom: 2.3rem;
  }
  .pb-\[2\.8rem\] {
    padding-bottom: 2.8rem;
  }
  .pb-\[2rem\] {
    padding-bottom: 2rem;
  }
  .pb-\[3\.2rem\] {
    padding-bottom: 3.2rem;
  }
  .pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }
  .pb-\[4\.8rem\] {
    padding-bottom: 4.8rem;
  }
  .pb-\[4rem\] {
    padding-bottom: 4rem;
  }
  .pb-\[5\.6rem\] {
    padding-bottom: 5.6rem;
  }
  .pl-\[0\.5rem\] {
    padding-left: 0.5rem;
  }
  .pl-\[1\.3rem\] {
    padding-left: 1.3rem;
  }
  .pl-\[1\.6rem\] {
    padding-left: 1.6rem;
  }
  .pl-\[2\.8rem\] {
    padding-left: 2.8rem;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .-indent-\[1\.3rem\] {
    text-indent: -1.3rem;
  }
  .align-top {
    vertical-align: top;
  }
  .font-en {
    font-family: var(--font-en);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }
  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }
  .text-\[2\.4rem\] {
    font-size: 2.4rem;
  }
  .text-\[2\.6rem\] {
    font-size: 2.6rem;
  }
  .text-\[2\.8rem\] {
    font-size: 2.8rem;
  }
  .text-\[3\.2rem\] {
    font-size: 3.2rem;
  }
  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }
  .text-\[3\.6rem\] {
    font-size: 3.6rem;
  }
  .text-\[4\.4rem\] {
    font-size: 4.4rem;
  }
  .text-\[4\.8rem\] {
    font-size: 4.8rem;
  }
  .text-\[4rem\] {
    font-size: 4rem;
  }
  .text-\[5\.6rem\] {
    font-size: 5.6rem;
  }
  .text-\[5\.8rem\] {
    font-size: 5.8rem;
  }
  .text-\[5rem\] {
    font-size: 5rem;
  }
  .text-\[6\.3rem\] {
    font-size: 6.3rem;
  }
  .text-body-md {
    font-size: var(--text-body-md);
  }
  .text-button-lg {
    font-size: var(--text-button-lg);
  }
  .text-size-12 {
    font-size: var(--text-size-12);
  }
  .text-size-13 {
    font-size: var(--text-size-13);
  }
  .text-size-14 {
    font-size: var(--text-size-14);
  }
  .text-size-15 {
    font-size: var(--text-size-15);
  }
  .text-size-17 {
    font-size: var(--text-size-17);
  }
  .text-size-18 {
    font-size: var(--text-size-18);
  }
  .text-size-19 {
    font-size: var(--text-size-19);
  }
  .text-size-20 {
    font-size: var(--text-size-20);
  }
  .text-size-21 {
    font-size: var(--text-size-21);
  }
  .text-size-22 {
    font-size: var(--text-size-22);
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.22\] {
    --tw-leading: 1.22;
    line-height: 1.22;
  }
  .leading-\[1\.38\] {
    --tw-leading: 1.38;
    line-height: 1.38;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[2\.4rem\] {
    --tw-leading: 2.4rem;
    line-height: 2.4rem;
  }
  .leading-\[2\.7rem\] {
    --tw-leading: 2.7rem;
    line-height: 2.7rem;
  }
  .leading-\[2rem\] {
    --tw-leading: 2rem;
    line-height: 2rem;
  }
  .leading-\[4\.08rem\] {
    --tw-leading: 4.08rem;
    line-height: 4.08rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.104rem\] {
    --tw-tracking: 0.104rem;
    letter-spacing: 0.104rem;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-eyebrow {
    color: var(--color-eyebrow);
  }
  .text-eyebrow-step {
    color: var(--color-eyebrow-step);
  }
  .text-eyebrow-sub {
    color: var(--color-eyebrow-sub);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-ink-navy {
    color: var(--color-ink-navy);
  }
  .text-line-pale {
    color: var(--color-line-pale);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-muted-cool {
    color: var(--color-muted-cool);
  }
  .text-muted-slate {
    color: var(--color-muted-slate);
  }
  .text-muted-warm {
    color: var(--color-muted-warm);
  }
  .text-olive-deep {
    color: var(--color-olive-deep);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-surface {
    color: var(--color-surface);
  }
  .text-surface\/80 {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-surface\/80 {
      color: color-mix(in oklab, var(--color-surface) 80%, transparent);
    }
  }
  .text-text {
    color: var(--color-text);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/65 {
    color: #ffffffa6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-yellow {
    color: var(--color-yellow);
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-45 {
    opacity: 0.45;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .shadow-card {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #1a211a13);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-soft {
    --tw-shadow: 0 5px 18px var(--tw-shadow-color, #2633260d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[--marquee-gap\:4rem\] {
    --marquee-gap: 4rem;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  @media (hover: hover) {
    :is(:where(.group):hover .group-hover\:text-surface) {
      color: var(--color-surface);
    }
    :is(:where(.group):hover .group-hover\:brightness-0) {
      --tw-brightness: brightness(0%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
        var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    :is(:where(.group):hover .group-hover\:invert) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
        var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .placeholder\:text-muted-warm::placeholder {
    color: var(--color-muted-warm);
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    inset: 0;
  }
  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }
  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }
  .before\:-z-10:before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .before\:mb-\[1\.6rem\]:before {
    content: var(--tw-content);
    margin-bottom: 1.6rem;
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:h-\[0\.3rem\]:before {
    content: var(--tw-content);
    height: 0.3rem;
  }
  .before\:h-\[2\.4rem\]:before {
    content: var(--tw-content);
    height: 2.4rem;
  }
  .before\:w-\[0\.4rem\]:before {
    content: var(--tw-content);
    width: 0.4rem;
  }
  .before\:w-\[4\.8rem\]:before {
    content: var(--tw-content);
    width: 4.8rem;
  }
  .before\:translate-x-\[1rem\]:before {
    content: var(--tw-content);
    --tw-translate-x: 1rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:translate-y-\[1rem\]:before {
    content: var(--tw-content);
    --tw-translate-y: 1rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:rounded-\[1\.1rem\]:before {
    content: var(--tw-content);
    border-radius: 1.1rem;
  }
  .before\:bg-primary-dark:before {
    content: var(--tw-content);
    background-color: var(--color-primary-dark);
  }
  .before\:bg-yellow:before {
    content: var(--tw-content);
    background-color: var(--color-yellow);
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }
  .after\:-bottom-\[0\.3rem\]:after {
    content: var(--tw-content);
    bottom: -0.3rem;
  }
  .after\:left-\[-0\.9rem\]:after {
    content: var(--tw-content);
    left: -0.9rem;
  }
  .after\:-z-10:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .after\:h-\[0\.8rem\]:after {
    content: var(--tw-content);
    height: 0.8rem;
  }
  .after\:w-\[calc\(100\%\+0\.2rem\)\]:after {
    content: var(--tw-content);
    width: calc(100% + 0.2rem);
  }
  .after\:bg-yellow:after {
    content: var(--tw-content);
    background-color: var(--color-yellow);
  }
  .after\:bg-linear-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .after\:bg-linear-to-b:after {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .after\:bg-linear-to-b:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:from-black\/8:after {
    content: var(--tw-content);
    --tw-gradient-from: #00000014;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:from-black\/8:after {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .after\:from-black\/8:after {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:to-black\/94:after {
    content: var(--tw-content);
    --tw-gradient-to: #000000f0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:to-black\/94:after {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 94%, transparent);
    }
  }
  .after\:to-black\/94:after {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .hover\:bg-ink:hover {
      background-color: var(--color-ink);
    }
    .hover\:bg-primary:hover {
      background-color: var(--color-primary);
    }
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
  }
  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
  .focus\:fixed:focus {
    position: fixed;
  }
  .focus\:top-\[1rem\]:focus {
    top: 1rem;
  }
  .focus\:left-\[1rem\]:focus {
    left: 1rem;
  }
  .focus\:z-\[60\]:focus {
    z-index: 60;
  }
  .focus\:rounded-\[0\.3rem\]:focus {
    border-radius: 0.3rem;
  }
  .focus\:bg-primary:focus {
    background-color: var(--color-primary);
  }
  .focus\:px-\[1\.6rem\]:focus {
    padding-inline: 1.6rem;
  }
  .focus\:py-\[1rem\]:focus {
    padding-block: 1rem;
  }
  .focus\:text-size-14:focus {
    font-size: var(--text-size-14);
  }
  .focus\:font-bold:focus {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .focus\:text-white:focus {
    color: var(--color-white);
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-ink:focus-visible {
    outline-color: var(--color-ink);
  }
  .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--color-primary);
  }
  @media (hover: hover) {
    .enabled\:hover\:opacity-80:enabled:hover {
      opacity: 0.8;
    }
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:opacity-45:disabled {
    opacity: 0.45;
  }
  @media screen and (max-width: 63.99rem) {
    .max-lg\:min-h-\[4\.8rem\] {
      min-height: 4.8rem;
    }
    .max-lg\:max-w-\[22\.4rem\] {
      max-width: 22.4rem;
    }
    .max-lg\:max-w-\[24rem\] {
      max-width: 24rem;
    }
    .max-lg\:max-w-\[28\.8rem\] {
      max-width: 28.8rem;
    }
    .max-lg\:rounded-\[2\.4rem\] {
      border-radius: 2.4rem;
    }
    .max-lg\:px-\[1\.2rem\] {
      padding-inline: 1.2rem;
    }
    .max-lg\:text-size-12 {
      font-size: var(--text-size-12);
    }
    .max-lg\:text-size-13 {
      font-size: var(--text-size-13);
    }
    .max-lg\:leading-\[2\.1rem\] {
      --tw-leading: 2.1rem;
      line-height: 2.1rem;
    }
    .max-lg\:leading-\[2\.3rem\] {
      --tw-leading: 2.3rem;
      line-height: 2.3rem;
    }
  }
  @media screen and (max-width: 47.99rem) {
    .max-md\:mx-auto {
      margin-inline: auto;
    }
    .max-md\:min-h-\[4\.8rem\] {
      min-height: 4.8rem;
    }
    .max-md\:max-w-\[22rem\] {
      max-width: 22rem;
    }
    .max-md\:max-w-\[24rem\] {
      max-width: 24rem;
    }
    .max-md\:rounded-\[2\.4rem\] {
      border-radius: 2.4rem;
    }
    .max-md\:px-\[1rem\] {
      padding-inline: 1rem;
    }
    .max-md\:text-h4 {
      font-size: var(--text-h4);
    }
    .max-md\:text-size-12 {
      font-size: var(--text-size-12);
    }
    .max-md\:leading-\[1\.8rem\] {
      --tw-leading: 1.8rem;
      line-height: 1.8rem;
    }
  }
  @media (min-width: 48rem), print {
    .md\:relative {
      position: relative;
    }
    .md\:-top-\[0\.8rem\] {
      top: -0.8rem;
    }
    .md\:-top-\[2px\] {
      top: -2px;
    }
    .md\:right-\[7\.9rem\] {
      right: 7.9rem;
    }
    .md\:left-\[7\.9rem\] {
      left: 7.9rem;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:-mx-\[4rem\] {
      margin-inline: -4rem;
    }
    .md\:mx-\[0\.869rem\] {
      margin-inline: 0.869rem;
    }
    .md\:mx-auto {
      margin-inline: auto;
    }
    .md\:my-\[1\.876rem\] {
      margin-block: 1.876rem;
    }
    .md\:-mt-\[0\.1rem\] {
      margin-top: -0.1rem;
    }
    .md\:-mt-\[0\.2rem\] {
      margin-top: -0.2rem;
    }
    .md\:-mt-\[0\.3rem\] {
      margin-top: -0.3rem;
    }
    .md\:-mt-\[1\.4rem\] {
      margin-top: -1.4rem;
    }
    .md\:mt-\[0\.1rem\] {
      margin-top: 0.1rem;
    }
    .md\:mt-\[0\.2rem\] {
      margin-top: 0.2rem;
    }
    .md\:mt-\[1\.5rem\] {
      margin-top: 1.5rem;
    }
    .md\:mt-\[1\.9rem\] {
      margin-top: 1.9rem;
    }
    .md\:mt-\[1\.65rem\] {
      margin-top: 1.65rem;
    }
    .md\:mt-\[1rem\] {
      margin-top: 1rem;
    }
    .md\:mt-\[2\.1rem\] {
      margin-top: 2.1rem;
    }
    .md\:mt-\[4\.6rem\] {
      margin-top: 4.6rem;
    }
    .md\:mt-\[4\.8rem\] {
      margin-top: 4.8rem;
    }
    .md\:-mr-\[0\.8rem\] {
      margin-right: -0.8rem;
    }
    .md\:mr-0 {
      margin-right: 0;
    }
    .md\:mr-auto {
      margin-right: auto;
    }
    .md\:-mb-\[0\.1rem\] {
      margin-bottom: -0.1rem;
    }
    .md\:mb-\[2\.4rem\] {
      margin-bottom: 2.4rem;
    }
    .md\:mb-\[2\.9rem\] {
      margin-bottom: 2.9rem;
    }
    .md\:ml-\[0\.5rem\] {
      margin-left: 0.5rem;
    }
    .md\:block {
      display: block;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:aspect-\[280\/194\.78\] {
      aspect-ratio: 280/194.78;
    }
    .md\:aspect-\[388\/310\] {
      aspect-ratio: 388/310;
    }
    .md\:aspect-\[424\/340\] {
      aspect-ratio: 424/340;
    }
    .md\:h-\[0\.6rem\] {
      height: 0.6rem;
    }
    .md\:h-\[2\.3rem\] {
      height: 2.3rem;
    }
    .md\:h-\[3\.4rem\] {
      height: 3.4rem;
    }
    .md\:h-\[5\.8rem\] {
      height: 5.8rem;
    }
    .md\:h-\[7\.2rem\] {
      height: 7.2rem;
    }
    .md\:h-\[12rem\] {
      height: 12rem;
    }
    .md\:min-h-\[6\.4rem\] {
      min-height: 6.4rem;
    }
    .md\:min-h-\[24\.5rem\] {
      min-height: 24.5rem;
    }
    .md\:min-h-\[28\.1rem\] {
      min-height: 28.1rem;
    }
    .md\:min-h-\[31rem\] {
      min-height: 31rem;
    }
    .md\:min-h-\[48\.3rem\] {
      min-height: 48.3rem;
    }
    .md\:w-4\/5 {
      width: 80%;
    }
    .md\:w-\[3\.2rem\] {
      width: 3.2rem;
    }
    .md\:w-\[3\.6rem\] {
      width: 3.6rem;
    }
    .md\:w-\[5\.4rem\] {
      width: 5.4rem;
    }
    .md\:w-\[6\.9rem\] {
      width: 6.9rem;
    }
    .md\:w-\[9rem\] {
      width: 9rem;
    }
    .md\:w-\[11\.012rem\] {
      width: 11.012rem;
    }
    .md\:w-\[11\.0118rem\] {
      width: 11.0118rem;
    }
    .md\:w-\[11\.159rem\] {
      width: 11.159rem;
    }
    .md\:w-\[12rem\] {
      width: 12rem;
    }
    .md\:w-\[15\.6rem\] {
      width: 15.6rem;
    }
    .md\:w-\[15\.512rem\] {
      width: 15.512rem;
    }
    .md\:w-\[15\.619rem\] {
      width: 15.619rem;
    }
    .md\:w-\[30rem\] {
      width: 30rem;
    }
    .md\:w-\[34rem\] {
      width: 34rem;
    }
    .md\:w-\[36rem\] {
      width: 36rem;
    }
    .md\:w-\[48rem\] {
      width: 48rem;
    }
    .md\:w-\[54\.4rem\] {
      width: 54.4rem;
    }
    .md\:w-\[calc\(100\%\+0\.2rem\)\] {
      width: calc(100% + 0.2rem);
    }
    .md\:w-\[calc\(100\%-1\.2rem\)\] {
      width: calc(100% - 1.2rem);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:max-w-\[16\.738rem\] {
      max-width: 16.738rem;
    }
    .md\:max-w-\[18rem\] {
      max-width: 18rem;
    }
    .md\:max-w-\[22\.3rem\] {
      max-width: 22.3rem;
    }
    .md\:max-w-\[22\.21rem\] {
      max-width: 22.21rem;
    }
    .md\:max-w-\[23\.428rem\] {
      max-width: 23.428rem;
    }
    .md\:max-w-\[24\.2rem\] {
      max-width: 24.2rem;
    }
    .md\:max-w-\[24rem\] {
      max-width: 24rem;
    }
    .md\:max-w-\[26\.12rem\] {
      max-width: 26.12rem;
    }
    .md\:max-w-\[26rem\] {
      max-width: 26rem;
    }
    .md\:max-w-\[28rem\] {
      max-width: 28rem;
    }
    .md\:max-w-\[30rem\] {
      max-width: 30rem;
    }
    .md\:max-w-\[34rem\] {
      max-width: 34rem;
    }
    .md\:max-w-\[38rem\] {
      max-width: 38rem;
    }
    .md\:max-w-\[40rem\] {
      max-width: 40rem;
    }
    .md\:max-w-\[86rem\] {
      max-width: 86rem;
    }
    .md\:min-w-\[26rem\] {
      min-width: 26rem;
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:flex-\[300_1_0\] {
      flex: 300 1 0;
    }
    .md\:flex-\[420_1_0\] {
      flex: 420 1 0;
    }
    .md\:flex-\[480_1_0\%\] {
      flex: 480;
    }
    .md\:flex-\[544_1_0\%\] {
      flex: 544;
    }
    .md\:flex-\[604_1_0\] {
      flex: 604 1 0;
    }
    .md\:flex-\[720_1_0\] {
      flex: 720 1 0;
    }
    .md\:flex-none {
      flex: none;
    }
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:translate-y-\[0\.2rem\] {
      --tw-translate-y: 0.2rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[minmax\(0\,60fr\)_minmax\(0\,42\.4fr\)\] {
      grid-template-columns: minmax(0, 60fr) minmax(0, 42.4fr);
    }
    .md\:grid-cols-\[minmax\(0\,62fr\)_minmax\(0\,38\.8fr\)\] {
      grid-template-columns: minmax(0, 62fr) minmax(0, 38.8fr);
    }
    .md\:grid-cols-\[minmax\(0\,72fr\)_minmax\(0\,28fr\)\] {
      grid-template-columns: minmax(0, 72fr) minmax(0, 28fr);
    }
    .md\:grid-cols-\[minmax\(max-content\,30fr\)_minmax\(0\,70fr\)\] {
      grid-template-columns: minmax(max-content, 30fr) minmax(0, 70fr);
    }
    .md\:flex-col {
      flex-direction: column;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:gap-0 {
      gap: 0;
    }
    .md\:gap-\[2\.4rem\] {
      gap: 2.4rem;
    }
    .md\:gap-x-0 {
      column-gap: 0;
    }
    .md\:gap-x-\[0\.2rem\] {
      column-gap: 0.2rem;
    }
    .md\:gap-x-\[1\.2rem\] {
      column-gap: 1.2rem;
    }
    .md\:gap-x-\[1\.6rem\] {
      column-gap: 1.6rem;
    }
    .md\:gap-x-\[1\.8rem\] {
      column-gap: 1.8rem;
    }
    .md\:gap-x-\[2\.4rem\] {
      column-gap: 2.4rem;
    }
    .md\:gap-x-\[2rem\] {
      column-gap: 2rem;
    }
    .md\:gap-x-\[3\.2rem\] {
      column-gap: 3.2rem;
    }
    .md\:gap-x-\[3\.6rem\] {
      column-gap: 3.6rem;
    }
    .md\:gap-x-\[4\.3rem\] {
      column-gap: 4.3rem;
    }
    .md\:gap-x-\[4\.8rem\] {
      column-gap: 4.8rem;
    }
    .md\:gap-x-\[5\.5rem\] {
      column-gap: 5.5rem;
    }
    .md\:gap-x-\[5\.6rem\] {
      column-gap: 5.6rem;
    }
    .md\:gap-x-\[6rem\] {
      column-gap: 6rem;
    }
    .md\:gap-x-\[7\.2rem\] {
      column-gap: 7.2rem;
    }
    .md\:gap-x-\[8rem\] {
      column-gap: 8rem;
    }
    .md\:gap-y-0 {
      row-gap: 0;
    }
    .md\:gap-y-\[1\.4rem\] {
      row-gap: 1.4rem;
    }
    .md\:gap-y-\[2\.2rem\] {
      row-gap: 2.2rem;
    }
    .md\:gap-y-\[2\.4rem\] {
      row-gap: 2.4rem;
    }
    .md\:gap-y-\[2\.5rem\] {
      row-gap: 2.5rem;
    }
    .md\:gap-y-\[2\.8rem\] {
      row-gap: 2.8rem;
    }
    .md\:gap-y-\[2rem\] {
      row-gap: 2rem;
    }
    .md\:gap-y-\[3\.2rem\] {
      row-gap: 3.2rem;
    }
    .md\:self-auto {
      align-self: auto;
    }
    .md\:self-start {
      align-self: flex-start;
    }
    .md\:rounded-\[1\.4rem\] {
      border-radius: 1.4rem;
    }
    .md\:rounded-\[2\.8rem\] {
      border-radius: 2.8rem;
    }
    .md\:rounded-\[3\.2rem\] {
      border-radius: 3.2rem;
    }
    .md\:p-\[2\.4rem\] {
      padding: 2.4rem;
    }
    .md\:p-\[2\.8rem\] {
      padding: 2.8rem;
    }
    .md\:p-\[3\.2rem\] {
      padding: 3.2rem;
    }
    .md\:px-0 {
      padding-inline: 0;
    }
    .md\:px-\[2\.4rem\] {
      padding-inline: 2.4rem;
    }
    .md\:px-\[2\.8rem\] {
      padding-inline: 2.8rem;
    }
    .md\:px-\[2rem\] {
      padding-inline: 2rem;
    }
    .md\:px-\[3\.2rem\] {
      padding-inline: 3.2rem;
    }
    .md\:px-\[4rem\] {
      padding-inline: 4rem;
    }
    .md\:py-\[2\.6rem\] {
      padding-block: 2.6rem;
    }
    .md\:py-\[3\.2rem\] {
      padding-block: 3.2rem;
    }
    .md\:py-\[3\.4rem\] {
      padding-block: 3.4rem;
    }
    .md\:py-\[8\.8rem\] {
      padding-block: 8.8rem;
    }
    .md\:pt-\[0\.9rem\] {
      padding-top: 0.9rem;
    }
    .md\:pt-\[1\.1rem\] {
      padding-top: 1.1rem;
    }
    .md\:pt-\[2\.4rem\] {
      padding-top: 2.4rem;
    }
    .md\:pt-\[2\.7rem\] {
      padding-top: 2.7rem;
    }
    .md\:pt-\[2rem\] {
      padding-top: 2rem;
    }
    .md\:pt-\[3\.2rem\] {
      padding-top: 3.2rem;
    }
    .md\:pt-\[5\.6rem\] {
      padding-top: 5.6rem;
    }
    .md\:pt-\[6\.4rem\] {
      padding-top: 6.4rem;
    }
    .md\:pt-\[8\.5rem\] {
      padding-top: 8.5rem;
    }
    .md\:pt-\[8\.6rem\] {
      padding-top: 8.6rem;
    }
    .md\:pt-\[8\.8rem\] {
      padding-top: 8.8rem;
    }
    .md\:pt-\[8rem\] {
      padding-top: 8rem;
    }
    .md\:pt-\[9\.2rem\] {
      padding-top: 9.2rem;
    }
    .md\:pt-\[16\.4rem\] {
      padding-top: 16.4rem;
    }
    .md\:pr-\[1\.8rem\] {
      padding-right: 1.8rem;
    }
    .md\:pr-\[7\.9rem\] {
      padding-right: 7.9rem;
    }
    .md\:pb-\[0\.4rem\] {
      padding-bottom: 0.4rem;
    }
    .md\:pb-\[0\.6rem\] {
      padding-bottom: 0.6rem;
    }
    .md\:pb-\[1\.1rem\] {
      padding-bottom: 1.1rem;
    }
    .md\:pb-\[2\.3rem\] {
      padding-bottom: 2.3rem;
    }
    .md\:pb-\[2\.6rem\] {
      padding-bottom: 2.6rem;
    }
    .md\:pb-\[2\.9rem\] {
      padding-bottom: 2.9rem;
    }
    .md\:pb-\[6\.4rem\] {
      padding-bottom: 6.4rem;
    }
    .md\:pb-\[6\.6rem\] {
      padding-bottom: 6.6rem;
    }
    .md\:pb-\[8\.8rem\] {
      padding-bottom: 8.8rem;
    }
    .md\:pb-\[8\.9rem\] {
      padding-bottom: 8.9rem;
    }
    .md\:pb-\[9rem\] {
      padding-bottom: 9rem;
    }
    .md\:pl-\[2\.4rem\] {
      padding-left: 2.4rem;
    }
    .md\:pl-\[7\.9rem\] {
      padding-left: 7.9rem;
    }
    .md\:pl-\[8rem\] {
      padding-left: 8rem;
    }
    .md\:text-\[2\.4rem\] {
      font-size: 2.4rem;
    }
    .md\:text-\[2\.8rem\] {
      font-size: 2.8rem;
    }
    .md\:text-\[2\.9rem\] {
      font-size: 2.9rem;
    }
    .md\:text-\[3\.6rem\] {
      font-size: 3.6rem;
    }
    .md\:text-\[3rem\] {
      font-size: 3rem;
    }
    .md\:text-\[4\.5rem\] {
      font-size: 4.5rem;
    }
    .md\:text-\[4rem\] {
      font-size: 4rem;
    }
    .md\:text-\[5\.8rem\] {
      font-size: 5.8rem;
    }
    .md\:text-\[6\.2rem\] {
      font-size: 6.2rem;
    }
    .md\:text-\[6\.4rem\] {
      font-size: 6.4rem;
    }
    .md\:text-\[6rem\] {
      font-size: 6rem;
    }
    .md\:text-\[7\.2rem\] {
      font-size: 7.2rem;
    }
    .md\:text-\[10rem\] {
      font-size: 10rem;
    }
    .md\:text-\[11rem\] {
      font-size: 11rem;
    }
    .md\:text-body-md {
      font-size: var(--text-body-md);
    }
    .md\:text-h4 {
      font-size: var(--text-h4);
    }
    .md\:text-size-13 {
      font-size: var(--text-size-13);
    }
    .md\:text-size-14 {
      font-size: var(--text-size-14);
    }
    .md\:text-size-15 {
      font-size: var(--text-size-15);
    }
    .md\:text-size-17 {
      font-size: var(--text-size-17);
    }
    .md\:text-size-18 {
      font-size: var(--text-size-18);
    }
    .md\:text-size-19 {
      font-size: var(--text-size-19);
    }
    .md\:text-size-21 {
      font-size: var(--text-size-21);
    }
    .md\:text-size-22 {
      font-size: var(--text-size-22);
    }
    .md\:leading-\[1\.6\] {
      --tw-leading: 1.6;
      line-height: 1.6;
    }
    .md\:leading-\[2\.2rem\] {
      --tw-leading: 2.2rem;
      line-height: 2.2rem;
    }
    .md\:leading-\[2\.3rem\] {
      --tw-leading: 2.3rem;
      line-height: 2.3rem;
    }
    .md\:leading-\[2\.5rem\] {
      --tw-leading: 2.5rem;
      line-height: 2.5rem;
    }
    .md\:leading-\[2\.7rem\] {
      --tw-leading: 2.7rem;
      line-height: 2.7rem;
    }
    .md\:leading-\[2\.8rem\] {
      --tw-leading: 2.8rem;
      line-height: 2.8rem;
    }
    .md\:leading-\[2\.9rem\] {
      --tw-leading: 2.9rem;
      line-height: 2.9rem;
    }
    .md\:leading-\[3\.1rem\] {
      --tw-leading: 3.1rem;
      line-height: 3.1rem;
    }
    .md\:leading-\[3\.2rem\] {
      --tw-leading: 3.2rem;
      line-height: 3.2rem;
    }
    .md\:leading-\[4\.8rem\] {
      --tw-leading: 4.8rem;
      line-height: 4.8rem;
    }
    .md\:leading-\[4rem\] {
      --tw-leading: 4rem;
      line-height: 4rem;
    }
    .md\:leading-\[7rem\] {
      --tw-leading: 7rem;
      line-height: 7rem;
    }
    .md\:tracking-\[0\.28rem\] {
      --tw-tracking: 0.28rem;
      letter-spacing: 0.28rem;
    }
    .md\:\[--marquee-gap\:6\.4rem\] {
      --marquee-gap: 6.4rem;
    }
    .md\:before\:mb-\[2\.2rem\]:before {
      content: var(--tw-content);
      margin-bottom: 2.2rem;
    }
    .md\:after\:h-\[1\.2rem\]:after {
      content: var(--tw-content);
      height: 1.2rem;
    }
    .md\:after\:w-\[calc\(100\%-1\.5rem\)\]:after {
      content: var(--tw-content);
      width: calc(100% - 1.5rem);
    }
    @media screen and (max-width: 1198.98px) {
      .md\:max-\[1199px\]\:shrink {
        flex-shrink: 1;
      }
    }
    @media screen and (max-width: 79.99rem) {
      .md\:max-xl\:mt-\[3\.2rem\] {
        margin-top: 3.2rem;
      }
      .md\:max-xl\:mt-\[4rem\] {
        margin-top: 4rem;
      }
      .md\:max-xl\:h-\[7rem\] {
        height: 7rem;
      }
      .md\:max-xl\:h-\[43\.4rem\] {
        height: 43.4rem;
      }
      .md\:max-xl\:w-\[7rem\] {
        width: 7rem;
      }
      .md\:max-xl\:w-\[17\.3rem\] {
        width: 17.3rem;
      }
      .md\:max-xl\:w-\[17\.8rem\] {
        width: 17.8rem;
      }
      .md\:max-xl\:gap-x-\[2\.4rem\] {
        column-gap: 2.4rem;
      }
      .md\:max-xl\:px-\[2\.4rem\] {
        padding-inline: 2.4rem;
      }
      .md\:max-xl\:pt-\[6rem\] {
        padding-top: 6rem;
      }
      .md\:max-xl\:pt-\[13\.4rem\] {
        padding-top: 13.4rem;
      }
      .md\:max-xl\:pb-\[6\.4rem\] {
        padding-bottom: 6.4rem;
      }
      .md\:max-xl\:text-\[3\.4rem\] {
        font-size: 3.4rem;
      }
      .md\:max-xl\:text-\[7rem\] {
        font-size: 7rem;
      }
    }
    @media screen and (max-width: 63.99rem) {
      .md\:max-lg\:last\:odd\:col-span-full:last-child:nth-child(odd) {
        grid-column: 1/-1;
      }
      .md\:max-lg\:last\:odd\:mx-auto:last-child:nth-child(odd) {
        margin-inline: auto;
      }
      .md\:max-lg\:last\:odd\:max-w-\[calc\(\(100\%-2\.4rem\)\/2\)\]:last-child:nth-child(odd) {
        max-width: calc(50% - 1.2rem);
      }
    }
    @media screen and (max-width: 56.87rem) {
      .md\:max-nav\:min-h-\[5\.6rem\] {
        min-height: 5.6rem;
      }
      .md\:max-nav\:max-w-\[27\.2rem\] {
        max-width: 27.2rem;
      }
      .md\:max-nav\:rounded-\[2\.8rem\] {
        border-radius: 2.8rem;
      }
      .md\:max-nav\:px-\[1\.2rem\] {
        padding-inline: 1.2rem;
      }
      .md\:max-nav\:text-size-13 {
        font-size: var(--text-size-13);
      }
      .md\:max-nav\:leading-\[2\.3rem\] {
        --tw-leading: 2.3rem;
        line-height: 2.3rem;
      }
    }
  }
  @media (min-width: 56.875rem), print {
    .nav\:absolute {
      position: absolute;
    }
    .nav\:top-0 {
      top: 0;
    }
    .nav\:right-0 {
      right: 0;
    }
    .nav\:block {
      display: block;
    }
    .nav\:h-full {
      height: 100%;
    }
    .nav\:w-\[2rem\] {
      width: 2rem;
    }
    .nav\:w-auto {
      width: auto;
    }
    .nav\:w-full {
      width: 100%;
    }
    .nav\:max-w-\[32rem\] {
      max-width: 32rem;
    }
    .nav\:max-w-\[70rem\] {
      max-width: 70rem;
    }
    .nav\:min-w-\[45rem\] {
      min-width: 45rem;
    }
    .nav\:flex-1 {
      flex: 1;
    }
    .nav\:flex-row {
      flex-direction: row;
    }
    .nav\:items-start {
      align-items: flex-start;
    }
    .nav\:gap-x-\[6rem\] {
      column-gap: 6rem;
    }
    .nav\:gap-y-0 {
      row-gap: 0;
    }
    .nav\:self-start {
      align-self: flex-start;
    }
    .nav\:bg-yellow {
      background-color: var(--color-yellow);
    }
  }
  @media (min-width: 64rem), print {
    .lg\:mx-0 {
      margin-inline: 0;
    }
    .lg\:mb-0 {
      margin-bottom: 0;
    }
    .lg\:block {
      display: block;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline {
      display: inline;
    }
    .lg\:min-h-\[26\.4rem\] {
      min-height: 26.4rem;
    }
    .lg\:w-\[30rem\] {
      width: 30rem;
    }
    .lg\:w-\[32rem\] {
      width: 32rem;
    }
    .lg\:w-\[62rem\] {
      width: 62rem;
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:max-w-\[26\.12rem\] {
      max-width: 26.12rem;
    }
    .lg\:max-w-\[70rem\] {
      max-width: 70rem;
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:flex-\[420_1_0\] {
      flex: 420 1 0;
    }
    .lg\:flex-\[428_1_0\] {
      flex: 428 1 0;
    }
    .lg\:flex-\[620_1_0\] {
      flex: 620 1 0;
    }
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[minmax\(0\,62fr\)_minmax\(0\,40\.4fr\)\] {
      grid-template-columns: minmax(0, 62fr) minmax(0, 40.4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,62fr\)_minmax\(0\,42fr\)\] {
      grid-template-columns: minmax(0, 62fr) minmax(0, 42fr);
    }
    .lg\:grid-cols-\[minmax\(0\,280fr\)_minmax\(0\,752fr\)\] {
      grid-template-columns: minmax(0, 280fr) minmax(0, 752fr);
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-x-\[2\.4rem\] {
      column-gap: 2.4rem;
    }
    .lg\:gap-x-\[3\.2rem\] {
      column-gap: 3.2rem;
    }
    .lg\:gap-x-\[4\.8rem\] {
      column-gap: 4.8rem;
    }
    .lg\:gap-x-\[4rem\] {
      column-gap: 4rem;
    }
    .lg\:gap-x-\[5\.6rem\] {
      column-gap: 5.6rem;
    }
    .lg\:gap-x-\[6rem\] {
      column-gap: 6rem;
    }
    .lg\:gap-y-0 {
      row-gap: 0;
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:pt-\[3\.2rem\] {
      padding-top: 3.2rem;
    }
    .lg\:text-left {
      text-align: left;
    }
    .lg\:text-\[4\.8rem\] {
      font-size: 4.8rem;
    }
    .lg\:text-size-17 {
      font-size: var(--text-size-17);
    }
  }
  @media (min-width: 80rem), print {
    .xl\:right-\[calc\(max\(4rem\,50vw_-_62rem\)\*-1\)\] {
      right: calc(-1 * max(4rem, 50vw - 62rem));
    }
    .xl\:-left-\[11rem\] {
      left: -11rem;
    }
    .xl\:mx-0 {
      margin-inline: 0;
    }
    .xl\:mt-\[6\.4rem\] {
      margin-top: 6.4rem;
    }
    .xl\:mb-\[4\.8rem\] {
      margin-bottom: 4.8rem;
    }
    .xl\:-ml-\[2\.2rem\] {
      margin-left: -2.2rem;
    }
    .xl\:ml-0 {
      margin-left: 0;
    }
    .xl\:block {
      display: block;
    }
    .xl\:inline {
      display: inline;
    }
    .xl\:h-\[10\.1rem\] {
      height: 10.1rem;
    }
    .xl\:h-\[10\.9rem\] {
      height: 10.9rem;
    }
    .xl\:h-\[17\.4rem\] {
      height: 17.4rem;
    }
    .xl\:min-h-\[64rem\] {
      min-height: 64rem;
    }
    .xl\:w-\[10\.7rem\] {
      width: 10.7rem;
    }
    .xl\:w-\[10rem\] {
      width: 10rem;
    }
    .xl\:w-\[28rem\] {
      width: 28rem;
    }
    .xl\:w-\[30rem\] {
      width: 30rem;
    }
    .xl\:w-\[34rem\] {
      width: 34rem;
    }
    .xl\:w-\[35\.6rem\] {
      width: 35.6rem;
    }
    .xl\:w-\[36rem\] {
      width: 36rem;
    }
    .xl\:w-\[46rem\] {
      width: 46rem;
    }
    .xl\:w-auto {
      width: auto;
    }
    .xl\:max-w-\[62rem\] {
      max-width: 62rem;
    }
    .xl\:min-w-\[63rem\] {
      min-width: 63rem;
    }
    .xl\:flex-1 {
      flex: 1;
    }
    .xl\:shrink-0 {
      flex-shrink: 0;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-start {
      align-items: flex-start;
    }
    .xl\:justify-start {
      justify-content: flex-start;
    }
    .xl\:gap-0 {
      gap: 0;
    }
    .xl\:gap-x-\[3\.2rem\] {
      column-gap: 3.2rem;
    }
    .xl\:gap-x-\[4rem\] {
      column-gap: 4rem;
    }
    .xl\:gap-x-\[7\.8rem\] {
      column-gap: 7.8rem;
    }
    .xl\:self-start {
      align-self: flex-start;
    }
    .xl\:rounded-\[3\.6rem\] {
      border-radius: 3.6rem;
    }
    .xl\:rounded-l-\[1\.1rem\] {
      border-top-left-radius: 1.1rem;
      border-bottom-left-radius: 1.1rem;
    }
    .xl\:rounded-l-none {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .xl\:rounded-r-\[1\.1rem\] {
      border-top-right-radius: 1.1rem;
      border-bottom-right-radius: 1.1rem;
    }
    .xl\:rounded-r-none {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .xl\:px-0 {
      padding-inline: 0;
    }
    .xl\:px-\[3rem\] {
      padding-inline: 3rem;
    }
    .xl\:py-0 {
      padding-block: 0;
    }
    .xl\:pt-\[2rem\] {
      padding-top: 2rem;
    }
    .xl\:pt-\[3rem\] {
      padding-top: 3rem;
    }
    .xl\:pt-\[30\.5rem\] {
      padding-top: 30.5rem;
    }
    .xl\:pr-\[3\.6rem\] {
      padding-right: 3.6rem;
    }
    .xl\:pr-\[12rem\] {
      padding-right: 12rem;
    }
    .xl\:pb-\[3\.7rem\] {
      padding-bottom: 3.7rem;
    }
    .xl\:pb-\[3rem\] {
      padding-bottom: 3rem;
    }
    .xl\:pl-\[2\.2rem\] {
      padding-left: 2.2rem;
    }
    .xl\:pl-\[4rem\] {
      padding-left: 4rem;
    }
    .xl\:text-left {
      text-align: left;
    }
    .xl\:text-\[7\.6rem\] {
      font-size: 7.6rem;
    }
    .xl\:\[clip-path\:polygon\(8rem_0\,100\%_0\,100\%_100\%\,0_100\%\)\] {
      clip-path: polygon(8rem 0, 100% 0, 100% 100%, 0 100%);
    }
    .xl\:after\:left-0:after {
      content: var(--tw-content);
      left: 0;
    }
    .xl\:after\:w-\[calc\(100\%\+0\.2rem\)\]:after {
      content: var(--tw-content);
      width: calc(100% + 0.2rem);
    }
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
}
@page {
  size: 1440px 2036px;
  margin: 0;
}
@keyframes marquee {
  to {
    transform: translateX(calc(-50% - var(--marquee-gap) / 2));
  }
}
@supports ((-moz-appearance: none)) {
  @media (min-width: 768px), print {
    .badge-text-lift {
      padding-top: 0.3rem;
      padding-bottom: 0.5rem;
    }
  }
  .kv-eyebrow:before {
    --tw-translate-y: calc(-50% + 1px);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}


@media (min-width: 1299.98px) {
  .tbl-lg2 {
    display: none !important;
  }
}
@media (max-width: 1299.98px) {
  .tbl-lg3 {
    display: none !important;
  }

  body.is-has-menu {
    position: fixed;
    width: 100%;
  }
  body.is-has-menu .overlay-menu {
    display: block;
  }
}
@media (max-width: 1099.98px) {
  .tbl-lg {
    display: none !important;
  }
}
@media (min-width: 1100px) {
  .tbl-sm {
    display: none !important;
  }
}

/* .md .sm utility (from sass/base/_base.sass) */
@media (max-width: 767.98px) {
  .md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sm {
    display: none !important;
  }
}

/* header + button (from aihtmlcoding-header.css) */
.header-site {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 101;
}
.header-site.header-clone.is-header-fixed {
  background: #ea2125;
}
.header-site.has-block-button.is-header-fixed .header-logo {
  opacity: 1;
  visibility: visible;
}
.header-site .header-logo {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: absolute;
  display: block;
}
.header-site.header-clone {
  position: fixed;
  background: #ea2125;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease-out, visibility 0.35s ease-out, top 0.35s ease-out;
}
.header-site.has-block-button {
  background: #f5f5f5;
}
.header-site.has-block-button .header-logo {
  opacity: 0;
  visibility: hidden;
}
.header-site.header-clone.is-header-fixed {
  opacity: 1;
  visibility: visible;
}
.header-site.header-clone:before {
  display: none;
}

@media (min-width: 768px) {
  .header-site:before {
    width: 200px;
    -ms-transform: skewX(41deg);
    transform: skewX(41deg);
    margin-left: -495px;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .header-site:before {
    margin-left: -278px;
  }
}
@media (min-width: 768px) {
  .header-site.header-clone.is-header-fixed {
    top: 0;
  }
  .header-site.header-clone .button-to-top {
    visibility: visible;
    opacity: 1;
  }
  .header-site:after, .header-site:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    background: #ea2125;
    pointer-events: none;
  }
}
@media (min-width: 1940px) {
  .header-site.header-clone.is-header-fixed .header-navigation {
    padding-right: 456px;
  }
}
@media (max-width: 767.98px) {
  .header-site.header-clone.is-header-fixed {
    bottom: 0;
    top: unset;
  }
  .header-site.header-clone.is-header-fixed .header-logo {
    opacity: 0;
    visibility: hidden;
  }
  .header-site.header-clone.is-header-fixed .wrapper {
    height: 6rem;
  }
  .header-site.header-clone.is-header-fixed .header-button {
    right: 0;
    background: #c11c1f;
    height: 7rem;
    width: 6rem;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.16);
    z-index: 100;
  }
  .header-site.header-clone.is-header-fixed .header-button .button-wrapper {
    display: none;
  }
  .header-site.header-clone.is-header-fixed .header-button span {
    background: #fff;
  }
  .header-site.header-clone.is-header-fixed .header-navigation-list {
    opacity: 1;
    visibility: visible;
    width: 84%;
    z-index: 99;
  }
}
.header-navigation {
  font-weight: 700;
}
.header-navigation .navigation-link {
  display: block;
  color: #fff;
  position: relative;
}

.button-to-top {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #c11c1f;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
.button-to-top > span {
  display: block;
  position: relative;
  padding-top: 12px;
}
.button-to-top > span:before {
  content: "";
  border-bottom: 12px solid #d94141;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  left: 50%;
  top: 0;
}

@media (min-width: 768px) {
  .header-site {
    background: #fff;
  }
  .header-site:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    background: #ea2125;
    pointer-events: none;
  }
  .header-site:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    background: #ea2125;
    pointer-events: none;
    width: 200px;
    -ms-transform: skewX(41deg);
    transform: skewX(41deg);
    margin-left: -495px;
  }
  .header-site:after {
    right: 0;
    margin-left: -450px;
  }
  .header-site .wrapper {
    min-height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 100;
  }
  .header-site .button-primary {
    border-color: #fff;
    border-width: 2px;
    width: 120px;
    min-height: 50px;
    right: 70px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    font-size: 15px;
  }
  .header-site .button-primary:after, .header-site .button-primary:before {
    display: none;
  }
  .header-site .header-logo {
    width: 220px;
    z-index: 45;
    top: 50%;
    margin-top: -8px;
    left: 20px;
  }
  .header-site .icon-phone .info-link {
    pointer-events: none;
  }
  .header-site .logo-fixed {
    display: none;
  }
  .header-site.header-clone {
    top: -300px;
  }
  .header-site.header-clone .logo-default {
    display: none;
  }
  .header-site.header-clone .logo-fixed {
    display: block;
  }
  .header-site.header-clone .header-logo {
    width: 190px;
    left: 100px;
  }
  .header-site.header-clone .button-to-top {
    z-index: 10;
  }
  .button-to-top {
    height: 90px;
    width: 70px;
    font-size: 12px;
    position: fixed;
    right: 50%;
    margin-right: -960px;
  }
  .button-to-top > span {
    padding-top: 12px;
  }
  .button-to-top > span:before {
    margin-left: -12px;
  }
  .is-has-input .header-navigation, .is-has-input .button-primary {
    opacity: 0;
    visibility: hidden;
  }
}
.is-has-input .header-navigation.js-navigation {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1300px) {
  .header-navigation {
    height: auto !important;
    display: block !important;
    right: auto !important;
    padding-right: 389px;
  }
  .header-navigation .navigation-list {
    max-width: 680px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-navigation .navigation-link:after {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border-radius: 50%;
    bottom: -9px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
  }
  .header-navigation .navigation-link:hover:after, .header-navigation .navigation-link.is-active:after {
    opacity: 1;
  }
  .header-navigation .navigation-link {
    font-size: 14px;
    line-height: 1.4;
  }
  .navigation-list > li {
    margin: 0 15px;
  }
  .is-mac .header-site .button-primary {
    padding-top: 0;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .header-site .button-primary {
    width: 90px;
  }
}
@media (min-width: 1600px) {
  .header-site .navigation-list {
    max-width: 1015px;
  }
  .header-site .button-primary {
    padding-left: 2px;
  }
  .header-site.header-clone .wrapper {
    min-height: 90px;
  }
  .header-site.header-clone .header-logo img {
    height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1937px) {
  .header-site.header-clone .wrapper {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    margin: 0;
  }
  .header-site.header-clone .button-to-top {
    position: absolute;
    margin-right: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1599.98px) {
  .header-site.header-clone .wrapper {
    min-height: 80px;
  }
  .header-site.header-clone .search-block {
    right: 70px;
  }
  .header-site.header-clone .button-to-top {
    bottom: 0;
    top: 0;
    height: auto;
  }
  .header-site.header-clone .button-primary {
    right: 120px;
  }
  .header-site.header-clone .button-chat {
    right: 246px;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .header-site:before {
    margin-left: -330px;
  }
  .header-site:after {
    margin-left: -236px;
  }
  .header-site .header-logo {
    width: 180px;
    margin-top: -7px;
  }
  .header-site .button-primary {
    right: 50px;
  }
  .header-site.header-clone .header-logo {
    width: 160px;
    left: 99px;
    margin-top: -6px;
  }
  .header-navigation {
    margin-right: 4px;
    padding-right: 260px;
  }
  .navigation-list {
    margin-top: 6px;
  }
  .navigation-list > li {
    margin-left: 3px;
  }
}
@media (min-width: 1300px) {
  .header-navigation .header-button {
    display: none;
  }
}
@media (min-width: 1300px) and (max-width: 1600px) {
  .header-site.header-clone .header-logo img {
    height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .header-site.header-clone .wrapper {
    padding-left: 7.6vw;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .header-site.header-clone .navigation-list > li {
    margin: 0 10px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .header-site.header-clone .wrapper {
    padding-left: 20px;
  }
  .header-site.header-clone .header-logo {
    left: 20px;
  }
}
@media (max-width: 1299.98px) {
  .header-site {
    -ms-transform: none !important;
    transform: none !important;
  }
  .header-button {
    position: absolute;
    top: 50%;
    z-index: 102;
    cursor: pointer;
  }
  .header-button > span {
    height: 3px;
    top: 50%;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: ease 0.25s;
    border-radius: 2px;
  }
  .header-button > span:first-child {
    margin-top: -14px;
  }
  .header-button > span:nth-child(2) {
    margin-top: -4px;
  }
  .header-button > span:last-child {
    margin-top: 6px;
  }
  .header-button .button-wrapper {
    padding-top: 3px;
    font-size: 10px;
  }
  .header-button.is-active > span:first-child {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-button.is-active > span:nth-child(2) {
    opacity: 0;
  }
  .header-button.is-active > span:last-child {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-navigation {
    top: 0;
    right: -800px;
    position: fixed;
    background: #ea2125;
    z-index: 50;
    height: 100vh;
  }
  .header-navigation .navigation-inner {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .header-navigation .navigation-link {
    border-bottom: 1px solid #990003;
  }
  .header-navigation .navigation-sub {
    border-bottom: 1px solid #990003;
  }
  .header-navigation .navigation-sub a {
    display: block;
    color: #fff;
  }
  .navigation-list > li:last-child .navigation-sub {
    border-bottom: none;
  }
  .navigation-info > li {
    position: relative;
  }
  .navigation-info > li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: no-repeat center/100% auto;
    pointer-events: none;
  }
  .navigation-info > li.icon-mail:before {
    background-image: url(../img/common/icon_mail.svg);
  }
  .navigation-info > li.icon-headphone:before {
    background-image: url(../img/common/icon_headphone.svg);
  }
  .navigation-info > li.icon-phone:before {
    background-image: url(../img/common/icon_phone.svg);
  }
  .navigation-info .info-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #c11c1f;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 2px solid #fff;
    transition: 0.3s ease;
  }
  .navigation-info .info-link:hover {
    color: #fff;
  }
  .navigation-info .info-link:hover .button-animate {
    width: 225%;
    height: 400%;
  }
  .navigation-info .link-item {
    position: relative;
    z-index: 2;
  }
  .overlay-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: none;
    left: 0;
    top: 0;
    z-index: 40;
  }
  .is-has-menu .search-block, .is-has-menu .button-to-top {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .header-site .header-navigation {
    max-width: 950px;
  }
  .header-site:before {
    margin-left: -110px;
  }
  .header-site:after {
    margin-left: -75px;
  }
  .header-site .wrapper {
    min-height: 70px;
  }
  .header-site .header-logo {
    width: 150px;
    margin-top: -8px;
  }
  .header-site .button-primary {
    font-size: 14px;
    min-height: 40px;
    right: 122px;
    margin-top: -20px;
    padding-top: 2px;
  }
  .is-mac.is-safari .header-site .button-primary {
    padding-top: 1px;
  }
  .header-site.header-clone .wrapper {
    min-height: 70px;
  }
  .header-site.header-clone .header-logo {
    width: 150px;
  }
  .header-site.header-clone .header-logo img {
    height: 16px;
  }
  .header-site.header-clone .search-block {
    right: 142px;
  }
  .header-site.header-clone .header-button {
    right: 70px;
  }
  .header-site.header-clone .button-primary {
    right: 194px;
  }
  .header-site.header-clone .button-to-top {
    padding-top: 5px;
  }
  .header-button {
    width: 40px;
    height: 40px;
    right: 65px;
    margin-top: -20px;
  }
  .header-button > span {
    width: 34px;
    margin-left: -17px;
  }
  .header-button.is-active > span {
    margin-top: -3px;
  }
  .navigation-list {
    padding: 0 15px;
  }
  .header-navigation {
    width: 400px;
    padding-top: 70px;
    padding-right: 0 !important;
  }
  .header-navigation .navigation-inner {
    padding: 12px 30px 50px;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
  }
  .header-navigation .navigation-inner::-webkit-scrollbar {
    width: 8px;
  }
  .header-navigation .navigation-inner::-webkit-scrollbar-track {
    background: none;
  }
  .header-navigation .navigation-inner::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .is-ipad .header-navigation .navigation-inner {
    -webkit-overflow-scrolling: touch;
  }
  .header-navigation .navigation-link {
    padding: 9px 0;
    font-size: 16px;
  }
  .header-navigation .navigation-sub {
    margin: 6px 0;
    padding-left: 30px;
    font-size: 14px;
  }
  .header-navigation .navigation-sub a {
    padding: 8px 0;
  }
  .header-navigation .sub-menu {
    padding-left: 14px;
  }
  .navigation-info {
    padding: 0 16px;
    margin-bottom: 20px;
  }
  .navigation-info > li {
    padding-left: 43px;
  }
  .navigation-info > li:before {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .navigation-info > li:not(:last-child) {
    margin-bottom: 9px;
  }
  .navigation-info .info-link {
    min-height: 40px;
    padding: 4px 6px;
    border-radius: 20px;
  }
  .is-has-menu .header-button {
    right: 30px !important;
  }
  .is-has-menu .button-primary, .is-has-menu .button-chat {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 1299.98px) {
  body.is-menu {
    position: fixed;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  body.is-has-menu .zsiq_custommain img {
    border-radius: 50% !important;
  }
  body .zsiq_custommain {
    width: 6rem !important;
    height: 6rem !important;
    z-index: 224748364 !important;
  }
  .zsiq_custommain img {
    width: 100% !important;
  }
  body.is-has-menu .zsiq_custommain {
    z-index: 2247483640 !important;
  }
  body.has-block-button .zsiq_custommain {
    z-index: 224748360 !important;
  }
  .siq_bR {
    bottom: 1rem !important;
    right: 1rem !important;
  }
  .header-site {
    font-size: 1.6rem;
    background: #ea2125;
  }
  .header-site .wrapper {
    height: 5.5rem;
  }
  .header-site .header-logo {
    width: 14rem;
    padding: 0.5rem;
    position: relative;
    top: 1.5rem;
    z-index: 103;
  }
  .header-site.header-clone .header-button {
    right: 11rem;
  }
  .header-site.header-clone .search-block {
    right: 6.4rem;
  }
  .header-site .button-to-top {
    width: 5.5rem;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 1.2rem;
    position: absolute;
    z-index: 100;
  }
  .header-site .button-to-top > span {
    padding-top: 1.2rem;
  }
  .header-site .button-to-top > span:before {
    border-bottom-width: 1.2rem;
    border-right-width: 1.2rem;
    border-left-width: 1.2rem;
    margin-left: -1.2rem;
  }
  .header-button {
    width: 4rem;
    height: 4rem;
    right: 6rem;
    margin-top: -2rem;
  }
  .header-button > span {
    width: 2.5rem;
    margin-left: -1.25rem;
  }
  .header-button > span:first-child {
    margin-top: -1.4rem;
  }
  .header-button > span:nth-child(2) {
    margin-top: -0.6rem;
  }
  .header-button > span:last-child {
    margin-top: 0.2rem;
  }
  .header-button .button-wrapper {
    padding-top: 0.3rem;
    font-size: 1rem;
  }
  .header-button.is-active > span {
    margin-top: -0.3rem;
  }
  .header-navigation {
    width: 32rem;
    padding-top: 5.5rem;
    min-height: 100vh;
    z-index: 100;
  }
  .header-navigation .navigation-inner {
    padding: 3rem 2.5rem 12rem;
    -webkit-overflow-scrolling: touch;
  }
  .header-navigation .navigation-link {
    padding: 0.9rem 0 0.8rem;
  }
  .header-navigation .navigation-sub {
    margin-top: 0.6rem;
    padding-left: 2.4rem;
  }
  .header-navigation .navigation-sub a {
    padding: 0.76rem 0;
    font-size: 1.4rem;
  }
  .header-navigation .sub-menu {
    padding-left: 1.4rem;
  }
  .navigation-info {
    margin-bottom: 1.5rem;
  }
  .navigation-info > li {
    padding-left: 4rem;
  }
  .navigation-info > li:before {
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
  }
  .navigation-info > li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .navigation-info .info-link {
    min-height: 4rem;
    border-radius: 2rem;
    padding: 0.6rem;
  }
  .is-has-menu .header-button {
    right: 2rem !important;
  }
}
.search-block {
  position: absolute;
  z-index: 5;
  top: 50%;
}
.search-block .button-search {
  background: url(../img/common/icon_search.svg) no-repeat center center/25px auto;
  cursor: pointer;
}
.search-block .search-form {
  position: absolute;
  right: 100%;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: -10;
  width: 0;
  transition: visibility 0.3s ease, width 0.4s ease;
  padding: 2px;
}
.search-block .search-input {
  appearance: none;
  display: block;
  font-family: inherit;
  line-height: inherit;
  box-shadow: none;
  background: #fff;
  width: 100%;
}

.is-has-input .search-form {
  opacity: 1;
  z-index: 5;
  visibility: visible;
}

@media (min-width: 1600px) {
  .search-block {
    right: 15px;
  }
  .is-has-input .search-form {
    width: 750px;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .search-block {
    right: 0;
  }
  .is-has-input .search-form {
    width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .search-block {
    right: 10px;
  }
  .is-has-input .search-form {
    width: 390px;
  }
}
@media (min-width: 768px) {
  .search-block {
    margin-top: -24px;
  }
  .search-block .button-search {
    width: 50px;
    height: 50px;
    margin-top: -2px;
  }
  .search-block .search-form {
    top: -2px;
  }
  .search-block .search-input {
    height: 50px;
    border-radius: 50px;
    padding: 0 20px;
  }
}
@media (max-width: 767.98px) {
  .search-block {
    margin-top: -1.8rem;
    right: 6rem;
    z-index: 101;
  }
  .search-block .button-search {
    width: 4rem;
    height: 3.6rem;
    background-size: 2.5rem;
  }
  .search-block .search-input {
    height: 3.6rem;
    border-radius: 5rem;
    padding: 0 2rem;
    width: calc(100% - 3.6rem);
    margin: 0 0 0 auto;
  }
  .search-block .search-form {
    margin-top: -2px;
  }
  .is-has-input.header-clone .search-form {
    width: 25rem;
  }
  .is-has-input .search-form {
    width: 30rem;
  }
}
@media (max-width: 1299.98px) {
  .header-button > span {
    background: #c11c1f;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .header-button {
    width: 40px;
    height: 40px;
    right: 65px;
    margin-top: -20px;
    font-size: 10px;
    line-height: 1.7;
  }
}
@media (max-width: 767.98px) {
  .header-site.header-clone .header-button {
    right: 5.5rem;
  }
  .header-site.header-clone .search-block {
    right: 11rem;
  }
  .header-button {
    width: 5.5rem;
    height: 5.5rem;
    top: 0;
    right: 0;
    background: #f8f2f2;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
    margin-top: 0;
  }
  .navigation-info > li:last-child {
    padding-left: 0;
  }
  .navigation-info > li:last-child .link-item {
    color: #2a64c5;
    position: relative;
    top: 1px;
  }
  .is-has-menu .header-button {
    right: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .is-has-input .search-form {
    width: 26rem;
  }
  .is-has-input.header-clone .search-form {
    width: 21rem;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .search-block {
    right: 70px;
  }
  .is-has-input .search-form {
    width: 310px;
  }
  .is-has-menu .header-button {
    right: 0 !important;
  }
  .header-button {
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;
    margin-top: 0;
    font-size: 10px;
    line-height: 1.7;
    background: #f8f2f2;
  }
}
@media (max-width: 767.98px) {
  .search-block {
    margin-top: -1.8rem;
    right: 6rem;
    z-index: 101;
  }
}
.header-site .button-primary {
  color: #000;
  transition: color 0.3s, background 0.3s;
  border: 2px solid #fff;
}
.header-site .button-primary:hover {
  color: #fff;
  background: #2a64c5;
}

.header-button .button-wrapper {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.header-button > span:last-child {
  color: #c11c1f;
  font-weight: 900;
}
.header-button.is-active > span:last-child .button-wrapper {
  opacity: 0;
}

.is-has-menu .header-button {
  background: #ea2125;
}

.header-button.is-active > span:first-child, .header-button.is-active > span:last-child {
  background: #fff;
}

.js-lightbox-popup {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.js-lightbox-popup .wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.js-lightbox-popup .popup-light-box-cell {
  width: 100%;
  max-height: calc(100% - 0.6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-lightbox-popup .modal-block {
  width: 3.45rem;
  border-radius: 0.05rem;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.js-lightbox-popup .block-header {
  position: relative;
  padding: 0.36rem 0.36rem 0.14rem;
}
.js-lightbox-popup .header-title {
  margin: 0;
  color: #2a64c5;
  font-size: 0.22rem;
  font-weight: 700;
  line-height: 1.2272727273;
  text-align: center;
}
.js-lightbox-popup .popup-icon-close {
  position: absolute;
  top: 0.15rem;
  right: 0.2rem;
  width: 0.25rem;
  margin-bottom: 0;
  cursor: pointer;
}
.js-lightbox-popup .block-content {
  margin-bottom: 0;
  padding: 0.15rem 0.15rem 0.2rem;
  overflow: auto;
  list-style: none;
}
.js-lightbox-popup .block-content li {
  margin-bottom: 0.1rem;
}
.js-lightbox-popup .block-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1.1rem;
  padding: 0.15rem;
  padding-right: 0.45rem;
  box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.16);
  color: #000;
}
.js-lightbox-popup .block-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0.23rem;
  width: 0.14rem;
  height: 0.12rem;
  background: url(../img/common/button_arrow.png) 100%/cover no-repeat;
}
.js-lightbox-popup .block-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.15rem;
  width: 0.3rem;
  height: 0.3rem;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: background 0.3s ease;
  border-radius: 50%;
  background: #2a64c5;
}
.js-lightbox-popup .block-image {
  height: 0.6rem;
}
.js-lightbox-popup .block-image img {
  width: auto;
  height: 100%;
}
.js-lightbox-popup .block-title {
  margin-bottom: 0;
  margin-left: 0.13rem;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1.5;
}
.js-lightbox-popup .phone-text {
  position: relative;
  margin-bottom: 0.09rem;
  padding-left: 0.82rem;
  font-size: 0.14rem;
  font-weight: 500;
  line-height: 1.2857142857;
}
.js-lightbox-popup .phone-text::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.09rem;
  left: -0.09rem;
  width: 0.81rem;
  height: 0.6rem;
  background: url(../img/common/sp/button_ico_04.png) 100%/cover no-repeat;
}
.js-lightbox-popup .phone-number {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 0.7rem;
  margin: 0 -0.1rem;
  border-bottom-right-radius: 0.05rem;
  border-bottom-left-radius: 0.05rem;
  background: #2a64c5;
}
.js-lightbox-popup .number-inner {
  position: relative;
  padding-left: 0.35rem;
}
.js-lightbox-popup .number-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 49%;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/common/button_phone.png) 100%/cover no-repeat;
}
.js-lightbox-popup .block-phone {
  padding: 0 0.15rem 0.05rem;
}

@media (max-width: 320px) {
  .header-button {
    font-size: 8px;
  }
}
.block-button {
  background-color: #f5f5f5;
}
.block-button .button-block {
  background: #f5f5f5;
}
.block-button .block-title {
  margin-bottom: 0;
  color: #c11c1f;
}
.block-button .block-title span {
  display: block;
  font-weight: 700;
}
.block-button .block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.block-button .block-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.block-button .list-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  color: #000;
  text-decoration: none;
}
.block-button .list-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: url(../img/common/button_arrow.png) 100%/cover no-repeat;
}
.block-button .list-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  transition: background 0.3s ease;
  border-radius: 50%;
  background: #ddd;
}
.block-button .list-wrapper:hover::after {
  background: #2a64c5;
}
.block-button .list-title, .block-button .footer-text {
  margin-bottom: 0;
  font-weight: 700;
}
.block-button .button-footer {
  filter: drop-shadow(0 3px 3.5px rgba(0, 0, 0, 0.16));
  background: #fff;
  position: relative;
  z-index: 100;
}
.block-button .footer-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.block-button .footer-text {
  position: relative;
}
.block-button .footer-text::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background: url(../img/common/button_ico_04.png) 100%/cover no-repeat;
}
.block-button .list-image img {
  position: relative;
  width: auto;
  height: 100%;
}

@media print, (min-width: 768px) {
  .block-button {
    position: absolute;
    z-index: 10;
    width: 100%;
    display: none;
  }
  .block-button .block-wrapper {
    width: 100%;
    max-width: none;
    padding: 29px 0 10px 130px;
  }
  .block-button .block-title {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 10px;
    padding-right: 30px;
  }
  .block-button .button-block {
    padding-bottom: 15px;
  }
  .block-button .title-top {
    font-size: 58px;
  }
  .block-button .title-bottom {
    margin-top: -9px;
    padding-left: 6px;
    font-size: 18px;
    line-height: 1.5;
  }
  .block-button .block-list {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 1005px;
    margin: -5px 5px -5px -15px;
  }
  .block-button .block-list li {
    width: 33.3333333333%;
    padding: 5px 0 5px 15px;
  }
  .block-button .list-wrapper {
    height: 100%;
    min-height: 118px;
    padding: 20px 22px;
  }
  .block-button .list-wrapper::before {
    right: 18px;
    bottom: 17px;
    width: 14px;
    height: 12px;
  }
  .block-button .list-wrapper::after {
    right: 11px;
    bottom: 8px;
    width: 30px;
    height: 30px;
  }
  .block-button .list-image {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 75px;
  }
  .block-button .list-title {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 5px 0 5px 20px;
    font-size: 18px;
    line-height: 1.5;
  }
  .block-button .footer-wrapper {
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 70px !important;
    padding: 0 29px;
  }
  .block-button .footer-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0 21px 111px;
    font-size: 17px;
    line-height: 1.5882352941;
  }
  .block-button .footer-text::before {
    bottom: 0;
    left: 0;
    width: 102px;
    height: 76px;
  }
  .block-button .footer-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 37px;
  }
}
@media (min-width: 1100px) and (max-width: 1599.98px) {
  .block-button {
    width: 100%;
    max-width: none;
  }
  .block-button .block-wrapper {
    max-width: 1540px;
    margin: 0 auto;
    padding: 29px 0 10px;
  }
  .block-button .button-block {
    max-width: 1240px;
  }
  .header-site:not(.header-clone) .block-button .list-title {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .block-button .list-title {
    margin-left: 10px;
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1490px) {
  .block-button .block-wrapper {
    padding: 29px 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .block-button .title-top {
    font-size: 45px;
  }
  .block-button .block-list {
    margin: -5px;
  }
  .block-button .block-list li {
    width: 33.3333333333%;
    padding: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .block-button .block-list li {
    width: 100%;
  }
  .block-button .list-image {
    min-width: 87px;
  }
  .block-button .block-wrapper {
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .block-button {
    display: none;
  }
  footer .footer-block {
    align-items: center;
    position: fixed;
    bottom: 5rem;
    left: 0;
    z-index: 99999;
    width: 100%;
  }
  footer .block-button {
    width: 27.4rem;
    min-height: 6rem;
    color: #2a64c5;
    font-size: 1.8rem;
    line-height: 1.5;
    background-color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6rem;
    padding: 1rem 2rem;
    box-shadow: 0.3rem 0.3rem 2rem rgba(0, 0, 0, 0.3);
    margin: 0 auto;
  }
  footer .block-chat {
    width: 6rem;
  }
  footer .block-chat img {
    width: 100%;
    margin-left: 10px;
  }
}
@media (max-width: 1299.98px) {
  .navigation-info .info-link {
    transition: color 0.3s, background 0.3s;
    border: 2px solid #fff;
  }
  .navigation-info .info-link:hover {
    background: #2a64c5;
  }
  .navigation-info .info-link:hover .link-item {
    color: #fff;
  }
  .navigation-info > li:last-child .link-item {
    color: #000;
    position: relative;
    top: 1px;
  }
}
body.is-has-menu .footer-block {
  display: none;
}

@media (max-width: 767.98px) {
  .footer-site {
    padding: 5.7rem 0 10rem;
  }
}
@media (max-width: 1299.98px) {
  .navigation-search {
    position: relative;
  }
  .navigation-search .search-form {
    border-bottom: 1px solid #fff;
    position: relative;
    margin-bottom: 0.3rem;
  }
  .navigation-search .search-input {
    width: 100%;
    min-height: 0.3rem;
    padding-left: 0.3rem;
    color: #fff;
    outline: none;
  }
  .navigation-search .button-search {
    background: url(../img/common/icon_search.svg) no-repeat center center/cover;
    cursor: pointer;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 0.05rem;
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .navigation-search {
    position: relative;
  }
  .navigation-search .search-form {
    border-bottom: 1px solid #fff;
    position: relative;
    margin-bottom: 30px;
  }
  .navigation-search .search-input {
    width: 100%;
    min-height: 30px;
    padding-left: 30px;
  }
  .navigation-search .button-search {
    background: url(../img/common/icon_search.svg) no-repeat center center/cover;
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
  }
}
.list-common-timetable {
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.list-common-timetable .list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-common-timetable .list-item.is-background .item-day {
  background-color: #F8F2F2;
}
.list-common-timetable .list-item.is-saturday .item-day, .list-common-timetable .list-item.is-saturday .item-date {
  color: #c11c1f;
}
.list-common-timetable .list-item.is-sunday .item-day, .list-common-timetable .list-item.is-sunday .item-date {
  color: #c11c1f;
}
.list-common-timetable .item-wrapper {
  display: block;
  position: relative;
  z-index: 0;
  height: 100%;
  background-color: #fff;
}
.list-common-timetable .item-bubble {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  left: 50%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: center center/contain no-repeat;
  color: #fff;
}
.list-common-timetable .item-bubble .bubble-wrapper {
  display: block;
  position: relative;
}
.list-common-timetable .item-bubble .bubble-highlight, .list-common-timetable .item-bubble .bubble-note {
  position: relative;
}
.list-common-timetable .item-day, .list-common-timetable .item-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
}
.list-common-timetable .item-day {
  background-color: #f0f0f0;
}
.list-common-timetable .item-day .day-wrapper {
  display: block;
  position: relative;
}
.list-common-timetable .item-date .date-wrapper {
  display: block;
  position: relative;
}
.list-common-timetable .item-date .date-month, .list-common-timetable .item-date .date-day {
  position: relative;
}

@media print, (min-width: 768px) {
  .list-common-timetable {
    max-width: 1280px;
    margin: 45px auto 30px;
    font-size: 17px;
  }
  .list-common-timetable .list-wrapper {
    margin: 0 -5px -107px 0;
  }
  .list-common-timetable .list-item {
    width: 7.6923076923%;
    padding: 0 5px 100px 0;
  }
  .list-common-timetable .item-wrapper {
    padding: 5px;
  }
  .list-common-timetable .item-bubble {
    bottom: calc(100% - 31px);
    width: 120px;
    height: 120px;
    padding: 23px 25px 30px;
  }
  .list-common-timetable .item-bubble.is-black {
    background-image: url(../img/common/bubble_timetable_01.svg);
  }
  .list-common-timetable .item-bubble.is-red {
    background-image: url(../img/common/bubble_timetable_02.svg);
  }
  .list-common-timetable .item-bubble .bubble-highlight {
    font-size: 20px;
  }
  .list-common-timetable .item-bubble .bubble-note {
    font-size: 14px;
  }
  .list-common-timetable .item-day {
    min-height: 70px;
    padding: 5px;
  }
  .list-common-timetable .item-date {
    min-height: 70px;
    padding: 5px;
  }
  .list-common-timetable .item-date .date-day {
    font-size: 30px;
  }
}
@media print, (min-width: 768px) and (max-width: 1280px) {
  .list-common-timetable .list-item {
    width: 10%;
  }
}
@media print, (min-width: 768px) and (max-width: 1024px) {
  .list-common-timetable .list-item {
    width: 12.5%;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-common-timetable {
    font-size: 0.12rem;
  }
  .list-common-timetable .list-wrapper {
    margin: 0 -0.02rem -0.67rem 0;
  }
  .list-common-timetable .list-item {
    width: 14.2857142857%;
    padding: 0 0.02rem 0.67rem 0;
  }
  .list-common-timetable .list-item:nth-child(6) {
    margin-right: 14.2857142857%;
  }
  .list-common-timetable .item-wrapper {
    padding: 0.03rem;
  }
  .list-common-timetable .item-bubble {
    bottom: calc(100% - 0.21rem);
    width: 0.88rem;
    height: 0.88rem;
    padding: 0.2rem 0.15rem 0.26rem;
  }
  .list-common-timetable .item-bubble.is-black {
    background-image: url(../img/common/sp/bubble_timetable_01.svg);
  }
  .list-common-timetable .item-bubble.is-red {
    background-image: url(../img/common/sp/bubble_timetable_02.svg);
  }
  .list-common-timetable .item-bubble .bubble-highlight {
    font-size: 0.16rem;
  }
  .list-common-timetable .item-bubble .bubble-note {
    font-size: 0.1rem;
  }
  .list-common-timetable .item-day, .list-common-timetable .item-date {
    padding: 0.02rem;
  }
  .list-common-timetable .item-day {
    min-height: 0.55rem;
    font-size: 0.15rem;
  }
  .list-common-timetable .item-date {
    min-height: 0.49rem;
    padding-top: 0.07rem;
  }
}
.button-chat {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #000;
  border: 2px solid #fff;
  transition: color 0.2s, background 0.2s;
  font-weight: 700;
}
.button-chat span {
  display: block;
}
.button-chat .button-logo {
  flex: 0 0 auto;
  position: relative;
}
.button-chat .button-logo img {
  transition: filter 0.2s;
}
.button-chat:hover {
  color: #fff;
  background: #2a64c5;
}
.button-chat:hover img {
  filter: brightness(100);
}
@media (min-width: 768px) {
  .button-chat {
    width: 190px;
    min-height: 50px;
    padding: 5px 23px 5px 10px;
    font-size: 14px;
    border-radius: 50px;
    right: 203px;
    position: absolute;
  }
  .button-chat .button-logo {
    width: 20px;
    margin-right: 5px;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .button-chat {
    width: 135px;
    padding: 5px;
  }
  .button-chat .button-logo {
    width: 20px;
  }
}
@media (min-width: 1300px) and (max-width: 1599.98px) {
  .button-chat {
    right: 145px;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .button-chat {
    min-height: 40px;
    right: 255px;
  }
}
@media (max-width: 767.98px) {
  .button-chat {
    width: 100%;
    min-height: 4.4rem;
    padding: 0.5rem 2.3rem 0.5rem 1rem;
    font-size: 1.7rem;
    border-radius: 4.4rem;
    margin-bottom: 3rem;
  }
  .button-chat .button-logo {
    width: 3.5rem;
  }
  .button-chat .button-logo img {
    width: 100%;
    display: block;
  }
  .button-chat span {
    position: relative;
    top: 0.2rem;
  }
}

.header-site.header-clone .button-chat {
  right: 215px;
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .header-site.header-clone .button-chat {
    right: 325px;
  }
}

@media (min-width: 768px) and (max-width: 1299.98px) {
  .header-navigation .button-chat {
    position: relative;
    right: 0 !important;
    width: 78%;
    margin-left: 58px;
    margin-bottom: 20px;
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 1600px) {
  .header-site.header-clone .search-block {
    right: 96px;
  }
  .header-site.header-clone .button-primary {
    right: 154px;
  }
  .header-site.header-clone .button-chat {
    right: 285px;
  }
}
.header-navigation-list {
  position: fixed;
  z-index: 103;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease-out, visibility 0.35s ease-out;
  bottom: 0;
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.16);
}
.header-navigation-list .item-image img {
  width: 100%;
  display: block;
}
.header-navigation-list .list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.header-navigation-list .list-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.header-navigation-list .list-item .item-text {
  font-size: 1.4rem;
}
.header-navigation-list .list-item:nth-child(1) {
  padding: 2rem 1.4rem;
  background: #f8eaeb;
}
.header-navigation-list .list-item:nth-child(1) .item-image {
  width: 3.2rem;
}
.header-navigation-list .list-item:nth-child(2) {
  padding: 1.9rem 0.5rem;
  background: #fff;
}
.header-navigation-list .list-item:nth-child(2) .item-image {
  width: 2rem;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* modules/_button (dev/sass) */
.button-primary {
  border: 1px solid #c11c1f;
  border-radius: 50px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  line-height: 1.4;
  color: #c11c1f;
  overflow: hidden;
  transition: 0.3s ease;
}
.button-primary:before {
  content: "";
  border-radius: 50px;
  border: 2px solid #c11c1f;
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  pointer-events: none;
  z-index: 2;
}
.button-primary:after {
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #c11c1f;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: border-color 0.3s;
}
.button-primary:hover {
  color: #fff;
}
.button-primary:hover:after {
  border-left-color: #fff;
}
.button-primary:hover .button-animate {
  width: 225%;
  height: 400%;
}
.button-primary .button-text {
  position: relative;
  z-index: 2;
}
.button-primary .button-animate {
  z-index: 0;
}
@media (min-width: 768px) {
  .button-primary {
    font-size: 18px;
  }
  .button-primary.is-button-small {
    min-height: 50px;
    padding: 4px 32px;
  }
  .button-primary.is-button-small:after {
    right: 20px;
  }
  .button-primary.is-button-large {
    min-height: 60px;
    padding: 4px 44px;
  }
  .button-primary.is-button-large:after {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  .button-primary {
    min-height: 4.5rem;
    padding: 0.4rem 3.5rem;
  }
  .button-primary:after {
    border-width: 1rem;
    right: 2rem;
  }
  .button-primary.is-button-small {
    font-size: 1.4rem;
  }
  .button-primary.is-button-small:after {
    border-width: 0.7rem;
  }
  .button-primary .button-animate {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
}

.button-animate {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #c11c1f;
  display: block;
  position: absolute;
  transition: width 0.4s ease, height 0.4s ease;
  transform: translate(-50%, -50%);
}
/* .wrapper (from sass/base/_base.sass) */
@media (min-width: 768px) {
  .wrapper {
    max-width: 1760px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
}
@media (max-width: 767.98px) {
  .wrapper {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
  }
}

/* footer (from sass/parts/_footer.sass) */
.footer-site {
  background: #2b2a2a;
  position: relative;
}
.footer-site .footer-copyright {
  color: #d1d1d1;
  text-align: center;
  display: block;
}
.footer-site .footer-logo {
  display: block;
}

@media (min-width: 768px) {
  .footer-site {
    font-size: 14px;
    line-height: 2.1428571429;
  }
  .footer-site .wrapper {
    max-width: 1706px;
    padding-bottom: 50px;
  }
  .footer-site .footer-navigation {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-site .footer-head,
  .footer-site .footer-note {
    color: #707070;
    font-weight: 700;
  }
  .footer-site .footer-head {
    margin-left: 8px;
    line-height: 1.3636363636;
  }
  .footer-site .footer-note {
    margin-left: 5px;
    font-size: 15px;
  }
  .footer-site .footer-list {
    padding-left: 3px;
  }
  .footer-site .footer-sub {
    margin-left: 14px;
  }
  .footer-site .footer-link {
    padding: 0 5px;
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 5;
  }
  .footer-site .footer-link:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 6px;
    background: transparent;
    transition: ease 0.3s;
    z-index: -1;
  }
  .is-mac .footer-site .footer-link:after, .is-firefox .footer-site .footer-link:after {
    bottom: 4px;
  }
  .footer-site .footer-link:hover:after {
    background: #ea2125;
  }
  .footer-external .footer-link {
    position: relative;
  }
  .footer-external .footer-link:before {
    content: "";
    top: 50%;
    position: absolute;
    background: url(../img/common/icon_external.svg) no-repeat center/100% auto;
  }
  .footer-bottom {
    padding: 25px 0 23px;
    background: #fff;
  }
  .footer-bottom-inner {
    max-width: 954px;
    margin: 0 auto;
  }
  .footer-bottom-list {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-bottom-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .footer-bottom-item::before {
    content: "";
    position: absolute;
    top: 10px;
    right: -25px;
    width: 1px;
    height: 39px;
    background: #000;
  }
  .footer-bottom-item:last-child::before {
    display: none;
  }
  .footer-bottom-image {
    margin-right: 12px;
  }
  .footer-bottom-item.is-one {
    width: 309px;
    margin-right: 47px;
  }
  .footer-bottom-item.is-two {
    width: 179px;
    margin-right: 49px;
  }
  .footer-bottom-item.is-three {
    width: 370px;
  }
  .footer-bottom-item.is-one .footer-bottom-image {
    width: 145px;
  }
  .footer-bottom-item.is-two .footer-bottom-image {
    width: 58px;
  }
  .footer-bottom-item.is-three .footer-bottom-image {
    width: 130px;
  }
  .footer-bottom-item.is-one .footer-bottom-text {
    width: 152px;
  }
  .footer-bottom-item.is-two .footer-bottom-text {
    width: 109px;
  }
  .footer-bottom-text {
    margin: 0;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    flex: 1;
    opacity: 0.6;
  }
}
@media (min-width: 768px) and (max-width: 1099.98px) {
  .footer-bottom {
    padding: 25px 20px;
  }
  .footer-bottom-list {
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .footer-bottom-image {
    margin-right: 8px;
  }
  .footer-bottom-item.is-one {
    width: 210px;
    margin-right: 25px;
  }
  .footer-bottom-item.is-two {
    width: 135px;
    margin-right: 25px;
  }
  .footer-bottom-item.is-three {
    width: 280px;
  }
  .footer-bottom-item.is-one .footer-bottom-image {
    width: 110px;
  }
  .footer-bottom-item.is-two .footer-bottom-image {
    width: 45px;
  }
  .footer-bottom-item.is-three .footer-bottom-image {
    width: 100px;
  }
}
@media (max-width: 767.98px) {
  .footer-bottom {
    padding: 5rem 5rem 10rem;
    background: #fff;
  }
  .footer-bottom-inner {
    margin: 0 auto;
  }
  .footer-bottom-item {
    position: relative;
    align-items: center;
    display: flex;
    margin-bottom: 4rem;
  }
  .footer-bottom-item:last-child {
    margin-bottom: 0;
  }
  .footer-bottom-item::before {
    content: "";
    position: absolute;
    bottom: -2.4rem;
    left: 0;
    width: 27.5rem;
    height: 1px;
    background: #000;
  }
  .footer-bottom-item:last-child::before {
    display: none;
  }
  .footer-bottom-image {
    margin-right: 1rem;
  }
  .footer-bottom-item.is-one .footer-bottom-image {
    width: 11rem;
  }
  .footer-bottom-item.is-two .footer-bottom-image {
    width: 5.8rem;
  }
  .footer-bottom-item.is-three .footer-bottom-image {
    width: 13rem;
  }
  .footer-bottom-image img {
    width: 100%;
  }
  .footer-bottom-text {
    margin: 0;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5;
    opacity: 0.6;
  }
}
@media (min-width: 1600px) {
  .footer-site {
    padding: 103px 0 0;
  }
  .footer-site .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 80px;
  }
  .footer-site .footer-info {
    width: 14.946%;
  }
  .footer-site .footer-navigation {
    width: 77.66%;
    margin-top: 2px;
  }
  .footer-site .footer-head {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .footer-site .footer-note {
    margin-bottom: 20px;
  }
  .footer-site .footer-logo {
    margin-bottom: 23px;
  }
  .footer-site .footer-banner {
    margin-bottom: 20px;
  }
  .footer-site .footer-page {
    margin-bottom: 58px;
  }
  .footer-site .footer-column {
    width: 25%;
  }
  .footer-site .footer-column:first-child {
    padding-top: 4px;
  }
  .footer-site .footer-column:nth-child(4n+2) {
    padding-left: 21px;
  }
  .footer-site .footer-column:nth-child(4n+3) {
    padding-left: 58px;
  }
  .footer-site .footer-column:nth-child(4n+4) {
    padding-left: 90px;
  }
  .footer-site .footer-more {
    margin-left: 5px;
    margin-top: 55px;
  }
  .footer-external .footer-link {
    padding-left: 31px;
  }
  .footer-external .footer-link:before {
    width: 14px;
    height: 14px;
    margin-top: -9px;
    left: 7px;
  }
}
@media (min-width: 1100px) {
  .footer-site .footer-copyright {
    font-size: 13px;
  }
}
@media (min-width: 1100px) and (max-width: 1599.98px) {
  .footer-site {
    padding: 81px 0 0;
  }
  .footer-site .wrapper {
    padding-bottom: 50px;
    max-width: 1166px;
  }
  .footer-site .footer-navigation {
    padding-bottom: 52px;
    margin-bottom: 28px;
    position: relative;
  }
  .footer-site .footer-navigation:after {
    content: "";
    bottom: 0;
    left: 5px;
    right: 21px;
    position: absolute;
    height: 1px;
    background: #979797;
  }
  .footer-site .footer-info {
    padding: 0 23px 0 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-site .footer-page {
    margin-bottom: 49px;
    line-height: 2.2142857143;
  }
  .footer-site .footer-head {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .footer-site .footer-note {
    margin-bottom: 10px;
  }
  .footer-site .footer-more {
    margin-left: 3px;
    margin-top: 69px;
  }
  .footer-site .footer-column {
    width: 24%;
  }
  .footer-site .footer-column:not(:first-child) {
    margin-top: 11px;
  }
  .footer-site .footer-column:nth-child(4n+2) {
    padding-left: 2px;
  }
  .footer-site .footer-column:nth-child(4n+3) {
    padding-left: 7px;
  }
  .footer-site .footer-column:nth-child(4n+4) {
    padding-left: 11px;
  }
  .footer-site .footer-copyright {
    padding-top: 3px;
  }
  .footer-external .footer-link {
    padding-right: 31px;
  }
  .footer-external .footer-link:before {
    width: 12px;
    height: 12px;
    margin-top: -7px;
    right: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1599.98px) {
  .footer-site .footer-logo {
    width: 199px;
    margin-bottom: 10px;
  }
  .footer-site .footer-banner {
    width: 199px;
    height: 70px;
    margin: 0 auto;
  }
  .footer-site .footer-banner img {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1099.98px) {
  .footer-site {
    padding: 58px 0 0;
  }
  .footer-site .footer-logo {
    margin: 0 auto 10px;
  }
  .footer-site .footer-copyright {
    font-size: 12px;
  }
  .footer-site .footer-info .footer-copyright {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .footer-site {
    padding: 5.7rem 0 0;
  }
  .footer-site .footer-logo {
    width: 17rem;
    margin: 0 auto 0.9rem;
  }
  .footer-site .footer-banner {
    width: 25rem;
    margin: 0 auto 0.9rem;
  }
  .footer-site .footer-copyright {
    margin-bottom: 5rem;
    font-size: 1.2rem;
  }
  .footer-navigation a {
    color: #fff;
  }
  .footer-navigation .footer-head {
    padding-bottom: 10px;
    font-size: 18px;
    color: #b3b3b3;
    text-align: left;
    font-weight: 600;
    line-height: 1;
  }
  .footer-navigation .footer-note {
    color: #fff;
    font-size: 14px;
  }
  .footer-navigation .footer-column {
    margin-bottom: 15px;
  }
  .footer-page {
    margin-bottom: 20px;
  }
  .footer-page li a {
    font-weight: 600;
    line-height: 1;
  }
  .footer-list {
    padding-left: 20px;
    margin-bottom: 20px;
    border-left: 1px solid #707070;
  }
  .footer-list .footer-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 2.2;
  }
  .footer-list .footer-sub {
    padding-left: 20px;
  }
  .footer-more .footer-link, .footer-external .footer-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 2.2;
  }
}
.banner-document {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 400px;
  display: none;
}
.banner-document .banner-button {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 38px;
  height: 38px;
  background: #131946;
  border-radius: 50px;
  bottom: 100%;
  right: 0;
  z-index: 10;
}
.banner-document .banner-button::before, .banner-document .banner-button::after {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 20px;
  background: #fff;
  margin: auto;
  border-radius: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: 0.3s ease;
}
.banner-document .banner-button::before {
  transform: rotate(45deg);
}
.banner-document .banner-button::after {
  transform: rotate(-45deg);
}
.banner-document .banner-button:hover::before {
  transform: rotate(90deg);
}
.banner-document .banner-button:hover::after {
  transform: rotate(-90deg);
}
.banner-document .banner-image {
  display: block;
  height: 150px;
}
.banner-document .banner-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}