@charset "UTF-8";
/* spacing */
/* margin directions */
/* =========================
   Base（SP）
========================= */
.u-mt-sm {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}

.u-mt-md {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}

.u-mt-lg {
  -webkit-margin-before: 48px;
          margin-block-start: 48px;
}

.u-mt-xl {
  -webkit-margin-before: 64px;
          margin-block-start: 64px;
}

.u-mt-2xl {
  -webkit-margin-before: 80px;
          margin-block-start: 80px;
}

.u-mt-3xl {
  -webkit-margin-before: 96px;
          margin-block-start: 96px;
}

.u-mt-4xl {
  -webkit-margin-before: 112px;
          margin-block-start: 112px;
}

.u-mt-5xl {
  -webkit-margin-before: 128px;
          margin-block-start: 128px;
}

.u-mt-6xl {
  -webkit-margin-before: 144px;
          margin-block-start: 144px;
}

.u-mt-7xl {
  -webkit-margin-before: 160px;
          margin-block-start: 160px;
}

.u-mr-sm {
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
}

.u-mr-md {
  -webkit-margin-end: 32px;
          margin-inline-end: 32px;
}

.u-mr-lg {
  -webkit-margin-end: 48px;
          margin-inline-end: 48px;
}

.u-mr-xl {
  -webkit-margin-end: 64px;
          margin-inline-end: 64px;
}

.u-mr-2xl {
  -webkit-margin-end: 80px;
          margin-inline-end: 80px;
}

.u-mr-3xl {
  -webkit-margin-end: 96px;
          margin-inline-end: 96px;
}

.u-mr-4xl {
  -webkit-margin-end: 112px;
          margin-inline-end: 112px;
}

.u-mr-5xl {
  -webkit-margin-end: 128px;
          margin-inline-end: 128px;
}

.u-mr-6xl {
  -webkit-margin-end: 144px;
          margin-inline-end: 144px;
}

.u-mr-7xl {
  -webkit-margin-end: 160px;
          margin-inline-end: 160px;
}

.u-mb-sm {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}

.u-mb-md {
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
}

.u-mb-lg {
  -webkit-margin-after: 48px;
          margin-block-end: 48px;
}

.u-mb-xl {
  -webkit-margin-after: 64px;
          margin-block-end: 64px;
}

.u-mb-2xl {
  -webkit-margin-after: 80px;
          margin-block-end: 80px;
}

.u-mb-3xl {
  -webkit-margin-after: 96px;
          margin-block-end: 96px;
}

.u-mb-4xl {
  -webkit-margin-after: 112px;
          margin-block-end: 112px;
}

.u-mb-5xl {
  -webkit-margin-after: 128px;
          margin-block-end: 128px;
}

.u-mb-6xl {
  -webkit-margin-after: 144px;
          margin-block-end: 144px;
}

.u-mb-7xl {
  -webkit-margin-after: 160px;
          margin-block-end: 160px;
}

.u-ml-sm {
  -webkit-margin-start: 16px;
          margin-inline-start: 16px;
}

.u-ml-md {
  -webkit-margin-start: 32px;
          margin-inline-start: 32px;
}

.u-ml-lg {
  -webkit-margin-start: 48px;
          margin-inline-start: 48px;
}

.u-ml-xl {
  -webkit-margin-start: 64px;
          margin-inline-start: 64px;
}

.u-ml-2xl {
  -webkit-margin-start: 80px;
          margin-inline-start: 80px;
}

.u-ml-3xl {
  -webkit-margin-start: 96px;
          margin-inline-start: 96px;
}

.u-ml-4xl {
  -webkit-margin-start: 112px;
          margin-inline-start: 112px;
}

.u-ml-5xl {
  -webkit-margin-start: 128px;
          margin-inline-start: 128px;
}

.u-ml-6xl {
  -webkit-margin-start: 144px;
          margin-inline-start: 144px;
}

.u-ml-7xl {
  -webkit-margin-start: 160px;
          margin-inline-start: 160px;
}

.u-mx-sm {
  margin-inline: 16px;
}

.u-mx-md {
  margin-inline: 32px;
}

.u-mx-lg {
  margin-inline: 48px;
}

.u-mx-xl {
  margin-inline: 64px;
}

.u-mx-2xl {
  margin-inline: 80px;
}

.u-mx-3xl {
  margin-inline: 96px;
}

.u-mx-4xl {
  margin-inline: 112px;
}

.u-mx-5xl {
  margin-inline: 128px;
}

.u-mx-6xl {
  margin-inline: 144px;
}

.u-mx-7xl {
  margin-inline: 160px;
}

.u-my-sm {
  margin-block: 16px;
}

.u-my-md {
  margin-block: 32px;
}

.u-my-lg {
  margin-block: 48px;
}

.u-my-xl {
  margin-block: 64px;
}

.u-my-2xl {
  margin-block: 80px;
}

.u-my-3xl {
  margin-block: 96px;
}

.u-my-4xl {
  margin-block: 112px;
}

.u-my-5xl {
  margin-block: 128px;
}

.u-my-6xl {
  margin-block: 144px;
}

.u-my-7xl {
  margin-block: 160px;
}

.u-pt-sm {
  -webkit-padding-before: 16px;
          padding-block-start: 16px;
}

.u-pt-md {
  -webkit-padding-before: 32px;
          padding-block-start: 32px;
}

.u-pt-lg {
  -webkit-padding-before: 48px;
          padding-block-start: 48px;
}

.u-pt-xl {
  -webkit-padding-before: 64px;
          padding-block-start: 64px;
}

.u-pt-2xl {
  -webkit-padding-before: 80px;
          padding-block-start: 80px;
}

.u-pt-3xl {
  -webkit-padding-before: 96px;
          padding-block-start: 96px;
}

.u-pt-4xl {
  -webkit-padding-before: 112px;
          padding-block-start: 112px;
}

.u-pt-5xl {
  -webkit-padding-before: 128px;
          padding-block-start: 128px;
}

.u-pt-6xl {
  -webkit-padding-before: 144px;
          padding-block-start: 144px;
}

.u-pt-7xl {
  -webkit-padding-before: 160px;
          padding-block-start: 160px;
}

.u-pr-sm {
  -webkit-padding-end: 16px;
          padding-inline-end: 16px;
}

.u-pr-md {
  -webkit-padding-end: 32px;
          padding-inline-end: 32px;
}

.u-pr-lg {
  -webkit-padding-end: 48px;
          padding-inline-end: 48px;
}

.u-pr-xl {
  -webkit-padding-end: 64px;
          padding-inline-end: 64px;
}

.u-pr-2xl {
  -webkit-padding-end: 80px;
          padding-inline-end: 80px;
}

.u-pr-3xl {
  -webkit-padding-end: 96px;
          padding-inline-end: 96px;
}

.u-pr-4xl {
  -webkit-padding-end: 112px;
          padding-inline-end: 112px;
}

.u-pr-5xl {
  -webkit-padding-end: 128px;
          padding-inline-end: 128px;
}

.u-pr-6xl {
  -webkit-padding-end: 144px;
          padding-inline-end: 144px;
}

.u-pr-7xl {
  -webkit-padding-end: 160px;
          padding-inline-end: 160px;
}

.u-pb-sm {
  -webkit-padding-after: 16px;
          padding-block-end: 16px;
}

.u-pb-md {
  -webkit-padding-after: 32px;
          padding-block-end: 32px;
}

.u-pb-lg {
  -webkit-padding-after: 48px;
          padding-block-end: 48px;
}

.u-pb-xl {
  -webkit-padding-after: 64px;
          padding-block-end: 64px;
}

.u-pb-2xl {
  -webkit-padding-after: 80px;
          padding-block-end: 80px;
}

.u-pb-3xl {
  -webkit-padding-after: 96px;
          padding-block-end: 96px;
}

.u-pb-4xl {
  -webkit-padding-after: 112px;
          padding-block-end: 112px;
}

.u-pb-5xl {
  -webkit-padding-after: 128px;
          padding-block-end: 128px;
}

.u-pb-6xl {
  -webkit-padding-after: 144px;
          padding-block-end: 144px;
}

.u-pb-7xl {
  -webkit-padding-after: 160px;
          padding-block-end: 160px;
}

.u-pl-sm {
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
}

.u-pl-md {
  -webkit-padding-start: 32px;
          padding-inline-start: 32px;
}

.u-pl-lg {
  -webkit-padding-start: 48px;
          padding-inline-start: 48px;
}

.u-pl-xl {
  -webkit-padding-start: 64px;
          padding-inline-start: 64px;
}

.u-pl-2xl {
  -webkit-padding-start: 80px;
          padding-inline-start: 80px;
}

.u-pl-3xl {
  -webkit-padding-start: 96px;
          padding-inline-start: 96px;
}

.u-pl-4xl {
  -webkit-padding-start: 112px;
          padding-inline-start: 112px;
}

.u-pl-5xl {
  -webkit-padding-start: 128px;
          padding-inline-start: 128px;
}

.u-pl-6xl {
  -webkit-padding-start: 144px;
          padding-inline-start: 144px;
}

.u-pl-7xl {
  -webkit-padding-start: 160px;
          padding-inline-start: 160px;
}

.u-px-sm {
  padding-inline: 16px;
}

.u-px-md {
  padding-inline: 32px;
}

.u-px-lg {
  padding-inline: 48px;
}

.u-px-xl {
  padding-inline: 64px;
}

.u-px-2xl {
  padding-inline: 80px;
}

.u-px-3xl {
  padding-inline: 96px;
}

.u-px-4xl {
  padding-inline: 112px;
}

.u-px-5xl {
  padding-inline: 128px;
}

.u-px-6xl {
  padding-inline: 144px;
}

.u-px-7xl {
  padding-inline: 160px;
}

.u-py-sm {
  padding-block: 16px;
}

.u-py-md {
  padding-block: 32px;
}

.u-py-lg {
  padding-block: 48px;
}

.u-py-xl {
  padding-block: 64px;
}

.u-py-2xl {
  padding-block: 80px;
}

.u-py-3xl {
  padding-block: 96px;
}

.u-py-4xl {
  padding-block: 112px;
}

.u-py-5xl {
  padding-block: 128px;
}

.u-py-6xl {
  padding-block: 144px;
}

.u-py-7xl {
  padding-block: 160px;
}

/* =========================
   Responsive（settings参照）
========================= */
@media (min-width: 476px) {
  .sm\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .sm\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .sm\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .sm\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .sm\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .sm\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .sm\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .sm\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .sm\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .sm\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .sm\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .sm\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .sm\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .sm\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .sm\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .sm\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .sm\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .sm\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .sm\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .sm\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .sm\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .sm\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .sm\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .sm\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .sm\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .sm\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .sm\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .sm\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .sm\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .sm\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .sm\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .sm\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .sm\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .sm\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .sm\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .sm\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .sm\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .sm\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .sm\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .sm\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .sm\:u-mx-sm {
    margin-inline: 16px;
  }
  .sm\:u-mx-md {
    margin-inline: 32px;
  }
  .sm\:u-mx-lg {
    margin-inline: 48px;
  }
  .sm\:u-mx-xl {
    margin-inline: 64px;
  }
  .sm\:u-mx-2xl {
    margin-inline: 80px;
  }
  .sm\:u-mx-3xl {
    margin-inline: 96px;
  }
  .sm\:u-mx-4xl {
    margin-inline: 112px;
  }
  .sm\:u-mx-5xl {
    margin-inline: 128px;
  }
  .sm\:u-mx-6xl {
    margin-inline: 144px;
  }
  .sm\:u-mx-7xl {
    margin-inline: 160px;
  }
  .sm\:u-my-sm {
    margin-block: 16px;
  }
  .sm\:u-my-md {
    margin-block: 32px;
  }
  .sm\:u-my-lg {
    margin-block: 48px;
  }
  .sm\:u-my-xl {
    margin-block: 64px;
  }
  .sm\:u-my-2xl {
    margin-block: 80px;
  }
  .sm\:u-my-3xl {
    margin-block: 96px;
  }
  .sm\:u-my-4xl {
    margin-block: 112px;
  }
  .sm\:u-my-5xl {
    margin-block: 128px;
  }
  .sm\:u-my-6xl {
    margin-block: 144px;
  }
  .sm\:u-my-7xl {
    margin-block: 160px;
  }
  .sm\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .sm\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .sm\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .sm\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .sm\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .sm\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .sm\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .sm\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .sm\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .sm\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .sm\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .sm\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .sm\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .sm\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .sm\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .sm\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .sm\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .sm\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .sm\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .sm\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .sm\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .sm\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .sm\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .sm\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .sm\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .sm\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .sm\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .sm\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .sm\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .sm\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .sm\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .sm\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .sm\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .sm\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .sm\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .sm\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .sm\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .sm\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .sm\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .sm\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .sm\:u-px-sm {
    padding-inline: 16px;
  }
  .sm\:u-px-md {
    padding-inline: 32px;
  }
  .sm\:u-px-lg {
    padding-inline: 48px;
  }
  .sm\:u-px-xl {
    padding-inline: 64px;
  }
  .sm\:u-px-2xl {
    padding-inline: 80px;
  }
  .sm\:u-px-3xl {
    padding-inline: 96px;
  }
  .sm\:u-px-4xl {
    padding-inline: 112px;
  }
  .sm\:u-px-5xl {
    padding-inline: 128px;
  }
  .sm\:u-px-6xl {
    padding-inline: 144px;
  }
  .sm\:u-px-7xl {
    padding-inline: 160px;
  }
  .sm\:u-py-sm {
    padding-block: 16px;
  }
  .sm\:u-py-md {
    padding-block: 32px;
  }
  .sm\:u-py-lg {
    padding-block: 48px;
  }
  .sm\:u-py-xl {
    padding-block: 64px;
  }
  .sm\:u-py-2xl {
    padding-block: 80px;
  }
  .sm\:u-py-3xl {
    padding-block: 96px;
  }
  .sm\:u-py-4xl {
    padding-block: 112px;
  }
  .sm\:u-py-5xl {
    padding-block: 128px;
  }
  .sm\:u-py-6xl {
    padding-block: 144px;
  }
  .sm\:u-py-7xl {
    padding-block: 160px;
  }
}
@media (min-width: 576px) {
  .md\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .md\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .md\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .md\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .md\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .md\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .md\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .md\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .md\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .md\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .md\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .md\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .md\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .md\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .md\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .md\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .md\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .md\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .md\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .md\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .md\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .md\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .md\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .md\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .md\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .md\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .md\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .md\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .md\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .md\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .md\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .md\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .md\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .md\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .md\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .md\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .md\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .md\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .md\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .md\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .md\:u-mx-sm {
    margin-inline: 16px;
  }
  .md\:u-mx-md {
    margin-inline: 32px;
  }
  .md\:u-mx-lg {
    margin-inline: 48px;
  }
  .md\:u-mx-xl {
    margin-inline: 64px;
  }
  .md\:u-mx-2xl {
    margin-inline: 80px;
  }
  .md\:u-mx-3xl {
    margin-inline: 96px;
  }
  .md\:u-mx-4xl {
    margin-inline: 112px;
  }
  .md\:u-mx-5xl {
    margin-inline: 128px;
  }
  .md\:u-mx-6xl {
    margin-inline: 144px;
  }
  .md\:u-mx-7xl {
    margin-inline: 160px;
  }
  .md\:u-my-sm {
    margin-block: 16px;
  }
  .md\:u-my-md {
    margin-block: 32px;
  }
  .md\:u-my-lg {
    margin-block: 48px;
  }
  .md\:u-my-xl {
    margin-block: 64px;
  }
  .md\:u-my-2xl {
    margin-block: 80px;
  }
  .md\:u-my-3xl {
    margin-block: 96px;
  }
  .md\:u-my-4xl {
    margin-block: 112px;
  }
  .md\:u-my-5xl {
    margin-block: 128px;
  }
  .md\:u-my-6xl {
    margin-block: 144px;
  }
  .md\:u-my-7xl {
    margin-block: 160px;
  }
  .md\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .md\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .md\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .md\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .md\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .md\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .md\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .md\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .md\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .md\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .md\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .md\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .md\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .md\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .md\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .md\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .md\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .md\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .md\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .md\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .md\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .md\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .md\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .md\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .md\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .md\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .md\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .md\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .md\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .md\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .md\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .md\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .md\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .md\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .md\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .md\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .md\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .md\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .md\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .md\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .md\:u-px-sm {
    padding-inline: 16px;
  }
  .md\:u-px-md {
    padding-inline: 32px;
  }
  .md\:u-px-lg {
    padding-inline: 48px;
  }
  .md\:u-px-xl {
    padding-inline: 64px;
  }
  .md\:u-px-2xl {
    padding-inline: 80px;
  }
  .md\:u-px-3xl {
    padding-inline: 96px;
  }
  .md\:u-px-4xl {
    padding-inline: 112px;
  }
  .md\:u-px-5xl {
    padding-inline: 128px;
  }
  .md\:u-px-6xl {
    padding-inline: 144px;
  }
  .md\:u-px-7xl {
    padding-inline: 160px;
  }
  .md\:u-py-sm {
    padding-block: 16px;
  }
  .md\:u-py-md {
    padding-block: 32px;
  }
  .md\:u-py-lg {
    padding-block: 48px;
  }
  .md\:u-py-xl {
    padding-block: 64px;
  }
  .md\:u-py-2xl {
    padding-block: 80px;
  }
  .md\:u-py-3xl {
    padding-block: 96px;
  }
  .md\:u-py-4xl {
    padding-block: 112px;
  }
  .md\:u-py-5xl {
    padding-block: 128px;
  }
  .md\:u-py-6xl {
    padding-block: 144px;
  }
  .md\:u-py-7xl {
    padding-block: 160px;
  }
}
@media (min-width: 768px) {
  .lg\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .lg\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .lg\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .lg\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .lg\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .lg\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .lg\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .lg\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .lg\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .lg\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .lg\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .lg\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .lg\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .lg\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .lg\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .lg\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .lg\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .lg\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .lg\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .lg\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .lg\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .lg\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .lg\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .lg\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .lg\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .lg\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .lg\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .lg\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .lg\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .lg\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .lg\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .lg\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .lg\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .lg\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .lg\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .lg\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .lg\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .lg\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .lg\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .lg\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .lg\:u-mx-sm {
    margin-inline: 16px;
  }
  .lg\:u-mx-md {
    margin-inline: 32px;
  }
  .lg\:u-mx-lg {
    margin-inline: 48px;
  }
  .lg\:u-mx-xl {
    margin-inline: 64px;
  }
  .lg\:u-mx-2xl {
    margin-inline: 80px;
  }
  .lg\:u-mx-3xl {
    margin-inline: 96px;
  }
  .lg\:u-mx-4xl {
    margin-inline: 112px;
  }
  .lg\:u-mx-5xl {
    margin-inline: 128px;
  }
  .lg\:u-mx-6xl {
    margin-inline: 144px;
  }
  .lg\:u-mx-7xl {
    margin-inline: 160px;
  }
  .lg\:u-my-sm {
    margin-block: 16px;
  }
  .lg\:u-my-md {
    margin-block: 32px;
  }
  .lg\:u-my-lg {
    margin-block: 48px;
  }
  .lg\:u-my-xl {
    margin-block: 64px;
  }
  .lg\:u-my-2xl {
    margin-block: 80px;
  }
  .lg\:u-my-3xl {
    margin-block: 96px;
  }
  .lg\:u-my-4xl {
    margin-block: 112px;
  }
  .lg\:u-my-5xl {
    margin-block: 128px;
  }
  .lg\:u-my-6xl {
    margin-block: 144px;
  }
  .lg\:u-my-7xl {
    margin-block: 160px;
  }
  .lg\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .lg\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .lg\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .lg\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .lg\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .lg\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .lg\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .lg\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .lg\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .lg\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .lg\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .lg\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .lg\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .lg\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .lg\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .lg\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .lg\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .lg\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .lg\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .lg\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .lg\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .lg\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .lg\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .lg\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .lg\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .lg\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .lg\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .lg\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .lg\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .lg\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .lg\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .lg\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .lg\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .lg\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .lg\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .lg\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .lg\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .lg\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .lg\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .lg\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .lg\:u-px-sm {
    padding-inline: 16px;
  }
  .lg\:u-px-md {
    padding-inline: 32px;
  }
  .lg\:u-px-lg {
    padding-inline: 48px;
  }
  .lg\:u-px-xl {
    padding-inline: 64px;
  }
  .lg\:u-px-2xl {
    padding-inline: 80px;
  }
  .lg\:u-px-3xl {
    padding-inline: 96px;
  }
  .lg\:u-px-4xl {
    padding-inline: 112px;
  }
  .lg\:u-px-5xl {
    padding-inline: 128px;
  }
  .lg\:u-px-6xl {
    padding-inline: 144px;
  }
  .lg\:u-px-7xl {
    padding-inline: 160px;
  }
  .lg\:u-py-sm {
    padding-block: 16px;
  }
  .lg\:u-py-md {
    padding-block: 32px;
  }
  .lg\:u-py-lg {
    padding-block: 48px;
  }
  .lg\:u-py-xl {
    padding-block: 64px;
  }
  .lg\:u-py-2xl {
    padding-block: 80px;
  }
  .lg\:u-py-3xl {
    padding-block: 96px;
  }
  .lg\:u-py-4xl {
    padding-block: 112px;
  }
  .lg\:u-py-5xl {
    padding-block: 128px;
  }
  .lg\:u-py-6xl {
    padding-block: 144px;
  }
  .lg\:u-py-7xl {
    padding-block: 160px;
  }
}
@media (min-width: 992px) {
  .xl\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .xl\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .xl\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .xl\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .xl\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .xl\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .xl\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .xl\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .xl\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .xl\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .xl\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .xl\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .xl\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .xl\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .xl\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .xl\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .xl\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .xl\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .xl\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .xl\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .xl\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .xl\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .xl\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .xl\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .xl\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .xl\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .xl\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .xl\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .xl\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .xl\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .xl\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .xl\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .xl\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .xl\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .xl\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .xl\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .xl\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .xl\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .xl\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .xl\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .xl\:u-mx-sm {
    margin-inline: 16px;
  }
  .xl\:u-mx-md {
    margin-inline: 32px;
  }
  .xl\:u-mx-lg {
    margin-inline: 48px;
  }
  .xl\:u-mx-xl {
    margin-inline: 64px;
  }
  .xl\:u-mx-2xl {
    margin-inline: 80px;
  }
  .xl\:u-mx-3xl {
    margin-inline: 96px;
  }
  .xl\:u-mx-4xl {
    margin-inline: 112px;
  }
  .xl\:u-mx-5xl {
    margin-inline: 128px;
  }
  .xl\:u-mx-6xl {
    margin-inline: 144px;
  }
  .xl\:u-mx-7xl {
    margin-inline: 160px;
  }
  .xl\:u-my-sm {
    margin-block: 16px;
  }
  .xl\:u-my-md {
    margin-block: 32px;
  }
  .xl\:u-my-lg {
    margin-block: 48px;
  }
  .xl\:u-my-xl {
    margin-block: 64px;
  }
  .xl\:u-my-2xl {
    margin-block: 80px;
  }
  .xl\:u-my-3xl {
    margin-block: 96px;
  }
  .xl\:u-my-4xl {
    margin-block: 112px;
  }
  .xl\:u-my-5xl {
    margin-block: 128px;
  }
  .xl\:u-my-6xl {
    margin-block: 144px;
  }
  .xl\:u-my-7xl {
    margin-block: 160px;
  }
  .xl\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .xl\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .xl\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .xl\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .xl\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .xl\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .xl\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .xl\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .xl\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .xl\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .xl\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .xl\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .xl\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .xl\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .xl\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .xl\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .xl\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .xl\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .xl\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .xl\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .xl\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .xl\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .xl\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .xl\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .xl\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .xl\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .xl\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .xl\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .xl\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .xl\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .xl\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .xl\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .xl\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .xl\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .xl\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .xl\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .xl\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .xl\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .xl\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .xl\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .xl\:u-px-sm {
    padding-inline: 16px;
  }
  .xl\:u-px-md {
    padding-inline: 32px;
  }
  .xl\:u-px-lg {
    padding-inline: 48px;
  }
  .xl\:u-px-xl {
    padding-inline: 64px;
  }
  .xl\:u-px-2xl {
    padding-inline: 80px;
  }
  .xl\:u-px-3xl {
    padding-inline: 96px;
  }
  .xl\:u-px-4xl {
    padding-inline: 112px;
  }
  .xl\:u-px-5xl {
    padding-inline: 128px;
  }
  .xl\:u-px-6xl {
    padding-inline: 144px;
  }
  .xl\:u-px-7xl {
    padding-inline: 160px;
  }
  .xl\:u-py-sm {
    padding-block: 16px;
  }
  .xl\:u-py-md {
    padding-block: 32px;
  }
  .xl\:u-py-lg {
    padding-block: 48px;
  }
  .xl\:u-py-xl {
    padding-block: 64px;
  }
  .xl\:u-py-2xl {
    padding-block: 80px;
  }
  .xl\:u-py-3xl {
    padding-block: 96px;
  }
  .xl\:u-py-4xl {
    padding-block: 112px;
  }
  .xl\:u-py-5xl {
    padding-block: 128px;
  }
  .xl\:u-py-6xl {
    padding-block: 144px;
  }
  .xl\:u-py-7xl {
    padding-block: 160px;
  }
}
@media (min-width: 1200px) {
  .xxl\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .xxl\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .xxl\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .xxl\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .xxl\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .xxl\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .xxl\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .xxl\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .xxl\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .xxl\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .xxl\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .xxl\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .xxl\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .xxl\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .xxl\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .xxl\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .xxl\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .xxl\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .xxl\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .xxl\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .xxl\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .xxl\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .xxl\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .xxl\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .xxl\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .xxl\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .xxl\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .xxl\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .xxl\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .xxl\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .xxl\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .xxl\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .xxl\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .xxl\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .xxl\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .xxl\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .xxl\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .xxl\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .xxl\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .xxl\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .xxl\:u-mx-sm {
    margin-inline: 16px;
  }
  .xxl\:u-mx-md {
    margin-inline: 32px;
  }
  .xxl\:u-mx-lg {
    margin-inline: 48px;
  }
  .xxl\:u-mx-xl {
    margin-inline: 64px;
  }
  .xxl\:u-mx-2xl {
    margin-inline: 80px;
  }
  .xxl\:u-mx-3xl {
    margin-inline: 96px;
  }
  .xxl\:u-mx-4xl {
    margin-inline: 112px;
  }
  .xxl\:u-mx-5xl {
    margin-inline: 128px;
  }
  .xxl\:u-mx-6xl {
    margin-inline: 144px;
  }
  .xxl\:u-mx-7xl {
    margin-inline: 160px;
  }
  .xxl\:u-my-sm {
    margin-block: 16px;
  }
  .xxl\:u-my-md {
    margin-block: 32px;
  }
  .xxl\:u-my-lg {
    margin-block: 48px;
  }
  .xxl\:u-my-xl {
    margin-block: 64px;
  }
  .xxl\:u-my-2xl {
    margin-block: 80px;
  }
  .xxl\:u-my-3xl {
    margin-block: 96px;
  }
  .xxl\:u-my-4xl {
    margin-block: 112px;
  }
  .xxl\:u-my-5xl {
    margin-block: 128px;
  }
  .xxl\:u-my-6xl {
    margin-block: 144px;
  }
  .xxl\:u-my-7xl {
    margin-block: 160px;
  }
  .xxl\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .xxl\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .xxl\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .xxl\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .xxl\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .xxl\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .xxl\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .xxl\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .xxl\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .xxl\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .xxl\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .xxl\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .xxl\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .xxl\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .xxl\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .xxl\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .xxl\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .xxl\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .xxl\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .xxl\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .xxl\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .xxl\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .xxl\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .xxl\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .xxl\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .xxl\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .xxl\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .xxl\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .xxl\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .xxl\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .xxl\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .xxl\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .xxl\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .xxl\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .xxl\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .xxl\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .xxl\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .xxl\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .xxl\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .xxl\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .xxl\:u-px-sm {
    padding-inline: 16px;
  }
  .xxl\:u-px-md {
    padding-inline: 32px;
  }
  .xxl\:u-px-lg {
    padding-inline: 48px;
  }
  .xxl\:u-px-xl {
    padding-inline: 64px;
  }
  .xxl\:u-px-2xl {
    padding-inline: 80px;
  }
  .xxl\:u-px-3xl {
    padding-inline: 96px;
  }
  .xxl\:u-px-4xl {
    padding-inline: 112px;
  }
  .xxl\:u-px-5xl {
    padding-inline: 128px;
  }
  .xxl\:u-px-6xl {
    padding-inline: 144px;
  }
  .xxl\:u-px-7xl {
    padding-inline: 160px;
  }
  .xxl\:u-py-sm {
    padding-block: 16px;
  }
  .xxl\:u-py-md {
    padding-block: 32px;
  }
  .xxl\:u-py-lg {
    padding-block: 48px;
  }
  .xxl\:u-py-xl {
    padding-block: 64px;
  }
  .xxl\:u-py-2xl {
    padding-block: 80px;
  }
  .xxl\:u-py-3xl {
    padding-block: 96px;
  }
  .xxl\:u-py-4xl {
    padding-block: 112px;
  }
  .xxl\:u-py-5xl {
    padding-block: 128px;
  }
  .xxl\:u-py-6xl {
    padding-block: 144px;
  }
  .xxl\:u-py-7xl {
    padding-block: 160px;
  }
}
@media (min-width: 1400px) {
  .xxxl\:u-mt-sm {
    -webkit-margin-before: 16px;
            margin-block-start: 16px;
  }
  .xxxl\:u-mt-md {
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .xxxl\:u-mt-lg {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
  .xxxl\:u-mt-xl {
    -webkit-margin-before: 64px;
            margin-block-start: 64px;
  }
  .xxxl\:u-mt-2xl {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
  .xxxl\:u-mt-3xl {
    -webkit-margin-before: 96px;
            margin-block-start: 96px;
  }
  .xxxl\:u-mt-4xl {
    -webkit-margin-before: 112px;
            margin-block-start: 112px;
  }
  .xxxl\:u-mt-5xl {
    -webkit-margin-before: 128px;
            margin-block-start: 128px;
  }
  .xxxl\:u-mt-6xl {
    -webkit-margin-before: 144px;
            margin-block-start: 144px;
  }
  .xxxl\:u-mt-7xl {
    -webkit-margin-before: 160px;
            margin-block-start: 160px;
  }
  .xxxl\:u-mr-sm {
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
  .xxxl\:u-mr-md {
    -webkit-margin-end: 32px;
            margin-inline-end: 32px;
  }
  .xxxl\:u-mr-lg {
    -webkit-margin-end: 48px;
            margin-inline-end: 48px;
  }
  .xxxl\:u-mr-xl {
    -webkit-margin-end: 64px;
            margin-inline-end: 64px;
  }
  .xxxl\:u-mr-2xl {
    -webkit-margin-end: 80px;
            margin-inline-end: 80px;
  }
  .xxxl\:u-mr-3xl {
    -webkit-margin-end: 96px;
            margin-inline-end: 96px;
  }
  .xxxl\:u-mr-4xl {
    -webkit-margin-end: 112px;
            margin-inline-end: 112px;
  }
  .xxxl\:u-mr-5xl {
    -webkit-margin-end: 128px;
            margin-inline-end: 128px;
  }
  .xxxl\:u-mr-6xl {
    -webkit-margin-end: 144px;
            margin-inline-end: 144px;
  }
  .xxxl\:u-mr-7xl {
    -webkit-margin-end: 160px;
            margin-inline-end: 160px;
  }
  .xxxl\:u-mb-sm {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
  .xxxl\:u-mb-md {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
  .xxxl\:u-mb-lg {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
  .xxxl\:u-mb-xl {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
  .xxxl\:u-mb-2xl {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
  .xxxl\:u-mb-3xl {
    -webkit-margin-after: 96px;
            margin-block-end: 96px;
  }
  .xxxl\:u-mb-4xl {
    -webkit-margin-after: 112px;
            margin-block-end: 112px;
  }
  .xxxl\:u-mb-5xl {
    -webkit-margin-after: 128px;
            margin-block-end: 128px;
  }
  .xxxl\:u-mb-6xl {
    -webkit-margin-after: 144px;
            margin-block-end: 144px;
  }
  .xxxl\:u-mb-7xl {
    -webkit-margin-after: 160px;
            margin-block-end: 160px;
  }
  .xxxl\:u-ml-sm {
    -webkit-margin-start: 16px;
            margin-inline-start: 16px;
  }
  .xxxl\:u-ml-md {
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
  .xxxl\:u-ml-lg {
    -webkit-margin-start: 48px;
            margin-inline-start: 48px;
  }
  .xxxl\:u-ml-xl {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
  .xxxl\:u-ml-2xl {
    -webkit-margin-start: 80px;
            margin-inline-start: 80px;
  }
  .xxxl\:u-ml-3xl {
    -webkit-margin-start: 96px;
            margin-inline-start: 96px;
  }
  .xxxl\:u-ml-4xl {
    -webkit-margin-start: 112px;
            margin-inline-start: 112px;
  }
  .xxxl\:u-ml-5xl {
    -webkit-margin-start: 128px;
            margin-inline-start: 128px;
  }
  .xxxl\:u-ml-6xl {
    -webkit-margin-start: 144px;
            margin-inline-start: 144px;
  }
  .xxxl\:u-ml-7xl {
    -webkit-margin-start: 160px;
            margin-inline-start: 160px;
  }
  .xxxl\:u-mx-sm {
    margin-inline: 16px;
  }
  .xxxl\:u-mx-md {
    margin-inline: 32px;
  }
  .xxxl\:u-mx-lg {
    margin-inline: 48px;
  }
  .xxxl\:u-mx-xl {
    margin-inline: 64px;
  }
  .xxxl\:u-mx-2xl {
    margin-inline: 80px;
  }
  .xxxl\:u-mx-3xl {
    margin-inline: 96px;
  }
  .xxxl\:u-mx-4xl {
    margin-inline: 112px;
  }
  .xxxl\:u-mx-5xl {
    margin-inline: 128px;
  }
  .xxxl\:u-mx-6xl {
    margin-inline: 144px;
  }
  .xxxl\:u-mx-7xl {
    margin-inline: 160px;
  }
  .xxxl\:u-my-sm {
    margin-block: 16px;
  }
  .xxxl\:u-my-md {
    margin-block: 32px;
  }
  .xxxl\:u-my-lg {
    margin-block: 48px;
  }
  .xxxl\:u-my-xl {
    margin-block: 64px;
  }
  .xxxl\:u-my-2xl {
    margin-block: 80px;
  }
  .xxxl\:u-my-3xl {
    margin-block: 96px;
  }
  .xxxl\:u-my-4xl {
    margin-block: 112px;
  }
  .xxxl\:u-my-5xl {
    margin-block: 128px;
  }
  .xxxl\:u-my-6xl {
    margin-block: 144px;
  }
  .xxxl\:u-my-7xl {
    margin-block: 160px;
  }
  .xxxl\:u-pt-sm {
    -webkit-padding-before: 16px;
            padding-block-start: 16px;
  }
  .xxxl\:u-pt-md {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
  .xxxl\:u-pt-lg {
    -webkit-padding-before: 48px;
            padding-block-start: 48px;
  }
  .xxxl\:u-pt-xl {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
  .xxxl\:u-pt-2xl {
    -webkit-padding-before: 80px;
            padding-block-start: 80px;
  }
  .xxxl\:u-pt-3xl {
    -webkit-padding-before: 96px;
            padding-block-start: 96px;
  }
  .xxxl\:u-pt-4xl {
    -webkit-padding-before: 112px;
            padding-block-start: 112px;
  }
  .xxxl\:u-pt-5xl {
    -webkit-padding-before: 128px;
            padding-block-start: 128px;
  }
  .xxxl\:u-pt-6xl {
    -webkit-padding-before: 144px;
            padding-block-start: 144px;
  }
  .xxxl\:u-pt-7xl {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
  .xxxl\:u-pr-sm {
    -webkit-padding-end: 16px;
            padding-inline-end: 16px;
  }
  .xxxl\:u-pr-md {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
  .xxxl\:u-pr-lg {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .xxxl\:u-pr-xl {
    -webkit-padding-end: 64px;
            padding-inline-end: 64px;
  }
  .xxxl\:u-pr-2xl {
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }
  .xxxl\:u-pr-3xl {
    -webkit-padding-end: 96px;
            padding-inline-end: 96px;
  }
  .xxxl\:u-pr-4xl {
    -webkit-padding-end: 112px;
            padding-inline-end: 112px;
  }
  .xxxl\:u-pr-5xl {
    -webkit-padding-end: 128px;
            padding-inline-end: 128px;
  }
  .xxxl\:u-pr-6xl {
    -webkit-padding-end: 144px;
            padding-inline-end: 144px;
  }
  .xxxl\:u-pr-7xl {
    -webkit-padding-end: 160px;
            padding-inline-end: 160px;
  }
  .xxxl\:u-pb-sm {
    -webkit-padding-after: 16px;
            padding-block-end: 16px;
  }
  .xxxl\:u-pb-md {
    -webkit-padding-after: 32px;
            padding-block-end: 32px;
  }
  .xxxl\:u-pb-lg {
    -webkit-padding-after: 48px;
            padding-block-end: 48px;
  }
  .xxxl\:u-pb-xl {
    -webkit-padding-after: 64px;
            padding-block-end: 64px;
  }
  .xxxl\:u-pb-2xl {
    -webkit-padding-after: 80px;
            padding-block-end: 80px;
  }
  .xxxl\:u-pb-3xl {
    -webkit-padding-after: 96px;
            padding-block-end: 96px;
  }
  .xxxl\:u-pb-4xl {
    -webkit-padding-after: 112px;
            padding-block-end: 112px;
  }
  .xxxl\:u-pb-5xl {
    -webkit-padding-after: 128px;
            padding-block-end: 128px;
  }
  .xxxl\:u-pb-6xl {
    -webkit-padding-after: 144px;
            padding-block-end: 144px;
  }
  .xxxl\:u-pb-7xl {
    -webkit-padding-after: 160px;
            padding-block-end: 160px;
  }
  .xxxl\:u-pl-sm {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
  .xxxl\:u-pl-md {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .xxxl\:u-pl-lg {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
  }
  .xxxl\:u-pl-xl {
    -webkit-padding-start: 64px;
            padding-inline-start: 64px;
  }
  .xxxl\:u-pl-2xl {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
  .xxxl\:u-pl-3xl {
    -webkit-padding-start: 96px;
            padding-inline-start: 96px;
  }
  .xxxl\:u-pl-4xl {
    -webkit-padding-start: 112px;
            padding-inline-start: 112px;
  }
  .xxxl\:u-pl-5xl {
    -webkit-padding-start: 128px;
            padding-inline-start: 128px;
  }
  .xxxl\:u-pl-6xl {
    -webkit-padding-start: 144px;
            padding-inline-start: 144px;
  }
  .xxxl\:u-pl-7xl {
    -webkit-padding-start: 160px;
            padding-inline-start: 160px;
  }
  .xxxl\:u-px-sm {
    padding-inline: 16px;
  }
  .xxxl\:u-px-md {
    padding-inline: 32px;
  }
  .xxxl\:u-px-lg {
    padding-inline: 48px;
  }
  .xxxl\:u-px-xl {
    padding-inline: 64px;
  }
  .xxxl\:u-px-2xl {
    padding-inline: 80px;
  }
  .xxxl\:u-px-3xl {
    padding-inline: 96px;
  }
  .xxxl\:u-px-4xl {
    padding-inline: 112px;
  }
  .xxxl\:u-px-5xl {
    padding-inline: 128px;
  }
  .xxxl\:u-px-6xl {
    padding-inline: 144px;
  }
  .xxxl\:u-px-7xl {
    padding-inline: 160px;
  }
  .xxxl\:u-py-sm {
    padding-block: 16px;
  }
  .xxxl\:u-py-md {
    padding-block: 32px;
  }
  .xxxl\:u-py-lg {
    padding-block: 48px;
  }
  .xxxl\:u-py-xl {
    padding-block: 64px;
  }
  .xxxl\:u-py-2xl {
    padding-block: 80px;
  }
  .xxxl\:u-py-3xl {
    padding-block: 96px;
  }
  .xxxl\:u-py-4xl {
    padding-block: 112px;
  }
  .xxxl\:u-py-5xl {
    padding-block: 128px;
  }
  .xxxl\:u-py-6xl {
    padding-block: 144px;
  }
  .xxxl\:u-py-7xl {
    padding-block: 160px;
  }
}
.u-bgLightblue {
  background-color: rgb(243, 246, 249);
}

.u-border {
  border: 1px solid rgb(219, 219, 219);
}

.u-gothic {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, button, header {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
  max-block-size: 999999px;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}

button:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration: none;
  outline: none;
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  inline-size: 100%;
  block-size: 100%;
  vertical-align: bottom;
}

.l-main {
  container-type: inline-size;
}

.l-main__inner {
  max-inline-size: 1000px;
  margin-inline: auto;
  padding-inline: 4vw;
  padding-block: 6.25rem;
  -webkit-box-sizing: revert;
          box-sizing: revert;
}
@media screen and (min-width: 768px) {
  .l-main__inner {
    padding-inline: 2rem;
    padding-block: 10rem;
  }
}

.p-head {
  display: grid;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media screen and (min-width: 576px) {
  .p-head {
    grid-template-columns: auto 180px;
  }
}
@media screen and (min-width: 768px) {
  .p-head {
    grid-template-columns: auto 280px;
  }
}
@media screen and (min-width: 992px) {
  .p-head {
    grid-template-columns: auto 320px;
  }
}

.c-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 1rem;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media screen and (min-width: 576px) {
  .c-header {
    grid-template-columns: auto 180px;
  }
}

.c-header__copy {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (min-width: 576px) {
  .c-header__copy {
    font-size: clamp(1rem, 0.538rem + 1.28vw, 1.5rem);
  }
}

.c-header__title {
  padding-inline: 0.75rem;
  padding-block: 0.25rem;
  font-size: 6vw;
  font-weight: bold;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  background-color: rgb(51, 51, 51);
}
@media screen and (min-width: 576px) {
  .c-header__title {
    font-size: clamp(1.375rem, 0.452rem + 2.56vw, 2.375rem);
  }
}

.p-head__fig {
  justify-self: center;
  max-inline-size: 250px;
}
@media screen and (min-width: 576px) {
  .p-head__fig {
    max-inline-size: auto;
    -webkit-margin-end: -2rem;
            margin-inline-end: -2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-head__fig {
    margin-inline: 0;
  }
}

.p-intro {
  line-height: 2;
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
}
@media screen and (min-width: 576px) {
  .p-intro {
    -webkit-margin-after: 4rem;
            margin-block-end: 4rem;
  }
}

.p-gallery {
  display: grid;
  row-gap: 1rem;
  -webkit-margin-after: 4rem;
          margin-block-end: 4rem;
}
@media screen and (min-width: 576px) {
  .p-gallery {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    -webkit-margin-after: 5rem;
            margin-block-end: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-gallery {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    -webkit-margin-after: 7rem;
            margin-block-end: 7rem;
  }
}

.p-gallery__item {
  block-size: auto;
}
@media screen and (min-width: 576px) {
  .p-gallery__item {
    block-size: 200px;
  }
}
@media screen and (min-width: 768px) {
  .p-gallery__item {
    block-size: 250px;
  }
}
@media screen and (min-width: 992px) {
  .p-gallery__item {
    block-size: 300px;
  }
}

.p-subheader {
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
  font-size: clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem);
  font-weight: bold;
  border-bottom: 1px solid rgb(200, 200, 200);
  position: relative;
}
.p-subheader::before {
  content: "";
  inline-size: 100px;
  block-size: 4px;
  background-color: rgb(150, 150, 150);
  position: absolute;
  bottom: 0;
  left: 0;
  translate: 0 100%;
}

.p-comparison {
  padding-block: 4rem;
  position: relative;
}
.p-comparison::before {
  content: "";
  inline-size: 100cqi;
  block-size: 100%;
  margin-inline: calc(50% - 50cqi);
  background-color: #f8fafb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 576px) {
  .p-comparison {
    padding-block: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-comparison {
    padding-block: 7rem;
  }
}

.p-comparison__block {
  overflow-x: auto;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
@media screen and (min-width: 992px) {
  .p-comparison__block {
    overflow: revert;
  }
}

.p-comparison__block-inner {
  display: grid;
  grid-template-columns: 38% 1fr 1fr;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  min-inline-size: 950px;
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
  -webkit-padding-after: 1.5rem;
          padding-block-end: 1.5rem;
}
@media screen and (min-width: 992px) {
  .p-comparison__block-inner {
    padding: 0;
  }
}

.p-comparison__box {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 9;
  gap: 0;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 20;
}

.p-comparison__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 1rem;
  padding-block: 1rem;
  font-weight: bold;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  background-color: rgb(180, 180, 180);
}

.p-comparison__summary {
  margin-inline: 1rem;
  padding-block: 1.5rem 1rem;
  font-size: 0.875rem;
  border-bottom: 1px solid rgb(225, 225, 225);
  color: rgb(51, 51, 51);
}

.p-comparison__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inline-size: 100%;
  text-align: center;
}
.p-comparison__flex div {
  inline-size: 50%;
  padding-inline: 1rem;
  font-weight: bold;
  line-height: 1.4;
}
.p-comparison__flex div:first-of-type {
  border-right: 1px solid rgb(225, 225, 225);
}

.p-comparison__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: 0.5rem;
  padding-block: 1rem;
  font-size: clamp(1.25rem, 0.393rem + 1.79vw, 1.5rem);
  font-weight: bold;
  line-height: 1.4;
  color: rgb(51, 51, 51);
}
.p-comparison__spec:not(:last-of-type) {
  border-bottom: 1px solid rgb(225, 225, 225);
}
.p-comparison__spec .p-comparison__spec-title {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}
.p-comparison__spec p {
  font-weight: bold;
}
.p-comparison__spec .p-comparison__spec-note {
  font-size: 0.75rem;
}

.p-comparison__spec-unit {
  font-size: 0.7em;
  font-weight: bold;
}

.p-comparison__note {
  font-size: 0.875rem;
}

.p-comparison__fig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-comparison__fig img {
  max-inline-size: 240px;
}

.p-comparison__size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 1rem;
  padding-block: 1rem 1.5rem;
  font-size: clamp(1rem, 0.778rem + 0.46vw, 1.125rem);
  font-weight: bold;
  color: rgb(51, 51, 51);
}
.p-comparison__size span {
  font-size: 0.7em;
  font-weight: bold;
}

[data-type=pro] {
  --pro-color: rgb(214 112 119 / 1);
}
[data-type=pro].p-comparison__box {
  border: 4px solid var(--pro-color);
  border-top: 0;
}
[data-type=pro] .p-comparison__title {
  background-color: var(--pro-color);
}
[data-type=pro] .p-comparison__spec {
  color: var(--pro-color);
}
[data-type=pro] .p-comparison__spec span {
  color: rgb(51, 51, 51);
}
[data-type=pro] .p-comparison__spec .p-comparison__spec-unit {
  color: var(--pro-color);
}
[data-type=pro] .p-comparison__size {
  color: var(--pro-color);
}
[data-type=pro] .p-comparison__size span {
  color: rgb(51, 51, 51);
}

.p-features {
  padding-block: 4rem;
  position: relative;
}
.p-features::before {
  content: "";
  inline-size: 100cqi;
  block-size: 100%;
  margin-inline: calc(50% - 50cqi);
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 576px) {
  .p-features {
    padding-block: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-features {
    padding-block: 7rem;
  }
}

.p-features__box {
  padding-inline: 1.25rem;
  padding-block: 1.25rem;
  border-left: 5px solid rgb(230, 184, 120);
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.p-features__box:not(:last-of-type) {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
@media screen and (min-width: 576px) {
  .p-features__box {
    padding-inline: 1.5rem;
    padding-block: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-features__box {
    padding-inline: 2rem;
    padding-block: 2rem;
  }
}

.p-features__title {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
  font-weight: bold;
}

.p-lineup {
  padding-block: 4rem;
}
@media screen and (min-width: 576px) {
  .p-lineup {
    padding-block: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-lineup {
    padding-block: 7rem;
  }
}

.p-lineup__nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}
.p-lineup__nav .p-lineup__nav-button {
  padding-block: 1rem;
  font-weight: bold;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.p-lineup__nav .p-lineup__nav-button {
  cursor: pointer;
}
.p-lineup__nav .p-lineup__nav-button[data-type=safety] {
  color: rgb(0, 159, 255);
  background-color: rgba(0, 159, 255, 0.3);
}
.p-lineup__nav .p-lineup__nav-button[data-type=safety][aria-selected=true] {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 159, 255);
}
.p-lineup__nav .p-lineup__nav-button[data-type=performance] {
  color: rgb(131, 89, 161);
  background-color: rgba(131, 89, 161, 0.3);
}
.p-lineup__nav .p-lineup__nav-button[data-type=performance][aria-selected=true] {
  color: rgb(255, 255, 255);
  background-color: rgb(131, 89, 161);
}
@media screen and (min-width: 576px) {
  .p-lineup__nav br {
    display: none;
  }
}

.p-lineup__block {
  padding-inline: 1.5rem;
  padding-block: 1.5rem;
  border: 3px solid;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.p-lineup__block[data-type=safety] {
  border-color: rgb(0, 159, 255);
}
.p-lineup__block[data-type=performance] {
  border-color: rgb(131, 89, 161);
}
@media screen and (min-width: 768px) {
  .p-lineup__block {
    padding-inline: 1.5rem;
    padding-block: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .p-lineup__block {
    padding-inline: 2.5rem;
    padding-block: 2.5rem;
  }
}

.p-lineup__summary {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}

.p-lineup__box {
  display: grid;
  grid-template-areas: "fig" "title" "summary" "nav";
}
.p-lineup__box:not(:last-of-type) {
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
}
@media screen and (min-width: 768px) {
  .p-lineup__box {
    grid-template-columns: 1fr 300px;
    grid-template-rows: auto auto 1fr;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    grid-template-areas: "title fig" "summary fig" "nav fig";
  }
}
@media screen and (min-width: 992px) {
  .p-lineup__box {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-lineup__subtitle {
  grid-area: title;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
  font-weight: bold;
}

.p-lineup__subsummary {
  grid-area: summary;
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}

.p-lineup__subnav {
  grid-area: nav;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-lineup__subnav-button {
  display: grid;
  grid-template-columns: 1fr 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: 100%;
  padding-inline: 1rem;
  padding-block: 0.75rem;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
  border: 2px solid;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-lineup__subnav-button::after {
  content: "";
  inline-size: 8px;
  block-size: 12px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-lineup__subnav-button:hover {
  color: rgb(255, 255, 255) !important;
}
.p-lineup__subnav-button:hover::after {
  background-color: rgb(255, 255, 255) !important;
}

.p-lineup__subfig {
  grid-area: fig;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.p-lineup__subfig img {
  block-size: auto;
}
@media screen and (min-width: 768px) {
  .p-lineup__subfig {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}

[data-type=safety].p-lineup__block {
  position: relative;
}
[data-type=safety].p-lineup__block::before {
  content: "Coming Soon";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  font-family: "Roboto", sans-serif;
  font-size: clamp(2rem, 0.442rem + 4.33vw, 3.125rem);
  font-weight: bold;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  backdrop-filter: blur(4px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
[data-type=safety] .p-lineup__subnav-button {
  color: rgb(0, 159, 255);
  border-color: rgb(0, 159, 255);
}
[data-type=safety] .p-lineup__subnav-button::after {
  background-color: rgb(0, 159, 255);
}
[data-type=safety] .p-lineup__subnav-button:hover {
  background-color: rgb(0, 159, 255);
}

[data-type=performance] .p-lineup__subnav-button {
  color: rgb(131, 89, 161);
  border-color: rgb(131, 89, 161);
}
[data-type=performance] .p-lineup__subnav-button::after {
  background-color: rgb(131, 89, 161);
}
[data-type=performance] .p-lineup__subnav-button:hover {
  background-color: rgb(131, 89, 161);
}

.p-lineup__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
}

.p-lineup__other-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  border-bottom: 1px solid rgb(51, 51, 51);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-lineup__other-link::before {
  content: "";
  inline-size: 10px;
  block-size: 6px;
  background-color: rgb(51, 51, 51);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: relative;
  top: 0.125rem;
}
.p-lineup__other-link:hover {
  opacity: 0.7;
}

.p-press {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-press__button {
  display: grid;
  grid-template-columns: 1fr 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: 100%;
  max-inline-size: 300px;
  padding-inline: 1.25rem;
  padding-block: 0.75rem;
  font-size: 1rem;
  font-weight: bold;
  border: 2px solid rgb(51, 51, 51);
  border-radius: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-press__button::after {
  content: "";
  inline-size: 8px;
  block-size: 12px;
  background-color: rgb(51, 51, 51);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-press__button:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 51, 51);
}
.p-press__button:hover::after {
  background-color: rgb(255, 255, 255);
}

.p-hololight-series {
  justify-self: start;
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
  padding-inline: 0.75rem;
  padding-block: 0.125rem 0.25rem;
  font-size: clamp(1rem, 0.827rem + 0.48vw, 1.125rem);
  font-weight: bold;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  background-color: rgb(51, 51, 51);
}
@media screen and (min-width: 768px) {
  .p-hololight-series {
    -webkit-margin-after: 5rem;
            margin-block-end: 5rem;
  }
}

.p-hololightpro__title {
  justify-self: start;
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
  padding-inline: 1rem;
  padding-block: 0.25rem 0.375rem;
  font-size: clamp(1.125rem, 0.779rem + 0.96vw, 1.375rem);
  font-weight: bold;
  color: rgb(255, 255, 255);
  letter-spacing: 0.1em;
  line-height: 1.2;
  background-color: rgb(51, 51, 51);
}

.p-hololightpro-intro {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  -webkit-margin-after: 3rem;
          margin-block-end: 3rem;
}
@media screen and (min-width: 768px) {
  .p-hololightpro-intro {
    grid-template-columns: 40% 1fr;
    -webkit-margin-after: 5rem;
            margin-block-end: 5rem;
  }
}

.p-hololightpro-intro__data {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .p-hololightpro-intro__data {
    -webkit-padding-after: 2rem;
            padding-block-end: 2rem;
  }
}

.p-hololightpro-intro__title {
  display: grid;
  row-gap: 1rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  font-size: clamp(1.5rem, 0.808rem + 1.92vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
}
.p-hololightpro-intro__title span {
  font-family: "Roboto", sans-serif;
  font-size: clamp(1rem, 0.827rem + 0.48vw, 1.125rem);
  font-weight: 600;
  color: rgb(150, 150, 150);
}
@media screen and (min-width: 768px) {
  .p-hololightpro-intro__title {
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }
}

.p-hololightpro-intro__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.p-hololightpro-intro__tag-item {
  padding-inline: 0.5rem;
  padding-block: 0.125rem 0.1875rem;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  background-color: rgb(55, 55, 55);
}

.p-hololightpro-intro__fig {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  max-inline-size: 350px;
  margin-inline: auto;
  background-color: rgb(255, 255, 255);
}

.p-hololightpro-outline {
  display: grid;
  row-gap: 2rem;
  -webkit-margin-after: 4rem;
          margin-block-end: 4rem;
}
@media screen and (min-width: 768px) {
  .p-hololightpro-outline {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    -webkit-margin-end: calc(50% - 50cqi);
            margin-inline-end: calc(50% - 50cqi);
    -webkit-margin-after: 7rem;
            margin-block-end: 7rem;
  }
}
@media screen and (min-width: 992px) {
  .p-hololightpro-outline {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }
}

.p-hololightpro-outline__detail {
  line-height: 2.2;
}

.p-hololightpro-outline__fig {
  -webkit-margin-end: -4vw;
          margin-inline-end: -4vw;
  background-color: rgb(213, 213, 213);
}
@media screen and (min-width: 768px) {
  .p-hololightpro-outline__fig {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    block-size: 450px;
  }
}

.p-hololightpro-spec {
  -webkit-margin-after: 4rem;
          margin-block-end: 4rem;
}
@media screen and (min-width: 768px) {
  .p-hololightpro-spec {
    -webkit-margin-after: 7rem;
            margin-block-end: 7rem;
  }
}

.p-hololightpro-spec__item {
  display: grid;
  padding-block: 1rem;
  border-bottom: 1px solid rgb(213, 213, 213);
}
.p-hololightpro-spec__item:first-of-type {
  border-top: 1px solid rgb(213, 213, 213);
}
@media screen and (min-width: 576px) {
  .p-hololightpro-spec__item {
    grid-template-columns: 120px 1fr;
  }
}
@media screen and (min-width: 768px) {
  .p-hololightpro-spec__item {
    grid-template-columns: 180px 1fr;
  }
}

.p-hololightpro-spec__head {
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  .p-hololightpro-spec__head {
    font-weight: normal;
  }
}

.p-hololightpro-casestudy {
  -webkit-margin-after: 6rem;
          margin-block-end: 6rem;
}

.p-hololightpro-casestudy__list {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 576px) {
  .p-hololightpro-casestudy__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-hololightpro-casestudy__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

.p-hololightpro-casestudy__fig {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}

.p-hololightpro-casestudy__summary {
  font-size: 0.875rem;
  font-weight: 500;
}

.p-hololightpro-casestudy__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
  padding-block: 0.0625rem 0.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  border-radius: 3px;
}

[data-casestudy=performance] .p-hololightpro-casestudy__category {
  background-color: rgb(131, 89, 161);
}

[data-casestudy=safety] .p-hololightpro-casestudy__category {
  background-color: rgb(0, 159, 255);
}

.p-hololightpro-lineup__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 1rem;
}

.p-hololightpro-lineup__list-button {
  display: grid;
  grid-template-columns: 1fr 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  inline-size: 100%;
  padding-inline: 1rem;
  padding-block: 0.75rem;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
  border: 2px solid rgb(51, 51, 51);
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-hololightpro-lineup__list-button::after {
  content: "";
  inline-size: 8px;
  block-size: 12px;
  background-color: rgb(51, 51, 51);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-hololightpro-lineup__list-button:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(51, 51, 51);
}
.p-hololightpro-lineup__list-button:hover::after {
  background-color: rgb(255, 255, 255);
}