html {
  scroll-behavior: smooth;
  overflow-x: clip;
  scrollbar-gutter: stable;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#lp-contents html.is-menu-open,
#lp-contents html.is-menu-open body {
  overflow: hidden !important;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: clip;
}
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    #lp-contents *,
    #lp-contents :before,
    #lp-contents :after,
    #lp-contents ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 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-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
      --tw-leading: initial;
    }
  }
}

@layer theme {
  :root,
  #lp-contents :host {
    --font-sans: "Zen Kaku Gothic New", sans-serif;
    --font-serif: "Noto Serif JP", serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --blur-sm: 8px;
    --default-transition-duration: 0.3s;
    --default-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-zen-maru: "Zen Maru Gothic", serif;
    --font-quicksand: "Quicksand", sans-serif;
    --fluid-base: calc(100vw / 450);
    --f: var(--fluid-base);
    --text-60\%: 60%;
    --text-f-11px: min(calc(11 * var(--f)), 0.6875rem);
    --text-f-xs: min(calc(12 * var(--f)), 0.75rem);
    --text-f-sm: min(calc(14 * var(--f)), 0.875rem);
    --text-f-15px: min(calc(15 * var(--f)), 0.9375rem);
    --text-f-base: min(calc(16 * var(--f)), 1rem);
    --text-f-lg: min(calc(18 * var(--f)), 1.125rem);
    --text-f-xl: min(calc(20 * var(--f)), 1.25rem);
    --text-f-22px: min(calc(22 * var(--f)), 1.3755rem);
    --text-f-2xl: min(calc(24 * var(--f)), 1.5rem);
    --text-f-3xl: min(calc(30 * var(--f)), 1.875rem);
    --text-f-4xl: min(calc(36 * var(--f)), 2.25rem);
    --text-f-64px: min(calc(64 * var(--f)), 4rem);
    --spacing-f-px: max(min(calc(1 * var(--f)), 1px), 0.5px);
    --spacing-f-0\.5: min(calc(2 * var(--f)), 0.125rem);
    --spacing-f-1: min(calc(4 * var(--f)), 0.25rem);
    --spacing-f-1\.5: min(calc(6 * var(--f)), 0.375rem);
    --spacing-f-2: min(calc(8 * var(--f)), 0.5rem);
    --spacing-f-2\.5: min(calc(10 * var(--f)), 0.625rem);
    --spacing-f-3: min(calc(12 * var(--f)), 0.75rem);
    --spacing-f-4: min(calc(16 * var(--f)), 1rem);
    --spacing-f-5: min(calc(20 * var(--f)), 1.25rem);
    --spacing-f-6: min(calc(24 * var(--f)), 1.5rem);
    --spacing-f-7: min(calc(28 * var(--f)), 1.75rem);
    --spacing-f-8: min(calc(32 * var(--f)), 2rem);
    --spacing-f-9: min(calc(36 * var(--f)), 2.25rem);
    --spacing-f-10: min(calc(40 * var(--f)), 2.5rem);
    --spacing-f-12: min(calc(48 * var(--f)), 3rem);
    --spacing-f-13: min(calc(52 * var(--f)), 3.25rem);
    --spacing-f-14: min(calc(56 * var(--f)), 3.5rem);
    --spacing-f-16: min(calc(64 * var(--f)), 4rem);
    --spacing-f-18: min(calc(72 * var(--f)), 4.5rem);
    --spacing-f-22: min(calc(88 * var(--f)), 5.5rem);
    --spacing-f-24: min(calc(96 * var(--f)), 6rem);
    --spacing-f-40: min(calc(160 * var(--f)), 10rem);
    --spacing-f-48: min(calc(192 * var(--f)), 12rem);
    --spacing-f-68: min(calc(272 * var(--f)), 17rem);
    --radius-f-sm: min(calc(4 * var(--f)), 4px);
    --radius-f-md: min(calc(8 * var(--f)), 8px);
    --radius-f-10px: min(calc(10 * var(--f)), 10px);
    --border-width-f: max(min(calc(1 * var(--f)), 1px), 0.5px);
    --border-width-f-2: min(calc(2 * var(--f)), 2px);
    --color-graphite-500: #737373;
    --color-graphite-700: #404040;
    --color-graphite-800: #262626;
    --color-graphite-900: #191919;
    --color-graphite-950: #0a0a0a;
    --color-brass-400: #ceaf46;
    --color-brass-800: #695126;
  }
}

@layer base {
  #lp-contents *,
  #lp-contents :after,
  #lp-contents :before,
  #lp-contents ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  #lp-contents ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html,
  #lp-contents :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, 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;
  }

  #lp-contents hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  #lp-contents abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  #lp-contents h1,
  #lp-contents h2,
  #lp-contents h3,
  #lp-contents h4,
  #lp-contents h5,
  #lp-contents h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  #lp-contents a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  #lp-contents b,
  #lp-contents strong {
    font-weight: bolder;
  }

  #lp-contents code,
  #lp-contents kbd,
  #lp-contents samp,
  #lp-contents 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;
  }

  #lp-contents small {
    font-size: 80%;
  }

  #lp-contents sub,
  #lp-contents sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  #lp-contents sub {
    bottom: -0.25em;
  }

  #lp-contents sup {
    top: -0.5em;
  }

  #lp-contents table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  #lp-contents :-moz-focusring {
    outline: auto;
  }

  #lp-contents progress {
    vertical-align: baseline;
  }

  #lp-contents summary {
    display: list-item;
  }

  #lp-contents ol,
  #lp-contents ul,
  #lp-contents menu {
    list-style: none;
  }

  #lp-contents img,
  #lp-contents svg,
  #lp-contents video,
  #lp-contents canvas,
  #lp-contents audio,
  #lp-contents iframe,
  #lp-contents embed,
  #lp-contents object {
    vertical-align: middle;
    display: block;
  }

  #lp-contents img,
  #lp-contents video {
    max-width: 100%;
    height: auto;
  }

  #lp-contents button,
  #lp-contents input,
  #lp-contents select,
  #lp-contents optgroup,
  #lp-contents textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  #lp-contents ::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;
  }

  #lp-contents :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  #lp-contents :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  #lp-contents ::file-selector-button {
    margin-inline-end: 4px;
  }

  #lp-contents ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    #lp-contents ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      #lp-contents ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  #lp-contents textarea {
    resize: vertical;
  }

  #lp-contents ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  #lp-contents ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  #lp-contents ::-webkit-datetime-edit {
    display: inline-flex;
  }

  #lp-contents ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  #lp-contents ::-webkit-datetime-edit {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  #lp-contents ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  #lp-contents :-moz-ui-invalid {
    box-shadow: none;
  }

  #lp-contents button,
  #lp-contents input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  #lp-contents ::file-selector-button {
    appearance: button;
  }

  #lp-contents ::-webkit-inner-spin-button {
    height: auto;
  }

  #lp-contents ::-webkit-outer-spin-button {
    height: auto;
  }

  #lp-contents [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  #lp-contents {
    background-color: var(--color-graphite-800);
    font-family: var(--font-sans);
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-graphite-700);
  }
}

@layer components {
  #lp-contents :where(.note-list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-3) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents .note-list .note-list__item {
    align-items: flex-start;
    column-gap: var(--spacing-f-1);
    font-size: var(--text-f-xs);
    line-height: var(--leading-relaxed);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    display: flex;
  }

  #lp-contents .note-list .note-list__item:before {
    --tw-content: "※";
    content: var(--tw-content);
  }
}

@layer utilities {
  #lp-contents .pointer-events-none {
    pointer-events: none;
  }

  #lp-contents .collapse {
    visibility: collapse;
  }

  #lp-contents .visible {
    visibility: visible;
  }

  #lp-contents .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  #lp-contents .absolute {
    position: absolute;
  }

  #lp-contents .fixed {
    position: fixed;
  }

  #lp-contents .relative {
    position: relative;
  }

  #lp-contents .static {
    position: static;
  }

  #lp-contents .sticky {
    position: sticky;
  }

  #lp-contents .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  #lp-contents .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  #lp-contents .-top-f-1 {
    top: calc(var(--spacing-f-1) * -1);
  }

  #lp-contents .-top-f-2 {
    top: calc(var(--spacing-f-2) * -1);
  }

  #lp-contents .-top-f-14 {
    top: calc(var(--spacing-f-14) * -1);
  }

  #lp-contents .top-0 {
    top: calc(var(--spacing) * 0);
  }

  #lp-contents .top-1\/2 {
    top: 50%;
  }

  #lp-contents .top-\[min\(calc\(76\*var\(--f\)\)\,76px\)\] {
    top: min(calc(76 * var(--f)), 76px);
  }

  #lp-contents .top-\[min\(calc\(197\*var\(--f\)\)\,197px\)\] {
    top: min(calc(197 * var(--f)), 197px);
  }

  #lp-contents .top-\[min\(calc\(246\*var\(--f\)\)\,246px\)\] {
    top: min(calc(246 * var(--f)), 246px);
  }

  #lp-contents .top-\[min\(calc\(626\*var\(--f\)\)\,626px\)\] {
    top: min(calc(626 * var(--f)), 626px);
  }

  #lp-contents .top-f-2 {
    top: var(--spacing-f-2);
  }

  #lp-contents .right-f-2 {
    right: var(--spacing-f-2);
  }

  #lp-contents .right-f-4 {
    right: var(--spacing-f-4);
  }

  #lp-contents .right-f-5 {
    right: var(--spacing-f-5);
  }

  #lp-contents .bottom-\[min\(calc\(100\*var\(--f\)\)\,100px\)\] {
    bottom: min(calc(100 * var(--f)), 100px);
  }

  #lp-contents .bottom-f-2 {
    bottom: var(--spacing-f-2);
  }

  #lp-contents .bottom-f-10 {
    bottom: var(--spacing-f-10);
  }

  #lp-contents .-left-f-1\.5 {
    left: calc(var(--spacing-f-1\.5) * -1);
  }

  #lp-contents .-left-f-2\.5 {
    left: calc(var(--spacing-f-2\.5) * -1);
  }

  #lp-contents .-left-f-4 {
    left: calc(var(--spacing-f-4) * -1);
  }

  #lp-contents .-left-f-7 {
    left: calc(var(--spacing-f-7) * -1);
  }

  #lp-contents .-left-f-8 {
    left: calc(var(--spacing-f-8) * -1);
  }

  #lp-contents .-left-f-9 {
    left: calc(var(--spacing-f-9) * -1);
  }

  #lp-contents .left-0 {
    left: calc(var(--spacing) * 0);
  }

  #lp-contents .left-1\/2 {
    left: 50%;
  }

  #lp-contents .left-f-5 {
    left: var(--spacing-f-5);
  }

  #lp-contents .left-f-6 {
    left: var(--spacing-f-6);
  }

  #lp-contents .z-10 {
    z-index: 10;
  }

  #lp-contents .z-50 {
    z-index: 50;
  }

  #lp-contents .col-start-2 {
    grid-column-start: 2;
  }

  #lp-contents .col-start-3 {
    grid-column-start: 3;
  }

  #lp-contents .-mx-f-2\.5 {
    margin-inline: calc(var(--spacing-f-2\.5) * -1);
  }

  #lp-contents .mx-auto {
    margin-inline: auto;
  }

  #lp-contents .-mt-f-1 {
    margin-top: calc(var(--spacing-f-1) * -1);
  }

  #lp-contents .-mt-f-2 {
    margin-top: calc(var(--spacing-f-2) * -1);
  }

  #lp-contents .-mt-f-4 {
    margin-top: calc(var(--spacing-f-4) * -1);
  }

  #lp-contents .-mr-f-2 {
    margin-right: calc(var(--spacing-f-2) * -1);
  }

  #lp-contents .mr-f-3 {
    margin-right: var(--spacing-f-3);
  }

  #lp-contents .mb-f-2 {
    margin-bottom: var(--spacing-f-2);
  }

  #lp-contents .-ml-f-2 {
    margin-left: calc(var(--spacing-f-2) * -1);
  }

  #lp-contents .ml-auto {
    margin-left: auto;
  }

  #lp-contents .ml-f-1\.5 {
    margin-left: var(--spacing-f-1\.5);
  }

  #lp-contents .block {
    display: block;
  }

  #lp-contents .flex {
    display: flex;
  }

  #lp-contents .flex\! {
    display: flex !important;
  }

  #lp-contents .grid {
    display: grid;
  }

  #lp-contents .grid\! {
    display: grid !important;
  }

  #lp-contents .inline {
    display: inline;
  }

  #lp-contents .aspect-square {
    aspect-ratio: 1;
  }

  #lp-contents .h-auto {
    height: auto;
  }

  #lp-contents .h-f-2 {
    height: var(--spacing-f-2);
  }

  #lp-contents .h-f-16 {
    height: var(--spacing-f-16);
  }

  #lp-contents .h-f-24 {
    height: var(--spacing-f-24);
  }

  #lp-contents .h-full {
    height: 100%;
  }

  #lp-contents .h-screen {
    height: 100vh;
  }

  #lp-contents .min-h-fit {
    min-height: fit-content;
  }

  #lp-contents .min-h-screen {
    min-height: 100vh;
  }

  #lp-contents .w-\[min\(calc\(150\*var\(--f\)\)\,150px\)\] {
    width: min(calc(150 * var(--f)), 150px);
  }

  #lp-contents .w-\[min\(calc\(267\*var\(--f\)\)\,267px\)\] {
    width: min(calc(267 * var(--f)), 267px);
  }

  #lp-contents .w-auto {
    width: auto;
  }

  #lp-contents .w-f-2 {
    width: var(--spacing-f-2);
  }

  #lp-contents .w-f-5 {
    width: var(--spacing-f-5);
  }

  #lp-contents .w-f-6 {
    width: var(--spacing-f-6);
  }

  #lp-contents .w-f-7 {
    width: var(--spacing-f-7);
  }

  #lp-contents .w-f-10 {
    width: var(--spacing-f-10);
  }

  #lp-contents .w-f-12 {
    width: var(--spacing-f-12);
  }

  #lp-contents .w-f-13 {
    width: var(--spacing-f-13);
  }

  #lp-contents .w-f-14 {
    width: var(--spacing-f-14);
  }

  #lp-contents .w-f-18 {
    width: var(--spacing-f-18);
  }

  #lp-contents .w-f-22 {
    width: var(--spacing-f-22);
  }

  #lp-contents .w-f-40 {
    width: var(--spacing-f-40);
  }

  #lp-contents .w-f-48 {
    width: var(--spacing-f-48);
  }

  #lp-contents .w-f-px {
    width: var(--spacing-f-px);
  }

  #lp-contents .w-fit {
    width: fit-content;
  }

  #lp-contents .w-full {
    width: 100%;
  }

  #lp-contents .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  #lp-contents .max-w-\[450px\] {
    max-width: 450px;
  }

  #lp-contents .max-w-f-68 {
    max-width: var(--spacing-f-68);
  }

  #lp-contents .min-w-\[min\(calc\(115\*var\(--f\)\)\,115px\)\] {
    min-width: min(calc(115 * var(--f)), 115px);
  }

  #lp-contents .min-w-\[min\(calc\(482\*var\(--f\)\)\,482px\)\] {
    min-width: min(calc(482 * var(--f)), 482px);
  }

  #lp-contents .min-w-\[min\(calc\(498\*var\(--f\)\)\,498px\)\] {
    min-width: min(calc(498 * var(--f)), 498px);
  }

  #lp-contents .shrink-0 {
    flex-shrink: 0;
  }

  #lp-contents .grow {
    flex-grow: 1;
  }

  #lp-contents .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  #lp-contents .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  #lp-contents .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }

  #lp-contents .cursor-pointer {
    cursor: pointer;
  }

  #lp-contents .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  #lp-contents .grid-cols-\[minmax\(0\,1fr\)_min\(450px\,100\%\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) min(450px, 100%) minmax(0, 1fr);
  }

  #lp-contents .flex-col {
    flex-direction: column;
  }

  #lp-contents .flex-nowrap {
    flex-wrap: nowrap;
  }

  #lp-contents .flex-wrap {
    flex-wrap: wrap;
  }

  #lp-contents .place-items-center {
    place-items: center;
  }

  #lp-contents .items-center {
    align-items: center;
  }

  #lp-contents .items-end {
    align-items: flex-end;
  }

  #lp-contents .items-start {
    align-items: flex-start;
  }

  #lp-contents .justify-between {
    justify-content: space-between;
  }

  #lp-contents .justify-center {
    justify-content: center;
  }

  #lp-contents :where(.space-y-\[min\(calc\(65\*var\(--f\)\)\,65px\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(min(calc(65 * var(--f)), 65px) * var(--tw-space-y-reverse));
    margin-block-end: calc(min(calc(65 * var(--f)), 65px) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-1) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-1) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-2) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-2\! > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(var(--spacing-f-2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(var(--spacing-f-2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  #lp-contents :where(.space-y-f-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-3) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-4) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-4) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-5) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-5) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-6) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-6) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-8) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-8) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents :where(.space-y-f-8\! > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(var(--spacing-f-8) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(var(--spacing-f-8) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  #lp-contents :where(.space-y-f-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-f-12) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-f-12) * calc(1 - var(--tw-space-y-reverse)));
  }

  #lp-contents .gap-x-f-1 {
    column-gap: var(--spacing-f-1);
  }

  #lp-contents .gap-x-f-2 {
    column-gap: var(--spacing-f-2);
  }

  #lp-contents .gap-x-f-3 {
    column-gap: var(--spacing-f-3);
  }

  #lp-contents .gap-x-f-6 {
    column-gap: var(--spacing-f-6);
  }

  #lp-contents .gap-x-f-8 {
    column-gap: var(--spacing-f-8);
  }

  #lp-contents .gap-y-f-2 {
    row-gap: var(--spacing-f-2);
  }

  #lp-contents .gap-y-f-4 {
    row-gap: var(--spacing-f-4);
  }

  #lp-contents .self-stretch {
    align-self: stretch;
  }

  #lp-contents .overflow-clip {
    overflow: clip;
  }

  #lp-contents .overflow-y-auto {
    overflow-y: auto;
  }

  #lp-contents .overscroll-contain {
    overscroll-behavior: contain;
  }

  #lp-contents .rounded-f-10px {
    border-radius: var(--radius-f-10px);
  }

  #lp-contents .rounded-f-md {
    border-radius: var(--radius-f-md);
  }

  #lp-contents .rounded-f-sm {
    border-radius: var(--radius-f-sm);
  }

  #lp-contents .rounded-full {
    border-radius: 3.40282e38px;
  }

  #lp-contents .rounded-b-f-sm {
    border-bottom-right-radius: var(--radius-f-sm);
    border-bottom-left-radius: var(--radius-f-sm);
  }

  #lp-contents .border-brass {
    border-style: var(--tw-border-style);
    border-width: var(--border-width-f);
    -webkit-mask-composite: destination-out;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(90deg, #e8d78d 0%, #c9ae58 38%, #ba9c3d 65%, #8f7427 100%);
    border-color: #0000;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position:
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: padding-box, border-box;
    mask-clip: padding-box, border-box;
    -webkit-mask-origin: padding-box, border-box;
    mask-origin: padding-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
  }

  #lp-contents .border-f {
    border-style: var(--tw-border-style);
    border-width: var(--border-width-f);
  }

  #lp-contents .border-f-2 {
    border-style: var(--tw-border-style);
    border-width: var(--border-width-f-2);
  }

  #lp-contents .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  #lp-contents .border-x-f {
    border-inline-style: var(--tw-border-style);
    border-inline-width: var(--border-width-f);
  }

  #lp-contents .border-y-f {
    border-block-style: var(--tw-border-style);
    border-block-width: var(--border-width-f);
  }

  #lp-contents .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  #lp-contents .border-b-f {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--border-width-f);
  }

  #lp-contents .border-\[\#997D25\] {
    border-color: #997d25;
  }

  #lp-contents .border-graphite-500 {
    border-color: var(--color-graphite-500);
  }

  #lp-contents .border-white {
    border-color: var(--color-white);
  }

  #lp-contents .border-white\/50 {
    border-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    #lp-contents .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  #lp-contents .bg-\[\#997D25\] {
    background-color: #997d25;
  }

  #lp-contents .bg-\[\#FBFBF4\] {
    background-color: #fbfbf4;
  }

  #lp-contents .bg-\[\#ccc\] {
    background-color: #ccc;
  }

  #lp-contents .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    #lp-contents .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  #lp-contents .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    #lp-contents .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  #lp-contents .bg-brass-800 {
    background-color: var(--color-brass-800);
  }

  #lp-contents .bg-graphite-500 {
    background-color: var(--color-graphite-500);
  }

  #lp-contents .bg-graphite-700 {
    background-color: var(--color-graphite-700);
  }

  #lp-contents .bg-graphite-900 {
    background-color: var(--color-graphite-900);
  }

  #lp-contents .bg-graphite-950 {
    background-color: var(--color-graphite-950);
  }

  #lp-contents .bg-white {
    background-color: var(--color-white);
  }

  #lp-contents .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    #lp-contents .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  #lp-contents .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  #lp-contents .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    #lp-contents .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  #lp-contents .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  #lp-contents .bg-\[url\(\/img\/bg_body\.webp\)\] {
    background-image: url("../img/bg_body.webp");
  }

  #lp-contents .from-\[\#9fc6f2\] {
    --tw-gradient-from: #9fc6f2;
    --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));
  }

  #lp-contents .from-\[\#87b0e5\] {
    --tw-gradient-from: #87b0e5;
    --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));
  }

  #lp-contents .from-\[\#C1A44A\] {
    --tw-gradient-from: #c1a44a;
    --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));
  }

  #lp-contents .from-\[\#E8D78D\] {
    --tw-gradient-from: #e8d78d;
    --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));
  }

  #lp-contents .from-graphite-700 {
    --tw-gradient-from: var(--color-graphite-700);
    --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));
  }

  #lp-contents .from-graphite-800 {
    --tw-gradient-from: var(--color-graphite-800);
    --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));
  }

  #lp-contents .via-\[\#7aa6de\] {
    --tw-gradient-via: #7aa6de;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  #lp-contents .via-\[\#87b0e5\] {
    --tw-gradient-via: #87b0e5;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  #lp-contents .via-\[\#BA9C3D\] {
    --tw-gradient-via: #ba9c3d;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  #lp-contents .via-\[\#C9AE58\] {
    --tw-gradient-via: #c9ae58;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  #lp-contents .via-30\% {
    --tw-gradient-via-position: 30%;
  }

  #lp-contents .via-36\% {
    --tw-gradient-via-position: 36%;
  }

  #lp-contents .via-76\% {
    --tw-gradient-via-position: 76%;
  }

  #lp-contents .to-\[\#4e7fcc\] {
    --tw-gradient-to: #4e7fcc;
    --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));
  }

  #lp-contents .to-\[\#8F7427\] {
    --tw-gradient-to: #8f7427;
    --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));
  }

  #lp-contents .to-\[\#4777c2\] {
    --tw-gradient-to: #4777c2;
    --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));
  }

  #lp-contents .to-\[\#C2A54B\] {
    --tw-gradient-to: #c2a54b;
    --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));
  }

  #lp-contents .to-graphite-800\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    #lp-contents .to-graphite-800\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-graphite-800) 0%, transparent);
    }
  }

  #lp-contents .to-graphite-800\/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));
  }

  #lp-contents .to-graphite-950 {
    --tw-gradient-to: var(--color-graphite-950);
    --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));
  }

  #lp-contents .bg-cover {
    background-size: cover;
  }

  #lp-contents .bg-center {
    background-position: center;
  }

  #lp-contents .bg-no-repeat {
    background-repeat: no-repeat;
  }

  #lp-contents .object-cover {
    object-fit: cover;
  }

  #lp-contents .object-top {
    object-position: top;
  }

  #lp-contents .p-f-0\.5 {
    padding: var(--spacing-f-0\.5);
  }

  #lp-contents .p-f-2 {
    padding: var(--spacing-f-2);
  }

  #lp-contents .p-f-3 {
    padding: var(--spacing-f-3);
  }

  #lp-contents .p-f-4 {
    padding: var(--spacing-f-4);
  }

  #lp-contents .p-f-6 {
    padding: var(--spacing-f-6);
  }

  #lp-contents .px-f-2 {
    padding-inline: var(--spacing-f-2);
  }

  #lp-contents .px-f-3 {
    padding-inline: var(--spacing-f-3);
  }

  #lp-contents .px-f-4 {
    padding-inline: var(--spacing-f-4);
  }

  #lp-contents .px-f-5 {
    padding-inline: var(--spacing-f-5);
  }

  #lp-contents .px-f-6 {
    padding-inline: var(--spacing-f-6);
  }

  #lp-contents .px-f-8 {
    padding-inline: var(--spacing-f-8);
  }

  #lp-contents .py-f-0\.5 {
    padding-block: var(--spacing-f-0\.5);
  }

  #lp-contents .py-f-1 {
    padding-block: var(--spacing-f-1);
  }

  #lp-contents .py-f-1\.5 {
    padding-block: var(--spacing-f-1\.5);
  }

  #lp-contents .py-f-3 {
    padding-block: var(--spacing-f-3);
  }

  #lp-contents .py-f-4 {
    padding-block: var(--spacing-f-4);
  }

  #lp-contents .py-f-5 {
    padding-block: var(--spacing-f-5);
  }

  #lp-contents .py-f-6 {
    padding-block: var(--spacing-f-6);
  }

  #lp-contents .py-f-10 {
    padding-block: var(--spacing-f-10);
  }

  #lp-contents .py-f-12 {
    padding-block: var(--spacing-f-12);
  }

  #lp-contents .py-f-40 {
    padding-block: var(--spacing-f-40);
  }

  #lp-contents .pr-f-4 {
    padding-right: var(--spacing-f-4);
  }

  #lp-contents .pb-f-0\.5 {
    padding-bottom: var(--spacing-f-0\.5);
  }

  #lp-contents .pb-f-2 {
    padding-bottom: var(--spacing-f-2);
  }

  #lp-contents .pb-f-12 {
    padding-bottom: var(--spacing-f-12);
  }

  #lp-contents .pl-f-0\.5 {
    padding-left: var(--spacing-f-0\.5);
  }

  #lp-contents .pl-f-9 {
    padding-left: var(--spacing-f-9);
  }

  #lp-contents .pl-f-14 {
    padding-left: var(--spacing-f-14);
  }

  #lp-contents .text-center {
    text-align: center;
  }

  #lp-contents .font-quicksand {
    font-family: var(--font-quicksand);
  }

  #lp-contents .font-serif {
    font-family: var(--font-serif);
  }

  #lp-contents .font-zen-maru {
    font-family: var(--font-zen-maru);
  }

  #lp-contents .text-f-2xl\/loose {
    font-size: var(--text-f-2xl);
    line-height: var(--leading-loose);
  }

  #lp-contents .text-f-2xl\/none {
    font-size: var(--text-f-2xl);
    line-height: 1;
  }

  #lp-contents .text-f-2xl\/normal {
    font-size: var(--text-f-2xl);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-2xl\/tight {
    font-size: var(--text-f-2xl);
    line-height: var(--leading-tight);
  }

  #lp-contents .text-f-3xl\/none {
    font-size: var(--text-f-3xl);
    line-height: 1;
  }

  #lp-contents .text-f-3xl\/tight {
    font-size: var(--text-f-3xl);
    line-height: var(--leading-tight);
  }

  #lp-contents .text-f-4xl\/normal {
    font-size: var(--text-f-4xl);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-11px\/loose {
    font-size: var(--text-f-11px);
    line-height: var(--leading-loose);
  }

  #lp-contents .text-f-15px\/normal {
    font-size: var(--text-f-15px);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-22px\/none {
    font-size: var(--text-f-22px);
    line-height: 1;
  }

  #lp-contents .text-f-64px\/none {
    font-size: var(--text-f-64px);
    line-height: 1;
  }

  #lp-contents .text-f-base\/loose {
    font-size: var(--text-f-base);
    line-height: var(--leading-loose);
  }

  #lp-contents .text-f-base\/normal {
    font-size: var(--text-f-base);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-lg\/none {
    font-size: var(--text-f-lg);
    line-height: 1;
  }

  #lp-contents .text-f-lg\/normal {
    font-size: var(--text-f-lg);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-sm\/none {
    font-size: var(--text-f-sm);
    line-height: 1;
  }

  #lp-contents .text-f-sm\/normal {
    font-size: var(--text-f-sm);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-sm\/normal\! {
    font-size: var(--text-f-sm) !important;
    line-height: var(--leading-normal) !important;
  }

  #lp-contents .text-f-xl\/none {
    font-size: var(--text-f-xl);
    line-height: 1;
  }

  #lp-contents .text-f-xl\/normal {
    font-size: var(--text-f-xl);
    line-height: var(--leading-normal);
  }

  #lp-contents .text-f-xs\/\[1\.8\] {
    font-size: var(--text-f-xs);
    line-height: 1.8;
  }

  #lp-contents .text-f-xs\/none {
    font-size: var(--text-f-xs);
    line-height: 1;
  }

  #lp-contents .text-f-xs\/relaxed {
    font-size: var(--text-f-xs);
    line-height: var(--leading-relaxed);
  }

  #lp-contents .text-60\% {
    font-size: var(--text-60\%);
  }

  #lp-contents .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  #lp-contents .font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  #lp-contents .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  #lp-contents .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  #lp-contents .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  #lp-contents .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  #lp-contents .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  #lp-contents .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  #lp-contents .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  #lp-contents .tracking-widest\! {
    --tw-tracking: var(--tracking-widest) !important;
    letter-spacing: var(--tracking-widest) !important;
  }

  #lp-contents .text-brass-400 {
    color: var(--color-brass-400);
  }

  #lp-contents .text-graphite-500 {
    color: var(--color-graphite-500);
  }

  #lp-contents .text-graphite-800 {
    color: var(--color-graphite-800);
  }

  #lp-contents .text-white {
    color: var(--color-white);
  }

  #lp-contents .capitalize {
    text-transform: capitalize;
  }

  #lp-contents .underline {
    text-decoration-line: underline;
  }

  #lp-contents .hover-opacity-down {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    #lp-contents .hover-opacity-down:hover {
      opacity: 0.7;
    }
  }

  #lp-contents .opacity-0 {
    opacity: 0;
  }

  #lp-contents .opacity-70 {
    opacity: 0.7;
  }

  #lp-contents .opacity-80 {
    opacity: 0.8;
  }

  #lp-contents .opacity-100 {
    opacity: 1;
  }

  #lp-contents .mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }

  #lp-contents .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  #lp-contents .mix-blend-screen {
    mix-blend-mode: screen;
  }

  #lp-contents .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .shadow-\[0_0_64px_0_rgba\(0\,0\,0\,0\.50\)\] {
    --tw-shadow: 0 0 64px 0 var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .shadow-graphite {
    --tw-shadow: 0 var(--tw-shadow-color, min(calc(6 * var(--f)), 6px)) min(calc(18 * var(--f)), 18px) 0 #00000047, inset 0 var(--tw-shadow-color, min(calc(1 * var(--f)), 1px)) 0 0 #ffffff0d;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .shadow-graphite-strong {
    --tw-shadow: 0 var(--tw-shadow-color, min(calc(16 * var(--f)), 16px)) min(calc(36 * var(--f)), 36px) 0 #0000007a, 0 var(--tw-shadow-color, min(calc(6 * var(--f)), 6px)) min(calc(14 * var(--f)), 14px) 0 #00000061, inset 0 var(--tw-shadow-color, min(calc(1 * var(--f)), 1px)) 0 0 #ffffff12;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .shadow-saffron-btn {
    --tw-shadow: 0 var(--tw-shadow-color, min(calc(12 * var(--f)), 12px)) min(calc(30 * var(--f)), 30px) 0 #00000052, 0 0 var(--tw-shadow-color, min(calc(24 * var(--f)), 24px)) 0 #e2ba3b24, 0 var(--tw-shadow-color, min(calc(4 * var(--f)), 4px)) min(calc(10 * var(--f)), 10px) 0 #00000038, inset 0 var(--tw-shadow-color, min(calc(1 * var(--f)), 1px)) 0 0 #ffffff73;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .shadow-saffron-btn-deep {
    --tw-shadow: 0 var(--tw-shadow-color, min(calc(12 * var(--f)), 12px)) min(calc(30 * var(--f)), 30px) 0 #000000a6, 0 0 var(--tw-shadow-color, min(calc(24 * var(--f)), 24px)) 0 #e2ba3b47, 0 var(--tw-shadow-color, min(calc(4 * var(--f)), 4px)) min(calc(10 * var(--f)), 10px) 0 #00000073, inset 0 var(--tw-shadow-color, min(calc(1 * var(--f)), 1px)) 0 0 #ffffff73;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  #lp-contents .blur {
    --tw-blur: blur(8px);
    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,);
  }

  #lp-contents .drop-shadow-graphite {
    filter: drop-shadow(0 min(calc(7 * var(--f)), 7px) min(calc(20 * var(--f)), 20px) #00000057) drop-shadow(0 min(calc(3 * var(--f)), 3px) min(calc(8 * var(--f)), 8px) #00000029);
  }

  #lp-contents .drop-shadow-graphite-strong {
    filter: drop-shadow(0 min(calc(18 * var(--f)), 18px) min(calc(40 * var(--f)), 40px) #0000008f) drop-shadow(0 min(calc(8 * var(--f)), 8px) min(calc(18 * var(--f)), 18px) #00000070);
  }

  #lp-contents .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }

  #lp-contents .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  #lp-contents .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));
  }

  #lp-contents .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  #lp-contents .bg-gradient-brass {
    background: linear-gradient(90deg, #e8d78d 0%, #c9ae58 38%, #ba9c3d 65%, #8f7427 100%);
  }

  #lp-contents .bg-gradient-graphite {
    background: linear-gradient(90deg, #525252 0%, #404040 35%, #262626 68%, #191919 100%);
  }

  #lp-contents .bg-gradient-saffron-btn {
    background: linear-gradient(135deg, #fff1a8 0%, #f3d35f 35%, #e2ba3b 68%, #c89620 100%);
  }

  #lp-contents .text-shadow-graphite-strong {
    text-shadow: 0 min(calc(4 * var(--f)), 4px) min(calc(10 * var(--f)), 10px) #00000073;
  }

  #lp-contents .triangle-bl {
    clip-path: polygon(0 100%, 0 0, 100% 100%);
  }

  #lp-contents .triangle-tl {
    clip-path: polygon(0 0, 100% 0, 0 100%);
  }

  #lp-contents .triangle-tr {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }

  #lp-contents .before\:content-\[\'※\'\]:before {
    --tw-content: "※";
    content: var(--tw-content);
  }

  #lp-contents .before\:content-\[\'●\'\]:before {
    --tw-content: "●";
    content: var(--tw-content);
  }

  @media not all and (min-width: 992px) {
    #lp-contents .max-lg\:hidden {
      display: none;
    }

    #lp-contents .max-lg\:hidden\! {
      display: none !important;
    }
  }

  @media (min-width: 992px) {
    #lp-contents .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 1080px) {
    #lp-contents .xl\:right-f-5 {
      right: var(--spacing-f-5);
    }

    #lp-contents .xl\:left-f-6 {
      left: var(--spacing-f-6);
    }

    #lp-contents .xl\:max-w-fit {
      max-width: fit-content;
    }

    #lp-contents :where(.xl\:space-y-f-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-f-6) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-f-6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  #lp-contents [x-cloak] {
    display: none !important;
  }
}

@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-rotate-x {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}

@property --tw-space-y-reverse {
  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-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-backdrop-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-leading {
  syntax: "*";
  inherits: false;
}