/*! tailwindcss v4.1.18 | 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)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: #ff323e;
    --color-red-700: #d80e17;
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-normal: 0em;
    --radius-md: .375rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-zen: "Zen Kaku Gothic Antique", sans-serif;
    --font-mincho: "Zen Old Mincho", serif;
    --font-girassol: "Girassol", serif;
    --color-background-beige: #f6e5cb;
    --color-brown-300: #bdad8c;
    --color-brown-400: #a8926a;
    --color-brown-500: #967e58;
    --color-brown-600: #7e6749;
    --color-brown-700: #6c5640;
  }
}

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

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

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

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

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

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

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

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

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

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

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

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

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

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

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

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

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

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

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

  :-moz-ui-invalid {
    box-shadow: none;
  }

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

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

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

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

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

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

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-14 {
    top: calc(var(--spacing) * 14);
  }

  .top-\[-10px\] {
    top: -10px;
  }

  .top-\[-38px\] {
    top: -38px;
  }

  .top-\[-42px\] {
    top: -42px;
  }

  .top-\[7px\] {
    top: 7px;
  }

  .top-\[10px\] {
    top: 10px;
  }

  .top-\[14px\] {
    top: 14px;
  }

  .top-\[61px\] {
    top: 61px;
  }

  .top-\[66px\] {
    top: 66px;
  }

  .top-\[70\%\] {
    top: 70%;
  }

  .top-\[70px\] {
    top: 70px;
  }

  .top-\[74px\] {
    top: 74px;
  }

  .top-\[83px\] {
    top: 83px;
  }

  .top-\[85px\] {
    top: 85px;
  }

  .top-\[90px\] {
    top: 90px;
  }

  .top-\[103px\] {
    top: 103px;
  }

  .top-\[112px\] {
    top: 112px;
  }

  .top-\[114px\] {
    top: 114px;
  }

  .top-\[140px\] {
    top: 140px;
  }

  .top-\[150px\] {
    top: 150px;
  }

  .top-\[170px\] {
    top: 170px;
  }

  .top-\[178px\] {
    top: 178px;
  }

  .top-\[179px\] {
    top: 179px;
  }

  .top-\[200px\] {
    top: 200px;
  }

  .top-\[215px\] {
    top: 215px;
  }

  .top-\[250px\] {
    top: 250px;
  }

  .top-\[253px\] {
    top: 253px;
  }

  .top-\[260px\] {
    top: 260px;
  }

  .top-\[265px\] {
    top: 265px;
  }

  .top-\[289px\] {
    top: 289px;
  }

  .top-\[290px\] {
    top: 290px;
  }

  .top-\[301px\] {
    top: 301px;
  }

  .top-\[323px\] {
    top: 323px;
  }

  .top-\[331px\] {
    top: 331px;
  }

  .top-\[340px\] {
    top: 340px;
  }

  .top-\[349px\] {
    top: 349px;
  }

  .top-\[351px\] {
    top: 351px;
  }

  .top-\[430px\] {
    top: 430px;
  }

  .top-\[444px\] {
    top: 444px;
  }

  .top-\[503px\] {
    top: 503px;
  }

  .top-\[calc\(134\/376\*100vw\)\] {
    top: 35.6383vw;
  }

  .top-\[calc\(225\/376\*100vw\)\] {
    top: 59.8404vw;
  }

  .top-\[calc\(226\/376\*100vw\)\] {
    top: 60.1064vw;
  }

  .top-\[calc\(270\/376\*100vw\)\] {
    top: 71.8085vw;
  }

  .top-\[calc\(354\/376\*100vw\)\] {
    top: 94.1489vw;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-4 {
    right: calc(var(--spacing) * -4);
  }

  .-right-6 {
    right: calc(var(--spacing) * -6);
  }

  .-right-px {
    right: -1px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1\/2 {
    right: 50%;
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-\[-10px\] {
    right: -10px;
  }

  .right-\[-46px\] {
    right: -46px;
  }

  .right-\[-50px\] {
    right: -50px;
  }

  .right-\[10px\] {
    right: 10px;
  }

  .right-\[18px\] {
    right: 18px;
  }

  .right-\[20px\] {
    right: 20px;
  }

  .right-\[34px\] {
    right: 34px;
  }

  .right-\[35px\] {
    right: 35px;
  }

  .right-\[calc\(-121\/376\*100vw\)\] {
    right: -32.1808vw;
  }

  .right-\[calc\(-272\/376\*100vw\)\] {
    right: -72.3404vw;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-\[-80px\] {
    bottom: -80px;
  }

  .bottom-\[-90px\] {
    bottom: -90px;
  }

  .bottom-\[10px\] {
    bottom: 10px;
  }

  .bottom-\[28px\] {
    bottom: 28px;
  }

  .bottom-\[42px\] {
    bottom: 42px;
  }

  .bottom-\[78px\] {
    bottom: 78px;
  }

  .bottom-\[calc\(-118\/376\*100vw\)\] {
    bottom: -31.383vw;
  }

  .bottom-\[calc\(120\/1440\*100vw\)\] {
    bottom: 8.33333vw;
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }

  .-left-3 {
    left: calc(var(--spacing) * -3);
  }

  .-left-4 {
    left: calc(var(--spacing) * -4);
  }

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

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

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

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-14 {
    left: calc(var(--spacing) * 14);
  }

  .left-\[-10px\] {
    left: -10px;
  }

  .left-\[-32px\] {
    left: -32px;
  }

  .left-\[-64px\] {
    left: -64px;
  }

  .left-\[10px\] {
    left: 10px;
  }

  .left-\[18px\] {
    left: 18px;
  }

  .left-\[30px\] {
    left: 30px;
  }

  .left-\[38px\] {
    left: 38px;
  }

  .left-\[46px\] {
    left: 46px;
  }

  .left-\[70px\] {
    left: 70px;
  }

  .left-\[calc\(-94\/376\*100vw\)\] {
    left: -25vw;
  }

  .left-\[calc\(-147\/376\*100vw\)\] {
    left: -39.0957vw;
  }

  .left-\[calc\(290\/376\*100vw\)\] {
    left: 77.1277vw;
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-3 {
    z-index: 3;
  }

  .z-5 {
    z-index: 5;
  }

  .z-30 {
    z-index: 30;
  }

  .z-50 {
    z-index: 50;
  }

  .z-60 {
    z-index: 60;
  }

  .z-70 {
    z-index: 70;
  }

  .z-90 {
    z-index: 90;
  }

  .z-\[-1\] {
    z-index: -1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-9 {
    margin-inline: calc(var(--spacing) * 9);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

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

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-\[-154px\] {
    margin-top: -154px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[18px\] {
    margin-top: 18px;
  }

  .mt-\[32px\] {
    margin-top: 32px;
  }

  .mt-\[35px\] {
    margin-top: 35px;
  }

  .mt-\[82px\] {
    margin-top: 82px;
  }

  .mt-\[calc\(-48\/376\*100vw\)\] {
    margin-top: -12.766vw;
  }

  .mt-\[calc\(-54\/376\*100vw\)\] {
    margin-top: -14.3617vw;
  }

  .mt-\[calc\(-76\/376\*100vw\)\] {
    margin-top: -20.2128vw;
  }

  .mt-\[calc\(-98\/376\*100vw\)\] {
    margin-top: -26.0638vw;
  }

  .mt-\[calc\(-120\/376\*100vw\)\] {
    margin-top: -31.9149vw;
  }

  .mt-\[calc\(-134\/376\*100vw\)\] {
    margin-top: -35.6383vw;
  }

  .mt-\[calc\(-180\/376\*100vw\)\] {
    margin-top: -47.8723vw;
  }

  .mt-\[calc\(20\/376\*100vw\)\] {
    margin-top: 5.31915vw;
  }

  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -.5);
  }

  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }

  .mb-\[-16px\] {
    margin-bottom: -16px;
  }

  .mb-\[-160px\] {
    margin-bottom: -160px;
  }

  .mb-\[calc\(-83\/376\*100vw\)\] {
    margin-bottom: -22.0745vw;
  }

  .mb-\[calc\(44\/376\*100vw\)\] {
    margin-bottom: 11.7021vw;
  }

  .mb-\[calc\(190\/376\*100vw\)\] {
    margin-bottom: 50.5319vw;
  }

  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -.5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-\[-0\.01rem\] {
    margin-left: -.01rem;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .table {
    display: table;
  }

  .aspect-3\/2 {
    aspect-ratio: 3 / 2;
  }

  .aspect-64\/46 {
    aspect-ratio: 64 / 46;
  }

  .aspect-130\/52 {
    aspect-ratio: 130 / 52;
  }

  .aspect-159\/50 {
    aspect-ratio: 159 / 50;
  }

  .aspect-285\/64 {
    aspect-ratio: 285 / 64;
  }

  .aspect-343\/959 {
    aspect-ratio: 343 / 959;
  }

  .aspect-376\/760 {
    aspect-ratio: 376 / 760;
  }

  .aspect-376\/1000 {
    aspect-ratio: 376 / 1000;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }

  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }

  .size-\[36px\] {
    width: 36px;
    height: 36px;
  }

  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }

  .size-\[90px\] {
    width: 90px;
    height: 90px;
  }

  .size-\[92px\] {
    width: 92px;
    height: 92px;
  }

  .size-\[95px\] {
    width: 95px;
    height: 95px;
  }

  .size-\[112px\] {
    width: 112px;
    height: 112px;
  }

  .size-\[192px\] {
    width: 192px;
    height: 192px;
  }

  .size-\[232px\] {
    width: 232px;
    height: 232px;
  }

  .size-\[320px\] {
    width: 320px;
    height: 320px;
  }

  .size-\[340px\] {
    width: 340px;
    height: 340px;
  }

  .size-\[344px\] {
    width: 344px;
    height: 344px;
  }

  .size-\[calc\(80\/376\*100vw\)\] {
    width: 21.2766vw;
    height: 21.2766vw;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[5px\] {
    height: 5px;
  }

  .h-\[11px\] {
    height: 11px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[105\%\] {
    height: 105%;
  }

  .h-\[110\%\] {
    height: 110%;
  }

  .h-\[calc\(\(100\%-150px\)\+130px\)\] {
    height: calc(100% - 20px);
  }

  .h-\[calc\(2\/376\*100vw\)\] {
    height: .531915vw;
  }

  .h-\[calc\(100\%-\(14px\*2\)\)\] {
    height: calc(100% - 28px);
  }

  .h-\[calc\(100\%-8px\)\] {
    height: calc(100% - 8px);
  }

  .h-\[calc\(100\%-112px\)\] {
    height: calc(100% - 112px);
  }

  .h-\[calc\(288\/376\*100vw\)\] {
    height: 76.5957vw;
  }

  .h-\[calc\(456\/376\*100vw\)\] {
    height: 121.277vw;
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .max-h-\[704px\] {
    max-height: 704px;
  }

  .max-h-\[800px\] {
    max-height: 800px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-\[45px\] {
    min-height: 45px;
  }

  .min-h-\[122px\] {
    min-height: 122px;
  }

  .min-h-\[192px\] {
    min-height: 192px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[21px\] {
    width: 21px;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[78px\] {
    width: 78px;
  }

  .w-\[81px\] {
    width: 81px;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[85px\] {
    width: 85px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[94px\] {
    width: 94px;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[98px\] {
    width: 98px;
  }

  .w-\[99px\] {
    width: 99px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[102px\] {
    width: 102px;
  }

  .w-\[105\%\] {
    width: 105%;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[112px\] {
    width: 112px;
  }

  .w-\[117px\] {
    width: 117px;
  }

  .w-\[129px\] {
    width: 129px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[135px\] {
    width: 135px;
  }

  .w-\[136px\] {
    width: 136px;
  }

  .w-\[138px\] {
    width: 138px;
  }

  .w-\[141px\] {
    width: 141px;
  }

  .w-\[151px\] {
    width: 151px;
  }

  .w-\[267px\] {
    width: 267px;
  }

  .w-\[288px\] {
    width: 288px;
  }

  .w-\[290px\] {
    width: 290px;
  }

  .w-\[296px\] {
    width: 296px;
  }

  .w-\[297px\] {
    width: 297px;
  }

  .w-\[311px\] {
    width: 311px;
  }

  .w-\[calc\(7\/1440\*100vw\)\] {
    width: .486111vw;
  }

  .w-\[calc\(45\/376\*100vw\)\] {
    width: 11.9681vw;
  }

  .w-\[calc\(58\/376\*100vw\)\] {
    width: 15.4255vw;
  }

  .w-\[calc\(63\/295\*100\%\)\] {
    width: 21.3559%;
  }

  .w-\[calc\(70\/376\*100vw\)\] {
    width: 18.617vw;
  }

  .w-\[calc\(72\/376\*100vw\)\] {
    width: 19.1489vw;
  }

  .w-\[calc\(75\/376\*100vw\)\] {
    width: 19.9468vw;
  }

  .w-\[calc\(78\/376\*100vw\)\] {
    width: 20.7447vw;
  }

  .w-\[calc\(80\/288\*100\%\)\] {
    width: 27.7778%;
  }

  .w-\[calc\(90\/376\*100vw\)\] {
    width: 23.9362vw;
  }

  .w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px);
  }

  .w-\[calc\(111\/1440\*100vw\)\] {
    width: 7.70833vw;
  }

  .w-\[calc\(120\/152\*100\%\)\] {
    width: 78.9474%;
  }

  .w-\[calc\(122\/376\*100vw\)\] {
    width: 32.4468vw;
  }

  .w-\[calc\(123\/168\*100\%\)\] {
    width: 73.2143%;
  }

  .w-\[calc\(150\/376\*100vw\)\] {
    width: 39.8936vw;
  }

  .w-\[calc\(160\/376\*100vw\)\] {
    width: 42.5532vw;
  }

  .w-\[calc\(171\/376\*100vw\)\] {
    width: 45.4787vw;
  }

  .w-\[calc\(194\/298\*100\%\)\] {
    width: 65.1007%;
  }

  .w-\[calc\(196\/376\*100vw\)\] {
    width: 52.1277vw;
  }

  .w-\[calc\(200\/376\*100vw\)\] {
    width: 53.1915vw;
  }

  .w-\[calc\(219\/376\*100vw\)\] {
    width: 58.2447vw;
  }

  .w-\[calc\(237\/376\*100vw\)\] {
    width: 63.0319vw;
  }

  .w-\[calc\(251\/376\*100vw\)\] {
    width: 66.7553vw;
  }

  .w-\[calc\(254\/376\*100vw\)\] {
    width: 67.5532vw;
  }

  .w-\[calc\(256\/288\*100\%\)\] {
    width: 88.8889%;
  }

  .w-\[calc\(256\/376\*100vw\)\] {
    width: 68.0851vw;
  }

  .w-\[calc\(278\/376\*100vw\)\] {
    width: 73.9362vw;
  }

  .w-\[calc\(288\/376\*100vw\)\] {
    width: 76.5957vw;
  }

  .w-\[calc\(295\/376\*100vw\)\] {
    width: 78.4574vw;
  }

  .w-\[calc\(316\/376\*100vw\)\] {
    width: 84.0426vw;
  }

  .w-\[calc\(344\/376\*100vw\)\] {
    width: 91.4894vw;
  }

  .w-\[calc\(352\/376\*100vw\)\] {
    width: 93.617vw;
  }

  .w-\[calc\(400\/376\*100vw\)\] {
    width: 106.383vw;
  }

  .w-\[calc\(423\/376\*100vw\)\] {
    width: 112.5vw;
  }

  .w-\[calc\(455\/376\*100vw\)\] {
    width: 121.011vw;
  }

  .w-\[calc\(476\/376\*100vw\)\] {
    width: 126.596vw;
  }

  .w-\[calc\(694\/376\*100vw\)\] {
    width: 184.574vw;
  }

  .w-\[calc\(1314\/1440\*100\%\)\] {
    width: 91.25%;
  }

  .w-\[calc\(1700px\*2\)\] {
    width: 3400px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\[258px\] {
    max-width: 258px;
  }

  .max-w-\[348px\] {
    max-width: 348px;
  }

  .max-w-\[562px\] {
    max-width: 562px;
  }

  .max-w-\[582px\] {
    max-width: 582px;
  }

  .max-w-\[705px\] {
    max-width: 705px;
  }

  .max-w-\[808px\] {
    max-width: 808px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[1216px\] {
    max-width: 1216px;
  }

  .max-w-\[1224px\] {
    max-width: 1224px;
  }

  .max-w-\[1232px\] {
    max-width: 1232px;
  }

  .max-w-\[1423px\] {
    max-width: 1423px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[1472px\] {
    max-width: 1472px;
  }

  .max-w-\[1980px\] {
    max-width: 1980px;
  }

  .max-w-\[2560px\] {
    max-width: 2560px;
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-screen {
    min-width: 100vw;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .origin-bottom {
    transform-origin: bottom;
  }

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

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

  .translate-x-\[-6px\] {
    --tw-translate-x: -6px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-8px\] {
    --tw-translate-x: -8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-12px\] {
    --tw-translate-x: -12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-54\%\] {
    --tw-translate-x: -54%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-y-\[-16px\] {
    --tw-translate-y: -16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-90\%\] {
    --tw-translate-y: -90%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-110\%\] {
    --tw-translate-y: -110%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-160px\] {
    --tw-translate-y: -160px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-83\/376\*100vw\)\] {
    --tw-translate-y: calc(-83 / 376 * 100vw);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[-1\] {
    --tw-scale-y: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-\[70\%\] {
    --tw-scale-y: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-12 {
    rotate: -12deg;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .-rotate-\[5deg\] {
    rotate: -5deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-\[-4deg\] {
    rotate: -4deg;
  }

  .rotate-\[-8deg\] {
    rotate: -8deg;
  }

  .rotate-\[-20deg\] {
    rotate: -20deg;
  }

  .rotate-\[-25deg\] {
    rotate: -25deg;
  }

  .rotate-\[-50deg\] {
    rotate: -50deg;
  }

  .rotate-\[-55deg\] {
    rotate: -55deg;
  }

  .rotate-\[-135deg\] {
    rotate: -135deg;
  }

  .rotate-\[8deg\] {
    rotate: 8deg;
  }

  .rotate-\[28deg\] {
    rotate: 28deg;
  }

  .rotate-\[42deg\] {
    rotate: 42deg;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .\[touch-action\:pan-x_pan-y\] {
    touch-action: pan-x pan-y;
  }

  .resize {
    resize: both;
  }

  .scroll-pt-20 {
    scroll-padding-top: calc(var(--spacing) * 20);
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .grid-cols-\[14px_1fr_14px\] {
    grid-template-columns: 14px 1fr 14px;
  }

  .grid-cols-\[28px_1px_auto\] {
    grid-template-columns: 28px 1px auto;
  }

  .grid-cols-\[46px_auto_46px\] {
    grid-template-columns: 46px auto 46px;
  }

  .grid-cols-\[auto_9px_1fr\] {
    grid-template-columns: auto 9px 1fr;
  }

  .grid-cols-\[auto_auto_auto\] {
    grid-template-columns: auto auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[26px\] {
    gap: 26px;
  }

  .gap-\[52px\] {
    gap: 52px;
  }

  .gap-\[calc\(20\/1440\*100vw\)\] {
    gap: 1.38889vw;
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[\#A98663\] {
    border-color: #a98663;
  }

  .border-\[rgba\(169\,134\,99\,0\.50\)\] {
    border-color: #a9866380;
  }

  .border-red-700 {
    border-color: var(--color-red-700);
  }

  .bg-\[\#5A2D00\] {
    background-color: #5a2d00;
  }

  .bg-\[\#A98663\] {
    background-color: #a98663;
  }

  .bg-\[\#B99D74\] {
    background-color: #b99d74;
  }

  .bg-\[\#D80C18\] {
    background-color: #d80c18;
  }

  .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    background-color: #00000080;
  }

  .bg-\[rgba\(255\,255\,255\,0\.3\)\] {
    background-color: #ffffff4d;
  }

  .bg-background-beige {
    background-color: var(--color-background-beige);
  }

  .bg-black {
    background-color: var(--color-black);
  }

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

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

  .bg-brown-300 {
    background-color: var(--color-brown-300);
  }

  .bg-brown-400 {
    background-color: var(--color-brown-400);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

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

  .bg-\[linear-gradient\(180deg\,rgba\(38\,38\,38\,0\.00\)_0\%\,rgba\(38\,38\,38\,0\.80\)_2\.19\%\)\] {
    background-image: linear-gradient(#26262600 0%, #262626cc 2.19%);
  }

  .bg-\[url\(\'\/assets\/images\/common\/bg-loading-sp\.webp\'\)\] {
    background-image: url("../../assets/images/common/bg-loading-sp.webp");
  }

  .bg-\[url\(\'\/assets\/images\/find-happy\/modal-button-bg-sp\.svg\'\)\] {
    background-image: url("../../assets/images/find-happy/modal-button-bg-sp.svg");
  }

  .bg-\[url\(\'\/assets\/images\/footer\/footer-sec-bg-sp\.webp\'\)\] {
    background-image: url("../../assets/images/footer/footer-sec-bg-sp.webp");
  }

  .bg-\[url\(\'\/assets\/images\/fullscreen\/bg-present-btn\.svg\'\)\] {
    background-image: url("../../assets/images/fullscreen/bg-present-btn.svg");
  }

  .bg-\[url\(\'\/assets\/images\/fullscreen\/fullscreen-nav-line\.svg\'\)\] {
    background-image: url("../../assets/images/fullscreen/fullscreen-nav-line.svg");
  }

  .bg-\[url\(\'\/assets\/images\/home\/message\/message-red-bg-sp\.webp\'\)\] {
    background-image: url("../../assets/images/home/message/message-red-bg-sp.webp");
  }

  .bg-\[url\(\'\/assets\/images\/home\/mv-nav-line\.svg\'\)\] {
    background-image: url("../../assets/images/home/mv-nav-line.svg");
  }

  .bg-\[url\(\'\/assets\/images\/home\/ranking\/ranking-bg-sp\.webp\'\)\] {
    background-image: url("../../assets/images/home/ranking/ranking-bg-sp.webp");
  }

  .bg-\[url\(\'\/assets\/images\/home\/ranking\/schedule-bg-sp\.svg\'\)\] {
    background-image: url("../../assets/images/home/ranking/schedule-bg-sp.svg");
  }

  .bg-\[url\(\'\/assets\/images\/movie\/movie-bg-sp\.webp\'\)\] {
    background-image: url("../../assets/images/movie/movie-bg-sp.webp");
  }

  .bg-\[url\(\'\/assets\/images\/news\/news-bg-sp\.webp\'\)\] {
    background-image: url("../../assets/images/news/news-bg-sp.webp");
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-size-\[7px_3px\] {
    background-size: 7px 3px;
  }

  .bg-center {
    background-position: center;
  }

  .bg-top {
    background-position: top;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat-y {
    background-repeat: repeat-y;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-\[7px\] {
    padding: 7px;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-11 {
    padding-inline: calc(var(--spacing) * 11);
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[26px\] {
    padding-inline: 26px;
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-\[42px\] {
    padding-top: 42px;
  }

  .pt-\[46px\] {
    padding-top: 46px;
  }

  .pt-\[156px\] {
    padding-top: 156px;
  }

  .pt-\[calc\(65\/376\*100vw\)\] {
    padding-top: 17.2872vw;
  }

  .pt-\[calc\(74\/376\*100vw\)\] {
    padding-top: 19.6809vw;
  }

  .pt-\[calc\(122\/376\*100vw\)\] {
    padding-top: 32.4468vw;
  }

  .pt-\[calc\(250\/376\*100\%\)\] {
    padding-top: 66.4894%;
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-\[calc\(26\/376\*100vw\)\] {
    padding-right: 6.91489vw;
  }

  .pr-px {
    padding-right: 1px;
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[42px\] {
    padding-bottom: 42px;
  }

  .pb-\[52px\] {
    padding-bottom: 52px;
  }

  .pb-\[76px\] {
    padding-bottom: 76px;
  }

  .pb-\[94px\] {
    padding-bottom: 94px;
  }

  .pb-\[118px\] {
    padding-bottom: 118px;
  }

  .pb-\[156px\] {
    padding-bottom: 156px;
  }

  .pb-\[198px\] {
    padding-bottom: 198px;
  }

  .pb-\[200px\] {
    padding-bottom: 200px;
  }

  .pb-\[calc\(68\/376\*100vw\)\] {
    padding-bottom: 18.0851vw;
  }

  .pb-\[calc\(100\/376\*100vw\)\] {
    padding-bottom: 26.5957vw;
  }

  .pb-\[calc\(110\/376\*100vw\)\] {
    padding-bottom: 29.2553vw;
  }

  .pb-\[calc\(120\/376\*100vw\)\] {
    padding-bottom: 31.9149vw;
  }

  .pb-\[calc\(122\/376\*100vw\)\] {
    padding-bottom: 32.4468vw;
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-\[calc\(32\/376\*100vw\)\] {
    padding-left: 8.51064vw;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .font-girassol {
    font-family: var(--font-girassol);
  }

  .font-mincho {
    font-family: var(--font-mincho);
  }

  .font-zen {
    font-family: var(--font-zen);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-\[10px\]\/\[1\.4\] {
    font-size: 10px;
    line-height: 1.4;
  }

  .text-\[10px\]\/\[1\] {
    font-size: 10px;
    line-height: 1;
  }

  .text-\[12px\]\/\[1\] {
    font-size: 12px;
    line-height: 1;
  }

  .text-\[15px\]\/\[1\.2\] {
    font-size: 15px;
    line-height: 1.2;
  }

  .text-\[16px\]\/\[1\.8\] {
    font-size: 16px;
    line-height: 1.8;
  }

  .text-\[20px\]\/\[1\] {
    font-size: 20px;
    line-height: 1;
  }

  .text-\[30px\]\/\[0\.8\] {
    font-size: 30px;
    line-height: .8;
  }

  .text-\[calc\(16\/376\*100vw\)\]\/\[1\] {
    font-size: 4.25532vw;
    line-height: 1;
  }

  .text-\[calc\(64\/1440\*100vw\)\]\/\[0\.9\] {
    font-size: 4.44444vw;
    line-height: .9;
  }

  .text-\[calc\(108\/376\*100vw\)\]\/\[1\] {
    font-size: 28.7234vw;
    line-height: 1;
  }

  .text-\[clamp\(12px\,calc\(14\/376\*100vw\)\,14px\)\]\/\[1\.2\] {
    font-size: clamp(12px, 3.7234vw, 14px);
    line-height: 1.2;
  }

  .text-\[clamp\(14px\,calc\(16\/376\*100vw\)\,16px\)\]\/\[1\.6\] {
    font-size: clamp(14px, 4.25532vw, 16px);
    line-height: 1.6;
  }

  .text-\[clamp\(16px\,calc\(16\/376\*100vw\)\,40px\)\]\/\[2\] {
    font-size: clamp(16px, 4.25532vw, 40px);
    line-height: 2;
  }

  .text-\[clamp\(24px\,calc\(24\/376\*100vw\)\,32px\)\]\/\[2\] {
    font-size: clamp(24px, 6.38298vw, 32px);
    line-height: 2;
  }

  .text-\[clamp\(32px\,calc\(32\/376\*100vw\)\,56px\)\]\/\[2\] {
    font-size: clamp(32px, 8.51064vw, 56px);
    line-height: 2;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-base\/\[1\.2\] {
    font-size: var(--text-base);
    line-height: 1.2;
  }

  .text-lg\/\[1\.2\] {
    font-size: var(--text-lg);
    line-height: 1.2;
  }

  .text-lg\/\[1\.4\] {
    font-size: var(--text-lg);
    line-height: 1.4;
  }

  .text-lg\/\[1\] {
    font-size: var(--text-lg);
    line-height: 1;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/\[0\.9\] {
    font-size: var(--text-sm);
    line-height: .9;
  }

  .text-sm\/\[1\.4\] {
    font-size: var(--text-sm);
    line-height: 1.4;
  }

  .text-sm\/\[1\.6\] {
    font-size: var(--text-sm);
    line-height: 1.6;
  }

  .text-sm\/\[1\] {
    font-size: var(--text-sm);
    line-height: 1;
  }

  .text-xl\/\[1\.4\] {
    font-size: var(--text-xl);
    line-height: 1.4;
  }

  .text-xl\/\[1\] {
    font-size: var(--text-xl);
    line-height: 1;
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-xs\/\[1\.2\] {
    font-size: var(--text-xs);
    line-height: 1.2;
  }

  .text-xs\/\[1\.4\] {
    font-size: var(--text-xs);
    line-height: 1.4;
  }

  .text-xs\/\[1\] {
    font-size: var(--text-xs);
    line-height: 1;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[clamp\(18px\,calc\(20\/376\*100vw\)\,20px\)\] {
    font-size: clamp(18px, 5.31915vw, 20px);
  }

  .text-\[clamp\(32px\,calc\(20\/376\*100vw\)\,20px\)\] {
    font-size: clamp(32px, 5.31915vw, 20px);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

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

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-\[\#2D1001\] {
    color: #2d1001;
  }

  .text-\[\#7E6749\] {
    color: #7e6749;
  }

  .text-\[\#262626\] {
    color: #262626;
  }

  .text-\[\#AA5600\] {
    color: #aa5600;
  }

  .text-\[\#D80C18\] {
    color: #d80c18;
  }

  .text-\[\#D19557\] {
    color: #d19557;
  }

  .text-\[\#D81019\] {
    color: #d81019;
  }

  .text-\[\#E0B993\] {
    color: #e0b993;
  }

  .text-brown-400 {
    color: var(--color-brown-400);
  }

  .text-brown-500 {
    color: var(--color-brown-500);
  }

  .text-brown-600 {
    color: var(--color-brown-600);
  }

  .text-brown-700 {
    color: var(--color-brown-700);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

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

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

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

  .shadow-\[0\.75px_1\.5px_5\.25px_0_\#E5C9A7\] {
    --tw-shadow: .75px 1.5px 5.25px 0 var(--tw-shadow-color, #e5c9a7);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    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, );
  }

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

  .transition-\[width\,height\] {
    transition-property: width, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\] {
    --tw-ease: cubic-bezier(.34, 1.56, .64, 1);
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .contain-\[paint\] {
    contain: paint;
  }

  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  @media (hover: hover) {
    .group-hover\:h-\[calc\(100\%\+1px\)\]:is(:where(.group):hover *) {
      height: calc(100% + 1px);
    }

    .group-hover\:h-full:is(:where(.group):hover *) {
      height: 100%;
    }

    .group-hover\:w-\[calc\(12\/1440\*100vw\)\]:is(:where(.group):hover *) {
      width: .833333vw;
    }

    .group-hover\:translate-y-\[10\%\]:is(:where(.group):hover *) {
      --tw-translate-y: 10%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-\[30\%\]:is(:where(.group):hover *) {
      --tw-translate-y: 30%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-x-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-data-\[filled\=\'true\'\]\:block:is(:where(.group)[data-filled="true"] *) {
    display: block;
  }

  .group-data-\[filled\=\'true\'\]\:opacity-0:is(:where(.group)[data-filled="true"] *) {
    opacity: 0;
  }

  .group-data-\[filled\=\'true\'\]\:opacity-100:is(:where(.group)[data-filled="true"] *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:scale-120:hover {
      --tw-scale-x: 120%;
      --tw-scale-y: 120%;
      --tw-scale-z: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:rotate-\[-5deg\]:hover {
      rotate: -5deg;
    }

    .hover\:rotate-\[360deg\]:hover {
      rotate: 360deg;
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  .data-\[collected\=\'true\'\]\:pointer-events-none[data-collected="true"] {
    pointer-events: none;
  }

  .data-\[collected\=\'true\'\]\:animate-\[fly-away_0\.9s_ease-in_forwards\][data-collected="true"] {
    animation: .9s ease-in forwards fly-away;
  }

  .data-\[collected\=\'true\'\]\:cursor-default[data-collected="true"] {
    cursor: default;
  }

  .data-\[collected\=\'true\'\]\:transition-none[data-collected="true"] {
    transition-property: none;
  }

  @media not all and (min-width: 48rem) {
    .max-md\:translate-x-1\/2 {
      --tw-translate-x: calc(1 / 2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-md\:text-\[10px\] {
      font-size: 10px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-\[-35px\] {
      top: -35px;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .md\:top-1 {
      top: calc(var(--spacing) * 1);
    }

    .md\:top-1\/2 {
      top: 50%;
    }

    .md\:top-3\.5 {
      top: calc(var(--spacing) * 3.5);
    }

    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .md\:top-8 {
      top: calc(var(--spacing) * 8);
    }

    .md\:top-\[-24px\] {
      top: -24px;
    }

    .md\:top-\[-27px\] {
      top: -27px;
    }

    .md\:top-\[-30px\] {
      top: -30px;
    }

    .md\:top-\[-60px\] {
      top: -60px;
    }

    .md\:top-\[-100px\] {
      top: -100px;
    }

    .md\:top-\[-203px\] {
      top: -203px;
    }

    .md\:top-\[-280px\] {
      top: -280px;
    }

    .md\:top-\[10px\] {
      top: 10px;
    }

    .md\:top-\[93px\] {
      top: 93px;
    }

    .md\:top-\[118px\] {
      top: 118px;
    }

    .md\:top-\[185px\] {
      top: 185px;
    }

    .md\:top-\[200px\] {
      top: 200px;
    }

    .md\:top-\[230px\] {
      top: 230px;
    }

    .md\:top-\[238px\] {
      top: 238px;
    }

    .md\:top-\[267px\] {
      top: 267px;
    }

    .md\:top-\[270px\] {
      top: 270px;
    }

    .md\:top-\[278px\] {
      top: 278px;
    }

    .md\:top-\[300px\] {
      top: 300px;
    }

    .md\:top-\[320px\] {
      top: 320px;
    }

    .md\:top-\[325px\] {
      top: 325px;
    }

    .md\:top-\[340px\] {
      top: 340px;
    }

    .md\:top-\[350px\] {
      top: 350px;
    }

    .md\:top-\[351px\] {
      top: 351px;
    }

    .md\:top-\[352px\] {
      top: 352px;
    }

    .md\:top-\[380px\] {
      top: 380px;
    }

    .md\:top-\[420px\] {
      top: 420px;
    }

    .md\:top-\[432px\] {
      top: 432px;
    }

    .md\:top-\[445px\] {
      top: 445px;
    }

    .md\:top-\[500px\] {
      top: 500px;
    }

    .md\:top-\[540px\] {
      top: 540px;
    }

    .md\:top-\[542px\] {
      top: 542px;
    }

    .md\:top-\[588px\] {
      top: 588px;
    }

    .md\:top-\[650px\] {
      top: 650px;
    }

    .md\:top-\[calc\(424\/1440\*100vw\)\] {
      top: 29.4444vw;
    }

    .md\:top-\[calc\(500\/1440\*100vw\)\] {
      top: 34.7222vw;
    }

    .md\:top-\[calc\(608\/1440\*100vw\)\] {
      top: 42.2222vw;
    }

    .md\:-right-0\.5 {
      right: calc(var(--spacing) * -.5);
    }

    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .md\:right-10 {
      right: calc(var(--spacing) * 10);
    }

    .md\:right-19 {
      right: calc(var(--spacing) * 19);
    }

    .md\:right-\[-136px\] {
      right: -136px;
    }

    .md\:right-\[-140px\] {
      right: -140px;
    }

    .md\:right-\[-155px\] {
      right: -155px;
    }

    .md\:right-\[-306px\] {
      right: -306px;
    }

    .md\:right-\[35px\] {
      right: 35px;
    }

    .md\:right-\[40px\] {
      right: 40px;
    }

    .md\:right-\[42px\] {
      right: 42px;
    }

    .md\:right-\[64px\] {
      right: 64px;
    }

    .md\:right-\[78px\] {
      right: 78px;
    }

    .md\:right-\[100px\] {
      right: 100px;
    }

    .md\:right-\[120px\] {
      right: 120px;
    }

    .md\:right-\[150px\] {
      right: 150px;
    }

    .md\:right-\[calc\(-82\/1440\*100vw\)\] {
      right: -5.69444vw;
    }

    .md\:right-\[calc\(-130\/1440\*100vw\)\] {
      right: -9.02778vw;
    }

    .md\:right-\[calc\(24\/1440\*100vw\)\] {
      right: 1.66667vw;
    }

    .md\:right-\[calc\(416\/1440\*100vw\)\] {
      right: 28.8889vw;
    }

    .md\:-bottom-\[52px\] {
      bottom: -52px;
    }

    .md\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .md\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .md\:bottom-\[-50px\] {
      bottom: -50px;
    }

    .md\:bottom-\[170px\] {
      bottom: 170px;
    }

    .md\:bottom-\[calc\(-134\/1440\*100vw\)\] {
      bottom: -9.30556vw;
    }

    .md\:bottom-\[calc\(-148\/1440\*100vw\)\] {
      bottom: -10.2778vw;
    }

    .md\:-left-8 {
      left: calc(var(--spacing) * -8);
    }

    .md\:left-1 {
      left: calc(var(--spacing) * 1);
    }

    .md\:left-6 {
      left: calc(var(--spacing) * 6);
    }

    .md\:left-10 {
      left: calc(var(--spacing) * 10);
    }

    .md\:left-14 {
      left: calc(var(--spacing) * 14);
    }

    .md\:left-\[-93px\] {
      left: -93px;
    }

    .md\:left-\[-147px\] {
      left: -147px;
    }

    .md\:left-\[-154px\] {
      left: -154px;
    }

    .md\:left-\[-200px\] {
      left: -200px;
    }

    .md\:left-\[58px\] {
      left: 58px;
    }

    .md\:left-\[62px\] {
      left: 62px;
    }

    .md\:left-\[140px\] {
      left: 140px;
    }

    .md\:left-\[200px\] {
      left: 200px;
    }

    .md\:left-\[230px\] {
      left: 230px;
    }

    .md\:left-\[calc\(-8\/1440\*100vw\)\] {
      left: -.555556vw;
    }

    .md\:left-\[calc\(270\/1440\*100vw\)\] {
      left: 18.75vw;
    }

    .md\:left-\[calc\(600\/768\*100vw\)\] {
      left: 78.125vw;
    }

    .md\:left-auto {
      left: auto;
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:my-3 {
      margin-block: calc(var(--spacing) * 3);
    }

    .md\:-mt-2 {
      margin-top: calc(var(--spacing) * -2);
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5);
    }

    .md\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .md\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }

    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .md\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .md\:mt-18 {
      margin-top: calc(var(--spacing) * 18);
    }

    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .md\:mt-22 {
      margin-top: calc(var(--spacing) * 22);
    }

    .md\:mt-\[-28px\] {
      margin-top: -28px;
    }

    .md\:mt-\[-517px\] {
      margin-top: -517px;
    }

    .md\:mt-\[10px\] {
      margin-top: 10px;
    }

    .md\:mt-\[26px\] {
      margin-top: 26px;
    }

    .md\:mt-\[37px\] {
      margin-top: 37px;
    }

    .md\:mt-\[52px\] {
      margin-top: 52px;
    }

    .md\:mt-\[60px\] {
      margin-top: 60px;
    }

    .md\:mt-\[70px\] {
      margin-top: 70px;
    }

    .md\:mt-\[72px\] {
      margin-top: 72px;
    }

    .md\:mt-\[75px\] {
      margin-top: 75px;
    }

    .md\:mt-\[calc\(-40\/376\*100vw\)\] {
      margin-top: -10.6383vw;
    }

    .md\:mt-\[calc\(-40\/1440\*100vw\)\] {
      margin-top: -2.77778vw;
    }

    .md\:mt-\[calc\(-96\/1440\*100vw\)\] {
      margin-top: -6.66667vw;
    }

    .md\:mt-\[calc\(-100\/1440\*100vw\)\] {
      margin-top: -6.94444vw;
    }

    .md\:mt-\[calc\(-102\/1440\*100vw\)\] {
      margin-top: -7.08333vw;
    }

    .md\:mt-\[calc\(-266\/1440\*100vw\)\] {
      margin-top: -18.4722vw;
    }

    .md\:mt-\[calc\(-320\/1440\*100vw\)\] {
      margin-top: -22.2222vw;
    }

    .md\:mt-\[calc\(-360\/1440\*100\%\)\] {
      margin-top: -25%;
    }

    .md\:mt-\[calc\(-380\/1440\*100vw\)\] {
      margin-top: -26.3889vw;
    }

    .md\:mt-\[calc\(32\/1440\*100vw\)\] {
      margin-top: 2.22222vw;
    }

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .md\:mb-18 {
      margin-bottom: calc(var(--spacing) * 18);
    }

    .md\:mb-\[-176px\] {
      margin-bottom: -176px;
    }

    .md\:mb-\[22px\] {
      margin-bottom: 22px;
    }

    .md\:mb-\[50px\] {
      margin-bottom: 50px;
    }

    .md\:mb-\[calc\(-64\/460\*100\%\)\] {
      margin-bottom: -13.913%;
    }

    .md\:mb-\[calc\(-247\/1440\*100vw\)\] {
      margin-bottom: -17.1528vw;
    }

    .md\:mb-\[calc\(64\/1440\*100vw\)\] {
      margin-bottom: 4.44444vw;
    }

    .md\:mb-\[calc\(403\/1440\*100vw\)\] {
      margin-bottom: 27.9861vw;
    }

    .md\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:aspect-6\/5 {
      aspect-ratio: 6 / 5;
    }

    .md\:aspect-260\/68 {
      aspect-ratio: 260 / 68;
    }

    .md\:aspect-752\/520 {
      aspect-ratio: 752 / 520;
    }

    .md\:aspect-1400\/1000 {
      aspect-ratio: 1400 / 1000;
    }

    .md\:aspect-1440\/1337 {
      aspect-ratio: 1440 / 1337;
    }

    .md\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }

    .md\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .md\:size-\[96px\] {
      width: 96px;
      height: 96px;
    }

    .md\:size-\[216px\] {
      width: 216px;
      height: 216px;
    }

    .md\:size-\[230px\] {
      width: 230px;
      height: 230px;
    }

    .md\:size-\[245px\] {
      width: 245px;
      height: 245px;
    }

    .md\:size-\[250px\] {
      width: 250px;
      height: 250px;
    }

    .md\:size-\[348px\] {
      width: 348px;
      height: 348px;
    }

    .md\:size-\[360px\] {
      width: 360px;
      height: 360px;
    }

    .md\:size-\[600px\] {
      width: 600px;
      height: 600px;
    }

    .md\:size-\[606px\] {
      width: 606px;
      height: 606px;
    }

    .md\:size-\[calc\(124\/1440\*100vw\)\] {
      width: 8.61111vw;
      height: 8.61111vw;
    }

    .md\:h-1 {
      height: calc(var(--spacing) * 1);
    }

    .md\:h-3 {
      height: calc(var(--spacing) * 3);
    }

    .md\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .md\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .md\:h-8 {
      height: calc(var(--spacing) * 8);
    }

    .md\:h-9 {
      height: calc(var(--spacing) * 9);
    }

    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .md\:h-22 {
      height: calc(var(--spacing) * 22);
    }

    .md\:h-\[3px\] {
      height: 3px;
    }

    .md\:h-\[10px\] {
      height: 10px;
    }

    .md\:h-\[14px\] {
      height: 14px;
    }

    .md\:h-\[26px\] {
      height: 26px;
    }

    .md\:h-\[42px\] {
      height: 42px;
    }

    .md\:h-\[195px\] {
      height: 195px;
    }

    .md\:h-\[calc\(\(100\%-500px\)\+170px\)\] {
      height: calc(100% - 330px);
    }

    .md\:h-\[calc\(100\%-\(24px\*2\)\)\] {
      height: calc(100% - 48px);
    }

    .md\:h-\[calc\(100\%-351px\)\] {
      height: calc(100% - 351px);
    }

    .md\:h-\[calc\(1334\/1440\*100vw\)\] {
      height: 92.6389vw;
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:max-h-\[124px\] {
      max-height: 124px;
    }

    .md\:min-h-\[162px\] {
      min-height: 162px;
    }

    .md\:min-h-\[348px\] {
      min-height: 348px;
    }

    .md\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .md\:w-\[5px\] {
      width: 5px;
    }

    .md\:w-\[35px\] {
      width: 35px;
    }

    .md\:w-\[72px\] {
      width: 72px;
    }

    .md\:w-\[122px\] {
      width: 122px;
    }

    .md\:w-\[170px\] {
      width: 170px;
    }

    .md\:w-\[195px\] {
      width: 195px;
    }

    .md\:w-\[230px\] {
      width: 230px;
    }

    .md\:w-\[323px\] {
      width: 323px;
    }

    .md\:w-\[518px\] {
      width: 518px;
    }

    .md\:w-\[536px\] {
      width: 536px;
    }

    .md\:w-\[562px\] {
      width: 562px;
    }

    .md\:w-\[calc\(105\/529\*100\%\)\] {
      width: 19.8488%;
    }

    .md\:w-\[calc\(134\/1440\*100vw\)\] {
      width: 9.30556vw;
    }

    .md\:w-\[calc\(140\/1440\*100vw\)\] {
      width: 9.72222vw;
    }

    .md\:w-\[calc\(143\/1440\*100vw\)\] {
      width: 9.93056vw;
    }

    .md\:w-\[calc\(146\/1440\*100vw\)\] {
      width: 10.1389vw;
    }

    .md\:w-\[calc\(154\/1440\*100vw\)\] {
      width: 10.6944vw;
    }

    .md\:w-\[calc\(160\/1440\*100vw\)\] {
      width: 11.1111vw;
    }

    .md\:w-\[calc\(178\/1440\*100vw\)\] {
      width: 12.3611vw;
    }

    .md\:w-\[calc\(180\/240\*100\%\)\] {
      width: 75%;
    }

    .md\:w-\[calc\(180\/1440\*100vw\)\] {
      width: 12.5vw;
    }

    .md\:w-\[calc\(185\/1440\*100vw\)\] {
      width: 12.8472vw;
    }

    .md\:w-\[calc\(192\/1440\*100vw\)\] {
      width: 13.3333vw;
    }

    .md\:w-\[calc\(201\/1440\*100vw\)\] {
      width: 13.9583vw;
    }

    .md\:w-\[calc\(210\/1440\*100vw\)\] {
      width: 14.5833vw;
    }

    .md\:w-\[calc\(213\/1440\*100vw\)\] {
      width: 14.7917vw;
    }

    .md\:w-\[calc\(222\/1440\*100vw\)\] {
      width: 15.4167vw;
    }

    .md\:w-\[calc\(230\/1440\*100vw\)\] {
      width: 15.9722vw;
    }

    .md\:w-\[calc\(240\/1440\*100vw\)\] {
      width: 16.6667vw;
    }

    .md\:w-\[calc\(242\/1440\*100vw\)\] {
      width: 16.8056vw;
    }

    .md\:w-\[calc\(244\/1440\*100vw\)\] {
      width: 16.9444vw;
    }

    .md\:w-\[calc\(255\/1440\*100vw\)\] {
      width: 17.7083vw;
    }

    .md\:w-\[calc\(260\/1024\*100vw\)\] {
      width: 25.3906vw;
    }

    .md\:w-\[calc\(270\/1440\*100vw\)\] {
      width: 18.75vw;
    }

    .md\:w-\[calc\(272\/1440\*100vw\)\] {
      width: 18.8889vw;
    }

    .md\:w-\[calc\(273\/1440\*100vw\)\] {
      width: 18.9583vw;
    }

    .md\:w-\[calc\(284\/1440\*100vw\)\] {
      width: 19.7222vw;
    }

    .md\:w-\[calc\(285\/1440\*100vw\)\] {
      width: 19.7917vw;
    }

    .md\:w-\[calc\(286\/1440\*100vw\)\] {
      width: 19.8611vw;
    }

    .md\:w-\[calc\(288\/1024\*100vw\)\] {
      width: 28.125vw;
    }

    .md\:w-\[calc\(288\/1440\*100vw\)\] {
      width: 20vw;
    }

    .md\:w-\[calc\(302\/1440\*100vw\)\] {
      width: 20.9722vw;
    }

    .md\:w-\[calc\(306\/1440\*100vw\)\] {
      width: 21.25vw;
    }

    .md\:w-\[calc\(309\/1440\*100vw\)\] {
      width: 21.4583vw;
    }

    .md\:w-\[calc\(328\/430\*100\%\)\] {
      width: 76.2791%;
    }

    .md\:w-\[calc\(352\/1440\*100vw\)\] {
      width: 24.4444vw;
    }

    .md\:w-\[calc\(354\/1440\*100vw\)\] {
      width: 24.5833vw;
    }

    .md\:w-\[calc\(380\/1440\*100vw\)\] {
      width: 26.3889vw;
    }

    .md\:w-\[calc\(386\/1224\*100\%\)\] {
      width: 31.5359%;
    }

    .md\:w-\[calc\(396\/1440\*100vw\)\] {
      width: 27.5vw;
    }

    .md\:w-\[calc\(445\/1440\*100vw\)\] {
      width: 30.9028vw;
    }

    .md\:w-\[calc\(455\/1440\*100vw\)\] {
      width: 31.5972vw;
    }

    .md\:w-\[calc\(502\/1440\*100vw\)\] {
      width: 34.8611vw;
    }

    .md\:w-\[calc\(504\/1440\*100vw\)\] {
      width: 35vw;
    }

    .md\:w-\[calc\(612\/1440\*100vw\)\] {
      width: 42.5vw;
    }

    .md\:w-\[calc\(640\/1440\*100vw\)\] {
      width: 44.4444vw;
    }

    .md\:w-\[calc\(643\/1440\*100vw\)\] {
      width: 44.6528vw;
    }

    .md\:w-\[calc\(728\/1440\*100vw\)\] {
      width: 50.5556vw;
    }

    .md\:w-\[calc\(848\/1440\*100vw\)\] {
      width: 58.8889vw;
    }

    .md\:w-\[calc\(935\/1440\*100vw\)\] {
      width: 64.9306vw;
    }

    .md\:w-\[calc\(965\/1440\*100vw\)\] {
      width: 67.0139vw;
    }

    .md\:w-\[calc\(1089\/1440\*100vw\)\] {
      width: 75.625vw;
    }

    .md\:w-\[calc\(1224\/1440\*100vw\)\] {
      width: 85vw;
    }

    .md\:w-\[calc\(1313\/1440\*100vw\)\] {
      width: 91.1806vw;
    }

    .md\:w-\[calc\(1360\/1440\*100vw\)\] {
      width: 94.4445vw;
    }

    .md\:w-\[calc\(1423\/1440\*100vw\)\] {
      width: 98.8194vw;
    }

    .md\:w-\[calc\(1461\/1440\*100vw\)\] {
      width: 101.458vw;
    }

    .md\:w-\[calc\(1845\/1440\*100vw\)\] {
      width: 128.125vw;
    }

    .md\:w-\[calc\(1872\/1440\*100vw\)\] {
      width: 130vw;
    }

    .md\:w-fit {
      width: fit-content;
    }

    .md\:w-full {
      width: 100%;
    }

    .md\:w-screen {
      width: 100vw;
    }

    .md\:max-w-\[124px\] {
      max-width: 124px;
    }

    .md\:max-w-\[134px\] {
      max-width: 134px;
    }

    .md\:max-w-\[140px\] {
      max-width: 140px;
    }

    .md\:max-w-\[143px\] {
      max-width: 143px;
    }

    .md\:max-w-\[160px\] {
      max-width: 160px;
    }

    .md\:max-w-\[178px\] {
      max-width: 178px;
    }

    .md\:max-w-\[180px\] {
      max-width: 180px;
    }

    .md\:max-w-\[185px\] {
      max-width: 185px;
    }

    .md\:max-w-\[192px\] {
      max-width: 192px;
    }

    .md\:max-w-\[201px\] {
      max-width: 201px;
    }

    .md\:max-w-\[210px\] {
      max-width: 210px;
    }

    .md\:max-w-\[213px\] {
      max-width: 213px;
    }

    .md\:max-w-\[222px\] {
      max-width: 222px;
    }

    .md\:max-w-\[230px\] {
      max-width: 230px;
    }

    .md\:max-w-\[242px\] {
      max-width: 242px;
    }

    .md\:max-w-\[244px\] {
      max-width: 244px;
    }

    .md\:max-w-\[255px\] {
      max-width: 255px;
    }

    .md\:max-w-\[270px\] {
      max-width: 270px;
    }

    .md\:max-w-\[272px\] {
      max-width: 272px;
    }

    .md\:max-w-\[273px\] {
      max-width: 273px;
    }

    .md\:max-w-\[276px\] {
      max-width: 276px;
    }

    .md\:max-w-\[284px\] {
      max-width: 284px;
    }

    .md\:max-w-\[285px\] {
      max-width: 285px;
    }

    .md\:max-w-\[286px\] {
      max-width: 286px;
    }

    .md\:max-w-\[288px\] {
      max-width: 288px;
    }

    .md\:max-w-\[302px\] {
      max-width: 302px;
    }

    .md\:max-w-\[306px\] {
      max-width: 306px;
    }

    .md\:max-w-\[309px\] {
      max-width: 309px;
    }

    .md\:max-w-\[352px\] {
      max-width: 352px;
    }

    .md\:max-w-\[354px\] {
      max-width: 354px;
    }

    .md\:max-w-\[380px\] {
      max-width: 380px;
    }

    .md\:max-w-\[396px\] {
      max-width: 396px;
    }

    .md\:max-w-\[445px\] {
      max-width: 445px;
    }

    .md\:max-w-\[455px\] {
      max-width: 455px;
    }

    .md\:max-w-\[485px\] {
      max-width: 485px;
    }

    .md\:max-w-\[502px\] {
      max-width: 502px;
    }

    .md\:max-w-\[504px\] {
      max-width: 504px;
    }

    .md\:max-w-\[606px\] {
      max-width: 606px;
    }

    .md\:max-w-\[612px\] {
      max-width: 612px;
    }

    .md\:max-w-\[643px\] {
      max-width: 643px;
    }

    .md\:max-w-\[728px\] {
      max-width: 728px;
    }

    .md\:max-w-\[808px\] {
      max-width: 808px;
    }

    .md\:max-w-\[848px\] {
      max-width: 848px;
    }

    .md\:max-w-\[935px\] {
      max-width: 935px;
    }

    .md\:max-w-\[1212px\] {
      max-width: 1212px;
    }

    .md\:max-w-\[1229px\] {
      max-width: 1229px;
    }

    .md\:max-w-\[1313px\] {
      max-width: 1313px;
    }

    .md\:max-w-\[1360px\] {
      max-width: 1360px;
    }

    .md\:max-w-\[1845px\] {
      max-width: 1845px;
    }

    .md\:max-w-\[1980px\] {
      max-width: 1980px;
    }

    .md\:max-w-none {
      max-width: none;
    }

    .md\:min-w-\[146px\] {
      min-width: 146px;
    }

    .md\:min-w-\[150px\] {
      min-width: 150px;
    }

    .md\:-translate-x-2 {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-\[-40\%\] {
      --tw-translate-x: -40%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-\[-45\%\] {
      --tw-translate-x: -45%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-x-\[calc\(20\/1440\*100vw\)\] {
      --tw-translate-x: calc(20 / 1440 * 100vw);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:-translate-y-1 {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:-translate-y-6 {
      --tw-translate-y: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-\[-50\%\] {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-\[-176px\] {
      --tw-translate-y: -176px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-\[calc\(-64\/460\*100\%\)\] {
      --tw-translate-y: calc(-64 / 460 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:translate-y-\[calc\(-247\/1440\*100vw\)\] {
      --tw-translate-y: calc(-247 / 1440 * 100vw);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:grid-cols-\[16px_1fr_16px\] {
      grid-template-columns: 16px 1fr 16px;
    }

    .md\:grid-cols-\[72px_auto_72px\] {
      grid-template-columns: 72px auto 72px;
    }

    .md\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }

    .md\:grid-cols-\[auto_calc\(400\/768\*100\%\)\] {
      grid-template-columns: auto 52.0833%;
    }

    .md\:flex-col {
      flex-direction: column;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:justify-center {
      justify-content: center;
    }

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

    .md\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .md\:gap-\[5px\] {
      gap: 5px;
    }

    .md\:gap-\[10px\] {
      gap: 10px;
    }

    .md\:gap-\[18px\] {
      gap: 18px;
    }

    .md\:gap-\[22px\] {
      gap: 22px;
    }

    .md\:gap-\[26px\] {
      gap: 26px;
    }

    .md\:gap-\[70px\] {
      gap: 70px;
    }

    .md\:gap-\[72px\] {
      gap: 72px;
    }

    .md\:gap-\[calc\(32\/1440\*100vw\)\] {
      gap: 2.22222vw;
    }

    .md\:bg-\[linear-gradient\(180deg\,rgba\(38\,38\,38\,0\.00\)_2\.47\%\,rgba\(38\,38\,38\,0\.80\)_9\.52\%\)\] {
      background-image: linear-gradient(#26262600 2.47%, #262626cc 9.52%);
    }

    .md\:bg-\[url\(\'\/assets\/images\/common\/bg-loading\.webp\'\)\] {
      background-image: url("../../assets/images/common/bg-loading.webp");
    }

    .md\:bg-\[url\(\'\/assets\/images\/find-happy\/modal-button-bg-pc\.svg\'\)\] {
      background-image: url("../../assets/images/find-happy/modal-button-bg-pc.svg");
    }

    .md\:bg-\[url\(\'\/assets\/images\/footer\/footer-sec-bg-pc\.webp\'\)\] {
      background-image: url("../../assets/images/footer/footer-sec-bg-pc.webp");
    }

    .md\:bg-\[url\(\'\/assets\/images\/home\/message\/message-red-bg-pc\.webp\'\)\] {
      background-image: url("../../assets/images/home/message/message-red-bg-pc.webp");
    }

    .md\:bg-\[url\(\'\/assets\/images\/home\/ranking\/ranking-bg-md\.webp\'\)\] {
      background-image: url("../../assets/images/home/ranking/ranking-bg-md.webp");
    }

    .md\:bg-\[url\(\'\/assets\/images\/movie\/movie-bg-pc\.webp\'\)\] {
      background-image: url("../../assets/images/movie/movie-bg-pc.webp");
    }

    .md\:bg-\[url\(\'\/assets\/images\/news\/news-bg-pc\.webp\'\)\] {
      background-image: url("../../assets/images/news/news-bg-pc.webp");
    }

    .md\:bg-cover {
      background-size: cover;
    }

    .md\:bg-center {
      background-position: center;
    }

    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .md\:p-\[10px\] {
      padding: 10px;
    }

    .md\:p-\[18px\] {
      padding: 18px;
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:px-\[52px\] {
      padding-inline: 52px;
    }

    .md\:px-\[108px\] {
      padding-inline: 108px;
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-\[100px\] {
      padding-block: 100px;
    }

    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }

    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }

    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .md\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .md\:pt-23 {
      padding-top: calc(var(--spacing) * 23);
    }

    .md\:pt-\[52px\] {
      padding-top: 52px;
    }

    .md\:pt-\[60px\] {
      padding-top: 60px;
    }

    .md\:pt-\[140px\] {
      padding-top: 140px;
    }

    .md\:pt-\[247px\] {
      padding-top: 247px;
    }

    .md\:pt-\[calc\(96\/1440\*100vw\)\] {
      padding-top: 6.66667vw;
    }

    .md\:pt-\[calc\(203\/1440\*100vw\)\] {
      padding-top: 14.0972vw;
    }

    .md\:pt-\[calc\(218\/1440\*100vw\)\] {
      padding-top: 15.1389vw;
    }

    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .md\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }

    .md\:pr-\[calc\(115\/1440\*100vw\)\] {
      padding-right: 7.98611vw;
    }

    .md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }

    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }

    .md\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }

    .md\:pb-\[26px\] {
      padding-bottom: 26px;
    }

    .md\:pb-\[62px\] {
      padding-bottom: 62px;
    }

    .md\:pb-\[82px\] {
      padding-bottom: 82px;
    }

    .md\:pb-\[200px\] {
      padding-bottom: 200px;
    }

    .md\:pb-\[258px\] {
      padding-bottom: 258px;
    }

    .md\:pb-\[317px\] {
      padding-bottom: 317px;
    }

    .md\:pb-\[388px\] {
      padding-bottom: 388px;
    }

    .md\:pb-\[calc\(90\/1440\*100vw\)\] {
      padding-bottom: 6.25vw;
    }

    .md\:pb-\[calc\(162\/1440\*100vw\)\] {
      padding-bottom: 11.25vw;
    }

    .md\:pb-\[calc\(186\/1440\*100vw\)\] {
      padding-bottom: 12.9167vw;
    }

    .md\:pb-\[calc\(190\/1440\*100vw\)\] {
      padding-bottom: 13.1944vw;
    }

    .md\:pb-\[calc\(320\/1440\*100vw\)\] {
      padding-bottom: 22.2222vw;
    }

    .md\:pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }

    .md\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-2xl\/\[1\.4\] {
      font-size: var(--text-2xl);
      line-height: 1.4;
    }

    .md\:text-2xl\/\[1\] {
      font-size: var(--text-2xl);
      line-height: 1;
    }

    .md\:text-\[20px\]\/\[1\.8\] {
      font-size: 20px;
      line-height: 1.8;
    }

    .md\:text-\[32px\]\/\[1\.2\] {
      font-size: 32px;
      line-height: 1.2;
    }

    .md\:text-\[32px\]\/\[1\.4\] {
      font-size: 32px;
      line-height: 1.4;
    }

    .md\:text-\[32px\]\/\[1\] {
      font-size: 32px;
      line-height: 1;
    }

    .md\:text-\[56px\]\/\[0\.8\] {
      font-size: 56px;
      line-height: .8;
    }

    .md\:text-\[92px\]\/\[0\.8\] {
      font-size: 92px;
      line-height: .8;
    }

    .md\:text-\[calc\(44\/1440\*100vw\)\]\/\[1\] {
      font-size: 3.05556vw;
      line-height: 1;
    }

    .md\:text-\[calc\(375\/1440\*100vw\)\]\/\[0\.8\] {
      font-size: 26.0417vw;
      line-height: .8;
    }

    .md\:text-\[clamp\(16px\,calc\(16\/1024\*100vw\)\,16px\)\]\/\[1\.6\] {
      font-size: clamp(16px, 1.5625vw, 16px);
      line-height: 1.6;
    }

    .md\:text-\[clamp\(18px\,32\/1440\*100vw\,32px\)\]\/\[1\.4\] {
      font-size: clamp(18px, 2.22222vw, 32px);
      line-height: 1.4;
    }

    .md\:text-\[clamp\(24px\,calc\(32\/1440\*100vw\)\,32px\)\]\/\[1\] {
      font-size: clamp(24px, 2.22222vw, 32px);
      line-height: 1;
    }

    .md\:text-\[clamp\(32px\,calc\(40\/1440\*100vw\)\,40px\)\]\/\[2\] {
      font-size: clamp(32px, 2.77778vw, 40px);
      line-height: 2;
    }

    .md\:text-\[clamp\(40px\,calc\(56\/1440\*100vw\)\,56px\)\]\/\[1\] {
      font-size: clamp(40px, 3.88889vw, 56px);
      line-height: 1;
    }

    .md\:text-base\/\[1\.6\] {
      font-size: var(--text-base);
      line-height: 1.6;
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .md\:text-lg\/\[1\.4\] {
      font-size: var(--text-lg);
      line-height: 1.4;
    }

    .md\:text-lg\/\[1\] {
      font-size: var(--text-lg);
      line-height: 1;
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\[32px\] {
      font-size: 32px;
    }

    .md\:text-\[40px\] {
      font-size: 40px;
    }

    .md\:text-\[80px\] {
      font-size: 80px;
    }

    .md\:text-\[clamp\(10px\,calc\(20\/1440\*100vw\)\,20px\)\] {
      font-size: clamp(10px, 1.38889vw, 20px);
    }

    .md\:text-\[clamp\(14px\,calc\(16\/768\*100vw\)\,16px\)\] {
      font-size: clamp(14px, 2.08333vw, 16px);
    }

    .md\:text-\[clamp\(20px\,calc\(82\/1440\*100vw\)\,82px\)\] {
      font-size: clamp(20px, 5.69444vw, 82px);
    }

    .md\:text-\[clamp\(24px\,calc\(56\/1440\*100vw\)\,56px\)\] {
      font-size: clamp(24px, 3.88889vw, 56px);
    }

    .md\:font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }

    .md\:tracking-normal {
      --tw-tracking: var(--tracking-normal);
      letter-spacing: var(--tracking-normal);
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:shadow-\[1\.125px_2\.25px_7\.875px_0_\#E5C9A7\] {
      --tw-shadow: 1.125px 2.25px 7.875px 0 var(--tw-shadow-color, #e5c9a7);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:\[direction\:rtl\] {
      direction: rtl;
    }

    .md\:\[writing-mode\:vertical-lr\] {
      writing-mode: vertical-lr;
    }

    .md\:\[writing-mode\:vertical-rl\] {
      writing-mode: vertical-rl;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-3 {
      top: calc(var(--spacing) * 3);
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .lg\:top-10 {
      top: calc(var(--spacing) * 10);
    }

    .lg\:top-\[-50px\] {
      top: -50px;
    }

    .lg\:top-\[-60px\] {
      top: -60px;
    }

    .lg\:top-\[-346px\] {
      top: -346px;
    }

    .lg\:top-\[18px\] {
      top: 18px;
    }

    .lg\:top-\[54px\] {
      top: 54px;
    }

    .lg\:top-\[200px\] {
      top: 200px;
    }

    .lg\:top-\[240px\] {
      top: 240px;
    }

    .lg\:top-\[247px\] {
      top: 247px;
    }

    .lg\:top-\[340px\] {
      top: 340px;
    }

    .lg\:top-\[400px\] {
      top: 400px;
    }

    .lg\:top-\[calc\(-95\/1440\*100vw\)\] {
      top: -6.59722vw;
    }

    .lg\:top-\[calc\(-395\/1440\*100vw\)\] {
      top: -27.4306vw;
    }

    .lg\:top-\[calc\(55\/1440\*100vw\)\] {
      top: 3.81944vw;
    }

    .lg\:-right-4 {
      right: calc(var(--spacing) * -4);
    }

    .lg\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .lg\:right-\[-22px\] {
      right: -22px;
    }

    .lg\:right-\[56px\] {
      right: 56px;
    }

    .lg\:right-\[76px\] {
      right: 76px;
    }

    .lg\:right-\[100px\] {
      right: 100px;
    }

    .lg\:right-\[150px\] {
      right: 150px;
    }

    .lg\:right-\[152px\] {
      right: 152px;
    }

    .lg\:right-\[calc\(46\/1440\*100vw\)\] {
      right: 3.19444vw;
    }

    .lg\:right-\[calc\(172\/1440\*100vw\)\] {
      right: 11.9444vw;
    }

    .lg\:bottom-\[34px\] {
      bottom: 34px;
    }

    .lg\:bottom-\[calc\(-125\/1440\*100vw\)\] {
      bottom: -8.68056vw;
    }

    .lg\:-left-3 {
      left: calc(var(--spacing) * -3);
    }

    .lg\:left-\[-60px\] {
      left: -60px;
    }

    .lg\:left-\[-64px\] {
      left: -64px;
    }

    .lg\:left-\[72px\] {
      left: 72px;
    }

    .lg\:left-\[80px\] {
      left: 80px;
    }

    .lg\:left-\[100px\] {
      left: 100px;
    }

    .lg\:left-\[105px\] {
      left: 105px;
    }

    .lg\:left-\[200px\] {
      left: 200px;
    }

    .lg\:left-\[318px\] {
      left: 318px;
    }

    .lg\:left-\[400px\] {
      left: 400px;
    }

    .lg\:left-\[calc\(730\/1024\*100vw\)\] {
      left: 71.2891vw;
    }

    .lg\:mx-auto {
      margin-inline: auto;
    }

    .lg\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }

    .lg\:mb-\[calc\(-115\/610\*100\%\)\] {
      margin-bottom: -18.8525%;
    }

    .lg\:block {
      display: block;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline-block {
      display: inline-block;
    }

    .lg\:aspect-512\/72 {
      aspect-ratio: 512 / 72;
    }

    .lg\:aspect-1128\/1743 {
      aspect-ratio: 1128 / 1743;
    }

    .lg\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }

    .lg\:size-\[58px\] {
      width: 58px;
      height: 58px;
    }

    .lg\:h-\[40px\] {
      height: 40px;
    }

    .lg\:w-\[110px\] {
      width: 110px;
    }

    .lg\:w-\[134px\] {
      width: 134px;
    }

    .lg\:w-\[640px\] {
      width: 640px;
    }

    .lg\:w-\[calc\(3400px\*2\)\] {
      width: 6800px;
    }

    .lg\:max-w-\[1360px\] {
      max-width: 1360px;
    }

    .lg\:translate-y-\[calc\(-115\/610\*100\%\)\] {
      --tw-translate-y: calc(-115 / 610 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[64px_1px_auto\] {
      grid-template-columns: 64px 1px auto;
    }

    .lg\:grid-cols-\[auto_18px_1fr\] {
      grid-template-columns: auto 18px 1fr;
    }

    .lg\:grid-cols-\[auto_calc\(529\/1130\*100\%\)\] {
      grid-template-columns: auto 46.8142%;
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .lg\:gap-\[14px\] {
      gap: 14px;
    }

    .lg\:gap-\[38px\] {
      gap: 38px;
    }

    .lg\:gap-\[60px\] {
      gap: 60px;
    }

    .lg\:gap-\[94px\] {
      gap: 94px;
    }

    .lg\:bg-\[url\(\'\/assets\/images\/home\/ranking\/schedule-bg-pc\.svg\'\)\] {
      background-image: url("../../assets/images/home/ranking/schedule-bg-pc.svg");
    }

    .lg\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .lg\:pt-\[200px\] {
      padding-top: 200px;
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .lg\:text-\[40px\]\/\[1\.4\] {
      font-size: 40px;
      line-height: 1.4;
    }

    .lg\:text-base\/\[1\.2\] {
      font-size: var(--text-base);
      line-height: 1.2;
    }

    .lg\:text-base\/\[1\.6\] {
      font-size: var(--text-base);
      line-height: 1.6;
    }

    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .lg\:text-\[clamp\(16px\,calc\(24\/1024\*100vw\)\,24px\)\] {
      font-size: clamp(16px, 2.34375vw, 24px);
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-\[-240px\] {
      top: -240px;
    }

    .xl\:top-\[200px\] {
      top: 200px;
    }

    .xl\:top-\[424px\] {
      top: 424px;
    }

    .xl\:top-\[478px\] {
      top: 478px;
    }

    .xl\:top-\[546px\] {
      top: 546px;
    }

    .xl\:top-\[calc\(24\/1440\*100vw\)\] {
      top: 1.66667vw;
    }

    .xl\:top-\[calc\(526\/1440\*100vw\)\] {
      top: 36.5278vw;
    }

    .xl\:right-\[-82px\] {
      right: -82px;
    }

    .xl\:right-\[-140px\] {
      right: -140px;
    }

    .xl\:right-\[46px\] {
      right: 46px;
    }

    .xl\:right-\[172px\] {
      right: 172px;
    }

    .xl\:right-\[213px\] {
      right: 213px;
    }

    .xl\:right-\[240px\] {
      right: 240px;
    }

    .xl\:right-\[254px\] {
      right: 254px;
    }

    .xl\:right-\[296px\] {
      right: 296px;
    }

    .xl\:right-\[calc\(32\/1440\*100vw\)\] {
      right: 2.22222vw;
    }

    .xl\:right-\[calc\(145\/1440\*100vw\)\] {
      right: 10.0694vw;
    }

    .xl\:bottom-\[-125px\] {
      bottom: -125px;
    }

    .xl\:bottom-\[-134px\] {
      bottom: -134px;
    }

    .xl\:left-\[73px\] {
      left: 73px;
    }

    .xl\:left-\[200px\] {
      left: 200px;
    }

    .xl\:left-\[365px\] {
      left: 365px;
    }

    .xl\:left-auto {
      left: auto;
    }

    .xl\:mx-16 {
      margin-inline: calc(var(--spacing) * 16);
    }

    .xl\:mt-\[-40px\] {
      margin-top: -40px;
    }

    .xl\:mt-\[-320px\] {
      margin-top: -320px;
    }

    .xl\:block {
      display: block;
    }

    .xl\:aspect-430\/546 {
      aspect-ratio: 430 / 546;
    }

    .xl\:aspect-1224\/640 {
      aspect-ratio: 1224 / 640;
    }

    .xl\:h-\[50px\] {
      height: 50px;
    }

    .xl\:h-\[92px\] {
      height: 92px;
    }

    .xl\:w-\[354px\] {
      width: 354px;
    }

    .xl\:w-\[1089px\] {
      width: 1089px;
    }

    .xl\:w-\[calc\(1500\/1440\*100vw\)\] {
      width: 104.167vw;
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .xl\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .xl\:gap-\[45px\] {
      gap: 45px;
    }

    .xl\:bg-\[url\(\'\/assets\/images\/home\/ranking\/ranking-bg-pc\.webp\'\)\] {
      background-image: url("../../assets/images/home/ranking/ranking-bg-pc.webp");
    }

    .xl\:bg-size-\[100\%_100\%\] {
      background-size: 100% 100%;
    }

    .xl\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .xl\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .xl\:pt-\[218px\] {
      padding-top: 218px;
    }

    .xl\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }

    .xl\:pr-\[115px\] {
      padding-right: 115px;
    }

    .xl\:pr-\[120px\] {
      padding-right: 120px;
    }

    .xl\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .xl\:pb-\[190px\] {
      padding-bottom: 190px;
    }

    .xl\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }

    .xl\:pl-\[82px\] {
      padding-left: 82px;
    }

    .xl\:text-2xl\/\[1\] {
      font-size: var(--text-2xl);
      line-height: 1;
    }

    .xl\:text-\[44px\]\/\[1\] {
      font-size: 44px;
      line-height: 1;
    }

    .xl\:text-\[375px\]\/\[0\.8\] {
      font-size: 375px;
      line-height: .8;
    }

    .xl\:text-\[calc\(20\/1440\*100vw\)\]\/\[1\.4\] {
      font-size: 1.38889vw;
      line-height: 1.4;
    }

    .xl\:text-base\/\[1\.4\] {
      font-size: var(--text-base);
      line-height: 1.4;
    }

    .xl\:text-base\/\[1\] {
      font-size: var(--text-base);
      line-height: 1;
    }

    .xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .xl\:text-sm\/\[1\.4\] {
      font-size: var(--text-sm);
      line-height: 1.4;
    }

    .xl\:text-\[calc\(20\/1440\*100vw\)\] {
      font-size: 1.38889vw;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:\[\&\:nth-child\(5\)\]\:col-start-2:nth-child(5) {
      grid-column-start: 2;
    }

    .max-md\:\[\&\:nth-child\(5\)\]\:row-start-2:nth-child(5) {
      grid-row-start: 2;
    }
  }

  .\[\&\>span\]\:block > span {
    display: block;
  }

  .\[\&\>span\]\:h-fit > span {
    height: fit-content;
  }

  .\[\&\>span\]\:text-left > span {
    text-align: left;
  }

  .\[\&\>span\]\:text-\[calc\(32\/1440\*100vw\)\]\/\[0\.8\] > span {
    font-size: 2.22222vw;
    line-height: .8;
  }

  .\[\&\>span\]\:text-base\/\[1\] > span {
    font-size: var(--text-base);
    line-height: 1;
  }

  .\[\&\>span\]\:text-xs\/\[1\] > span {
    font-size: var(--text-xs);
    line-height: 1;
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>span\]\:text-\[32px\]\/\[0\.8\] > span {
      font-size: 32px;
      line-height: .8;
    }

    .md\:\[\&\>span\]\:text-\[clamp\(12px\,calc\(50\/1440\*100vw\)\,50px\)\] > span {
      font-size: clamp(12px, 3.47222vw, 50px);
    }
  }
}

@keyframes fly-away {
  0% {
    opacity: 1;
    transform: translate(0)scale(1)rotate(0);
  }

  15% {
    opacity: 1;
    transform: translate(-8px, 12px)scale(1.05)rotate(-6deg);
  }

  100% {
    opacity: 0;
    transform: translate(-400px, -900px)scale(0)rotate(720deg);
  }
}

@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

@property --tw-ease {
  syntax: "*";
  inherits: false
}
.fullscreen-bg-mask-horizontal[data-astro-cid-bmmi6vdu]{-webkit-mask:url(../../assets/images/fullscreen/fullscreen-mask-horizontal-sp.svg) top center / cover no-repeat;mask:url(../../assets/images/fullscreen/fullscreen-mask-horizontal-sp.svg) top center / cover no-repeat}.fullscreen-bg-mask-vertical[data-astro-cid-bmmi6vdu]{-webkit-mask:url(../../assets/images/fullscreen/fullscreen-mask-vertical-sp.svg) top center / cover no-repeat;mask:url(../../assets/images/fullscreen/fullscreen-mask-vertical-sp.svg) top center / cover no-repeat}@media screen and (min-width: 768px){.fullscreen-bg-mask-vertical[data-astro-cid-bmmi6vdu]{-webkit-mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat}}@media screen and (min-width: 1440px){.fullscreen-bg-mask-horizontal[data-astro-cid-bmmi6vdu]{-webkit-mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat}.fullscreen-bg-mask-vertical[data-astro-cid-bmmi6vdu]{-webkit-mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/fullscreen/fullscreen-mask-pc.svg) top center / cover no-repeat}}.footer-bg-mask[data-astro-cid-dwl4onjj]{-webkit-mask:url(../../assets/images/footer/footer-bg-mask-sp.svg) top center / cover no-repeat;mask:url(../../assets/images/footer/footer-bg-mask-sp.svg) top center / cover no-repeat}@media screen and (min-width: 768px){.footer-bg-mask[data-astro-cid-dwl4onjj]{-webkit-mask:url(../../assets/images/footer/footer-bg-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/footer/footer-bg-mask-pc.svg) top center / cover no-repeat}}.logo-loop-outer[data-astro-cid-flucfnav]{overflow:hidden;width:100%}.loop-track[data-astro-cid-flucfnav]{display:flex;width:max-content;will-change:transform;animation:logo-loop 240s linear infinite}.logo-set[data-astro-cid-flucfnav]{display:flex;align-items:center;gap:2.5rem;flex-shrink:0;width:max-content}@media screen and (min-width: 768px){.logo-set[data-astro-cid-flucfnav]{gap:3.5rem}}.logo-img[data-astro-cid-flucfnav]{height:48px;width:auto;flex-shrink:0;transform:translateZ(0)}@media screen and (max-width: 767px){.logo-img[data-astro-cid-flucfnav]{height:40px}.sp-hidden[data-astro-cid-flucfnav]{display:none}}@keyframes logo-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.news-other-section[data-astro-cid-cersbayt] .swiper[data-astro-cid-cersbayt]{overflow:visible}.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="0"]>.card-container[data-astro-cid-cersbayt],.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="2"]>.card-container[data-astro-cid-cersbayt],.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="4"]>.card-container[data-astro-cid-cersbayt]{transform:rotate(-15deg)}.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="1"]>.card-container[data-astro-cid-cersbayt],.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="3"]>.card-container[data-astro-cid-cersbayt],.news-other-section[data-astro-cid-cersbayt] .swiper-wrapper[data-astro-cid-cersbayt]>.swiper-slide[data-astro-cid-cersbayt][data-slide-index="5"]>.card-container[data-astro-cid-cersbayt]{transform:rotate(4deg);padding-top:24px}/*! tailwindcss v4.1.18 | 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)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-duration: initial;
    }
  }
}

.news-detail-container p:not(blockquote p) {
  margin-block: calc(var(--spacing, .25rem) * 6);
  font-size: var(--text-sm, .875rem);
  --tw-font-weight: var(--font-weight-bold, 700);
  line-height: 1.6;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-brown-700, #6c5640);
}

@media (min-width: 48rem) {
  .news-detail-container p:not(blockquote p) {
    font-size: var(--text-base, 1rem);
    line-height: 1.6;
  }
}

.news-detail-container p strong {
  --tw-font-weight: var(--font-weight-black, 900);
  font-weight: var(--font-weight-black, 900);
}

.news-detail-container a {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-red-700, #d80e17);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  text-decoration-line: underline;
  transition-duration: .3s;
}

@media (hover: hover) {
  .news-detail-container a:hover {
    text-decoration-color: #0000;
  }
}

.news-detail-container figure {
  margin-top: calc(var(--spacing, .25rem) * 10);
  margin-bottom: calc(var(--spacing, .25rem) * 6);
  gap: calc(var(--spacing, .25rem) * 2);
  flex-direction: column;
  display: flex;
}

@media (min-width: 48rem) {
  .news-detail-container figure {
    gap: calc(var(--spacing, .25rem) * 4);
  }
}

.news-detail-container figure figcaption {
  font-size: var(--text-xs, .75rem);
  --tw-font-weight: var(--font-weight-bold, 700);
  line-height: 1.4;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-brown-500, #967e58);
}

@media (min-width: 48rem) {
  .news-detail-container figure figcaption {
    font-size: var(--text-sm, .875rem);
    line-height: 1.6;
  }
}

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

@property --tw-duration {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.18 | 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)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}

blockquote[data-astro-cid-6w3qvudt] p[data-astro-cid-6w3qvudt] {
  font-size: var(--text-sm, .875rem);
  --tw-font-weight: var(--font-weight-bold, 700);
  line-height: 1.6;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-brown-700, #6c5640);
}

@media (min-width: 48rem) {
  blockquote[data-astro-cid-6w3qvudt] p[data-astro-cid-6w3qvudt] {
    font-size: var(--text-base, 1rem);
    line-height: 1.6;
  }
}

blockquote[data-astro-cid-6w3qvudt] cite[data-astro-cid-6w3qvudt] {
  font-size: var(--text-sm, .875rem);
  --tw-font-weight: var(--font-weight-bold, 700);
  line-height: 1.6;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-brown-700, #6c5640);
}

@media (min-width: 48rem) {
  blockquote[data-astro-cid-6w3qvudt] cite[data-astro-cid-6w3qvudt] {
    font-size: var(--text-base, 1rem);
    line-height: 1.6;
  }
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
.grad-mask[data-astro-cid-miij26cp]{-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));mask-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0))}.mv-fallback[data-astro-cid-miij26cp]{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:opacity 0.5s ease}.mv-fallback[data-astro-cid-miij26cp] img[data-astro-cid-miij26cp]{display:block;width:100%;height:100%;object-fit:cover}.mv-fallback--hidden[data-astro-cid-miij26cp]{opacity:0;pointer-events:none}.all-news-button[data-astro-cid-6rmhwbpl]:hover .bg-button[data-astro-cid-6rmhwbpl] svg[data-astro-cid-6rmhwbpl] path[data-astro-cid-6rmhwbpl]{fill-opacity:1;transition:all 0.3s}.news-pickup-section .swiper {
    overflow: visible;
  }
  .news-pickup-section .swiper-slide[data-slide-index="0"] > .card-container,
  .news-pickup-section .swiper-slide[data-slide-index="2"] > .card-container {
    transform: rotate(-5deg);
    @media (min-width: 768px) {
      transform: rotate(-15deg);
    }
  }
  .news-pickup-section .swiper-slide[data-slide-index="1"] > .card-container,
  .news-pickup-section .swiper-slide[data-slide-index="3"] > .card-container {
    transform: rotate(4deg);
    padding-top: 16px;
  }
  .news-pickup-section .swiper-slide[data-slide-index="4"] > .card-container {
    transform: rotate(-4deg);
  }
  .news-pickup-section .swiper-button-prev,
  .news-pickup-section .swiper-button-next {
    position: relative;
    top: 0 !important; /* デフォルト設定をリセット */
    left: 0 !important; /* デフォルト設定をリセット */
    margin: 0 !important; /* デフォルト設定をリセット */
    height: fit-content;
    width: 21px;
    @media (min-width: 768px) {
      width: 36px;
    }
  }

  .news-pickup-section .swiper-pagination {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    flex: 1;
    @media (min-width: 768px) {
      gap: 16px;
    }
  }
  .news-pickup-section .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0 !important;
    margin: 0 !important;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    background-color: #5a2d00;
    opacity: 0.4;
    transition: opacity 0.3s;
    @media (min-width: 768px) {
      width: 8px;
      height: 8px;
    }
  }
  .news-pickup-section .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 0.8;
  }
  .news-pickup-section .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
  }.anim-manga-loop[data-astro-cid-473skdrc]{animation:logo-loop 80s linear infinite}@keyframes logo-loop{from{transform:translateX(0)}to{transform:translateX(-100%)}}.ranking-mask[data-astro-cid-473skdrc]{-webkit-mask:url(../../assets/images/home/ranking/ranking-mask-sp.webp) top center / 100% auto no-repeat;mask:url(../../assets/images/home/ranking/ranking-mask-sp.webp) top center / 100% auto no-repeat}@media screen and (min-width: 768px){.ranking-mask[data-astro-cid-473skdrc]{-webkit-mask:url(../../assets/images/home/ranking/ranking-mask-md.webp) top center / 100% auto no-repeat;mask:url(../../assets/images/home/ranking/ranking-mask-md.webp) top center / 100% auto no-repeat}}@media screen and (min-width: 1440px){.ranking-mask[data-astro-cid-473skdrc]{-webkit-mask:url(../../assets/images/home/ranking/ranking-mask-pc.webp) top center / 100% auto no-repeat;mask:url(../../assets/images/home/ranking/ranking-mask-pc.webp) top center / 100% auto no-repeat}}.message-mask[data-astro-cid-27bcohsw]{-webkit-mask:url(../../assets/images/home/message/message-bg-mask-sp.svg) top center / cover no-repeat;mask:url(../../assets/images/home/message/message-bg-mask-sp.svg) top center / cover no-repeat}@media screen and (min-width: 768px){.message-mask[data-astro-cid-27bcohsw]{-webkit-mask:url(../../assets/images/home/message/message-bg-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/home/message/message-bg-mask-pc.svg) top center / cover no-repeat}}@media screen and (min-width: 1500px){.message-mask[data-astro-cid-27bcohsw]{-webkit-mask:url(../../assets/images/home/message/message-bg-mask-pc.svg) top center / cover no-repeat;mask:url(../../assets/images/home/message/message-bg-mask-pc.svg) top center / cover no-repeat}}.movie-fallback[data-astro-cid-pkcrhbdp]{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:opacity 0.5s ease}.movie-fallback[data-astro-cid-pkcrhbdp] img[data-astro-cid-pkcrhbdp]{display:block;width:100%;height:100%;object-fit:cover}.movie-fallback--hidden[data-astro-cid-pkcrhbdp]{opacity:0;pointer-events:none}.movie-mask[data-astro-cid-pkcrhbdp]{-webkit-mask:url(../../assets/images/home/movie/movie-mask-sp.svg) top center / auto 100% no-repeat;mask:url(../../assets/images/home/movie/movie-mask-sp.svg) top center / auto 100% no-repeat}@media screen and (min-width: 768px){.movie-mask[data-astro-cid-pkcrhbdp]{-webkit-mask:url(../../assets/images/home/movie/movie-mask-pc.svg) top center / auto 100% no-repeat;mask:url(../../assets/images/home/movie/movie-mask-pc.svg) top center / auto 100% no-repeat}}.book-cover-fallback[data-astro-cid-wd4ciax2]{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:opacity 0.5s ease}.book-cover-fallback[data-astro-cid-wd4ciax2] img[data-astro-cid-wd4ciax2]{display:block;width:100%;height:100%;object-fit:cover}.book-cover-fallback--hidden[data-astro-cid-wd4ciax2]{opacity:0;pointer-events:none}