@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Noto Sans JP, serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}/*
 * Sometimes, when you're using AlpineJS for a part of your template, there is a "blip" where you
 * might see your uninitialized template after the page loads, but before Alpine loads.
 * `x-cloak` addresses this scenario by hiding the element it's attached to until Alpine is fully
 * loaded on the page.
 *
 * See: https://alpinejs.dev/directives/cloak
 */

[x-cloak] {
  display: none !important;
}
@tailwind base;

html {
  overflow-x: clip;
  font-weight: 500;
  font-family: 'Zen Maru Gothic', serif;
}

body {
  overflow: clip;
}

header,
footer {
  z-index: 100;
}

footer {
  position: relative;
}

img {
  width: 100%;
}[x-data='lottie'] {
  pointer-events: none;
}
.container {
  width: 100%;
}
@media (min-width: 375px) {

  .container {
    max-width: 375px;
  }
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1025px) {

  .container {
    max-width: 1025px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {

  .container {
    max-width: 1440px;
  }
}
@keyframes flip {
  0%,
  50% {
    opacity: 1;
  }
  50.01%,
  100% {
    opacity: 0;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes float-revers {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hop {
  0%,
  6% {
    transform: translateY(0);
  }
  2% {
    transform: translateY(-20px);
  }
  8%,
  14% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-20px);
  }
  16% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes sway {
  0%,
  6% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(6deg);
  }
  4% {
    transform: rotate(-6deg);
  }
  6% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.link {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  animation-duration: 150ms;
}
@media (hover: hover) and (pointer: fine) {

  .link:hover {
    opacity: 0.6;
  }
}
/* スクロールバーの幅と高さを設定する */
/* スクロールバーの形を設定する */
/* スクロールバーの色を設定する */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.left-0 {
  left: 0px;
}
.top-0 {
  top: 0px;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[210\] {
  z-index: 210;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-\[50px\] {
  height: 50px;
}
.min-h-svh {
  min-height: 100svh;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.\!translate-y-0 {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\/3 {
  --tw-translate-y: 66.666667%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[11deg\] {
  --tw-rotate: 11deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.overflow-y-clip {
  overflow-y: clip;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.pt-\[--header-height\] {
  padding-top: var(--header-height);
}
.font-bold {
  font-weight: 700;
}
.leading-\[170\%\] {
  line-height: 170%;
}
.tracking-normal {
  letter-spacing: 0em;
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.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-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-0 {
  transition-delay: 0s;
}
.delay-100 {
  transition-delay: 100ms;
}
.delay-150 {
  transition-delay: 150ms;
}
.delay-200 {
  transition-delay: 200ms;
}
.delay-250 {
  transition-delay: 250ms;
}
.delay-300 {
  transition-delay: 300ms;
}
.delay-350 {
  transition-delay: 350ms;
}
.delay-50 {
  transition-delay: 50ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-400 {
  transition-duration: 400ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-600 {
  transition-duration: 600ms;
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out-back {
  transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
}
.ease-out-quart {
  transition-timing-function: cubic-bezier(0.25,1,0.5,1);
}
.will-change-transform {
  will-change: transform;
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-400 {
  animation-duration: 400ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-600 {
  animation-duration: 600ms;
}
.delay-0 {
  animation-delay: 0s;
}
.delay-100 {
  animation-delay: 100ms;
}
.delay-150 {
  animation-delay: 150ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.delay-250 {
  animation-delay: 250ms;
}
.delay-300 {
  animation-delay: 300ms;
}
.delay-350 {
  animation-delay: 350ms;
}
.delay-50 {
  animation-delay: 50ms;
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out-back {
  animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
}
.ease-out-quart {
  animation-timing-function: cubic-bezier(0.25,1,0.5,1);
}
.pc-elem {
  display: none;

  @media (min-width: 1025px) {
    display: inherit;
  }
}
.sp-elem {
  @media (min-width: 1025px) {
    display: none;
  }
}
/*
 * Handle font kerning.
 *
 * This utility controls the font kerning.
 * It is based on a method described in a GitHub comment on a CSS Working Group Drafts issue.
 * See: https://github.com/w3c/csswg-drafts/issues/6723#issuecomment-1411487571
 */
.kerning-none {
  font-kerning: none;
  font-feature-settings: normal;
}
.bottom-liquid-\[-128\2c ip\] {
  bottom: calc(-128 / 375 * 100vw);
}
.bottom-liquid-\[-206\2c ip\] {
  bottom: calc(-206 / 375 * 100vw);
}
.bottom-liquid-\[-30\2c ip\] {
  bottom: calc(-30 / 375 * 100vw);
}
.bottom-liquid-\[-36\2c ip\] {
  bottom: calc(-36 / 375 * 100vw);
}
.gap-liquid-\[16\2c ip\] {
  gap: calc(16 / 375 * 100vw);
}
.gap-liquid-\[23\2c ip\] {
  gap: calc(23 / 375 * 100vw);
}
.gap-liquid-\[24\2c ip\] {
  gap: calc(24 / 375 * 100vw);
}
.gap-liquid-\[25\2c ip\] {
  gap: calc(25 / 375 * 100vw);
}
.gap-liquid-\[32\2c ip\] {
  gap: calc(32 / 375 * 100vw);
}
.gap-liquid-\[4\2c ip\] {
  gap: calc(4 / 375 * 100vw);
}
.gap-liquid-\[5\2c ip\] {
  gap: calc(5 / 375 * 100vw);
}
.gap-liquid-\[8\2c ip\] {
  gap: calc(8 / 375 * 100vw);
}
.h-liquid-\[50\2c ip\] {
  height: calc(50 / 375 * 100vw);
}
.h-liquid-\[664\2c ip\] {
  height: calc(664 / 375 * 100vw);
}
.left-liquid-\[-10\2c ip\] {
  left: calc(-10 / 375 * 100vw);
}
.left-liquid-\[-153\2c ip\] {
  left: calc(-153 / 375 * 100vw);
}
.left-liquid-\[-16\2c ip\] {
  left: calc(-16 / 375 * 100vw);
}
.left-liquid-\[-309\2c ip\] {
  left: calc(-309 / 375 * 100vw);
}
.left-liquid-\[-60\2c ip\] {
  left: calc(-60 / 375 * 100vw);
}
.left-liquid-\[-81\2c ip\] {
  left: calc(-81 / 375 * 100vw);
}
.left-liquid-\[-85\2c ip\] {
  left: calc(-85 / 375 * 100vw);
}
.left-liquid-\[-9\2c ip\] {
  left: calc(-9 / 375 * 100vw);
}
.left-liquid-\[0\2c 2xl\] {
  left: calc(0 / 1440 * 100vw);
}
.left-liquid-\[12\2c ip\] {
  left: calc(12 / 375 * 100vw);
}
.left-liquid-\[14\2c ip\] {
  left: calc(14 / 375 * 100vw);
}
.left-liquid-\[20\2c ip\] {
  left: calc(20 / 375 * 100vw);
}
.left-liquid-\[21\2c ip\] {
  left: calc(21 / 375 * 100vw);
}
.left-liquid-\[62\2c ip\] {
  left: calc(62 / 375 * 100vw);
}
.left-liquid-\[9\2c ip\] {
  left: calc(9 / 375 * 100vw);
}
.ml-liquid-\[-4\2c ip\] {
  margin-left: calc(-4 / 375 * 100vw);
}
.mr-liquid-\[15\2c ip\] {
  margin-right: calc(15 / 375 * 100vw);
}
.mt-liquid-\[107\2c ip\] {
  margin-top: calc(107 / 375 * 100vw);
}
.mt-liquid-\[114\2c ip\] {
  margin-top: calc(114 / 375 * 100vw);
}
.pb-liquid-\[120\2c ip\] {
  padding-bottom: calc(120 / 375 * 100vw);
}
.pb-liquid-\[226\2c ip\] {
  padding-bottom: calc(226 / 375 * 100vw);
}
.pb-liquid-\[263\2c ip\] {
  padding-bottom: calc(263 / 375 * 100vw);
}
.pb-liquid-\[40\2c ip\] {
  padding-bottom: calc(40 / 375 * 100vw);
}
.pt-liquid-\[0\2c ip\] {
  padding-top: calc(0 / 375 * 100vw);
}
.pt-liquid-\[148\2c ip\] {
  padding-top: calc(148 / 375 * 100vw);
}
.pt-liquid-\[20\2c ip\] {
  padding-top: calc(20 / 375 * 100vw);
}
.pt-liquid-\[8\2c ip\] {
  padding-top: calc(8 / 375 * 100vw);
}
.right-liquid-\[-106\2c ip\] {
  right: calc(-106 / 375 * 100vw);
}
.right-liquid-\[-118\2c ip\] {
  right: calc(-118 / 375 * 100vw);
}
.right-liquid-\[-12\2c ip\] {
  right: calc(-12 / 375 * 100vw);
}
.right-liquid-\[-143\2c ip\] {
  right: calc(-143 / 375 * 100vw);
}
.right-liquid-\[-50\2c ip\] {
  right: calc(-50 / 375 * 100vw);
}
.right-liquid-\[-68\2c ip\] {
  right: calc(-68 / 375 * 100vw);
}
.right-liquid-\[0\2c ip\] {
  right: calc(0 / 375 * 100vw);
}
.text-liquid-\[14\2c ip\] {
  font-size: max(calc(14 / 375 * 100vw), 10px);
}
.top-liquid-\[-112\2c ip\] {
  top: calc(-112 / 375 * 100vw);
}
.top-liquid-\[-125\2c ip\] {
  top: calc(-125 / 375 * 100vw);
}
.top-liquid-\[-237\2c ip\] {
  top: calc(-237 / 375 * 100vw);
}
.top-liquid-\[-30\2c ip\] {
  top: calc(-30 / 375 * 100vw);
}
.top-liquid-\[-56\2c ip\] {
  top: calc(-56 / 375 * 100vw);
}
.top-liquid-\[-84\2c ip\] {
  top: calc(-84 / 375 * 100vw);
}
.top-liquid-\[-91\2c ip\] {
  top: calc(-91 / 375 * 100vw);
}
.top-liquid-\[0\2c 2xl\] {
  top: calc(0 / 1440 * 100vw);
}
.top-liquid-\[0\2c ip\] {
  top: calc(0 / 375 * 100vw);
}
.top-liquid-\[106\2c ip\] {
  top: calc(106 / 375 * 100vw);
}
.top-liquid-\[130\2c ip\] {
  top: calc(130 / 375 * 100vw);
}
.top-liquid-\[151\2c ip\] {
  top: calc(151 / 375 * 100vw);
}
.top-liquid-\[157\2c ip\] {
  top: calc(157 / 375 * 100vw);
}
.top-liquid-\[179\2c ip\] {
  top: calc(179 / 375 * 100vw);
}
.top-liquid-\[32\2c ip\] {
  top: calc(32 / 375 * 100vw);
}
.top-liquid-\[326\2c ip\] {
  top: calc(326 / 375 * 100vw);
}
.top-liquid-\[327\2c ip\] {
  top: calc(327 / 375 * 100vw);
}
.top-liquid-\[33\2c ip\] {
  top: calc(33 / 375 * 100vw);
}
.top-liquid-\[40\2c ip\] {
  top: calc(40 / 375 * 100vw);
}
.top-liquid-\[436\2c ip\] {
  top: calc(436 / 375 * 100vw);
}
.top-liquid-\[481\2c ip\] {
  top: calc(481 / 375 * 100vw);
}
.top-liquid-\[50\2c 2xl\] {
  top: calc(50 / 1440 * 100vw);
}
.top-liquid-\[508\2c ip\] {
  top: calc(508 / 375 * 100vw);
}
.top-liquid-\[715\2c ip\] {
  top: calc(715 / 375 * 100vw);
}
.top-liquid-\[880\2c ip\] {
  top: calc(880 / 375 * 100vw);
}
.top-liquid-\[9\2c ip\] {
  top: calc(9 / 375 * 100vw);
}
.w-liquid-\[120\2c ip\] {
  width: calc(120 / 375 * 100vw);
}
.w-liquid-\[126\2c ip\] {
  width: calc(126 / 375 * 100vw);
}
.w-liquid-\[154\2c ip\] {
  width: calc(154 / 375 * 100vw);
}
.w-liquid-\[160\2c ip\] {
  width: calc(160 / 375 * 100vw);
}
.w-liquid-\[172\2c ip\] {
  width: calc(172 / 375 * 100vw);
}
.w-liquid-\[175\2c ip\] {
  width: calc(175 / 375 * 100vw);
}
.w-liquid-\[180\2c ip\] {
  width: calc(180 / 375 * 100vw);
}
.w-liquid-\[199\2c ip\] {
  width: calc(199 / 375 * 100vw);
}
.w-liquid-\[208\2c ip\] {
  width: calc(208 / 375 * 100vw);
}
.w-liquid-\[250\2c ip\] {
  width: calc(250 / 375 * 100vw);
}
.w-liquid-\[252\2c ip\] {
  width: calc(252 / 375 * 100vw);
}
.w-liquid-\[268\2c ip\] {
  width: calc(268 / 375 * 100vw);
}
.w-liquid-\[301\2c ip\] {
  width: calc(301 / 375 * 100vw);
}
.w-liquid-\[310\2c ip\] {
  width: calc(310 / 375 * 100vw);
}
.w-liquid-\[335\2c ip\] {
  width: calc(335 / 375 * 100vw);
}
.w-liquid-\[340\2c ip\] {
  width: calc(340 / 375 * 100vw);
}
.w-liquid-\[344\2c ip\] {
  width: calc(344 / 375 * 100vw);
}
.w-liquid-\[345\2c ip\] {
  width: calc(345 / 375 * 100vw);
}
.w-liquid-\[355\2c ip\] {
  width: calc(355 / 375 * 100vw);
}
.w-liquid-\[357\2c ip\] {
  width: calc(357 / 375 * 100vw);
}
.w-liquid-\[375\2c ip\] {
  width: calc(375 / 375 * 100vw);
}
.w-liquid-\[38\2c ip\] {
  width: calc(38 / 375 * 100vw);
}
.w-liquid-\[391\2c ip\] {
  width: calc(391 / 375 * 100vw);
}
.w-liquid-\[459\2c ip\] {
  width: calc(459 / 375 * 100vw);
}
.w-liquid-\[508\2c ip\] {
  width: calc(508 / 375 * 100vw);
}
.w-liquid-\[51\2c ip\] {
  width: calc(51 / 375 * 100vw);
}
.w-liquid-\[670\2c ip\] {
  width: calc(670 / 375 * 100vw);
}
.\[line-break\:normal\] {
  line-break: normal;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
@media (hover: hover) and (pointer: fine) {

  .hover\:scale-\[115\%\]:hover {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (prefers-reduced-motion: no-preference) {

  .motion-safe\:focus-within\:scroll-smooth:focus-within {
    scroll-behavior: smooth;
  }
}
@media (min-width: 1025px) {

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:grid-cols-\[unset\] {
    grid-template-columns: unset;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:object-\[0\%_18\%\] {
    -o-object-position: 0% 18%;
       object-position: 0% 18%;
  }

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

  .lg\:leading-\[180\%\] {
    line-height: 180%;
  }

  .lg\:bottom-liquid-\[-118\2c 2xl\] {
    bottom: calc(-118 / 1440 * 100vw);
  }

  .lg\:bottom-liquid-\[-76\2c 2xl\] {
    bottom: calc(-76 / 1440 * 100vw);
  }

  .lg\:bottom-liquid-\[-90\2c 2xl\] {
    bottom: calc(-90 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[120\2c 2xl\] {
    gap: calc(120 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[16\2c 2xl\] {
    gap: calc(16 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[32\2c 2xl\] {
    gap: calc(32 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[4\2c 2xl\] {
    gap: calc(4 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[40\2c 2xl\] {
    gap: calc(40 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[56\2c 2xl\] {
    gap: calc(56 / 1440 * 100vw);
  }

  .lg\:gap-liquid-\[72\2c 2xl\] {
    gap: calc(72 / 1440 * 100vw);
  }

  .lg\:h-liquid-\[145\2c 2xl\] {
    height: calc(145 / 1440 * 100vw);
  }

  .lg\:h-liquid-\[877\2c 2xl\] {
    height: calc(877 / 1440 * 100vw);
  }

  .lg\:h-liquid-\[910\2c 2xl\] {
    height: calc(910 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-129\2c 2xl\] {
    left: calc(-129 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-162\2c 2xl\] {
    left: calc(-162 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-223\2c 2xl\] {
    left: calc(-223 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-295\2c 2xl\] {
    left: calc(-295 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-733\2c 2xl\] {
    left: calc(-733 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[-92\2c 2xl\] {
    left: calc(-92 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[102\2c 2xl\] {
    left: calc(102 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[23\2c 2xl\] {
    left: calc(23 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[24\2c 2xl\] {
    left: calc(24 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[290\2c 2xl\] {
    left: calc(290 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[34\2c 2xl\] {
    left: calc(34 / 1440 * 100vw);
  }

  .lg\:left-liquid-\[368\2c 2xl\] {
    left: calc(368 / 1440 * 100vw);
  }

  .lg\:ml-liquid-\[-11\2c 2xl\] {
    margin-left: calc(-11 / 1440 * 100vw);
  }

  .lg\:mt-liquid-\[128\2c 2xl\] {
    margin-top: calc(128 / 1440 * 100vw);
  }

  .lg\:mt-liquid-\[56\2c 2xl\] {
    margin-top: calc(56 / 1440 * 100vw);
  }

  .lg\:pb-liquid-\[117\2c 2xl\] {
    padding-bottom: calc(117 / 1440 * 100vw);
  }

  .lg\:pb-liquid-\[149\2c 2xl\] {
    padding-bottom: calc(149 / 1440 * 100vw);
  }

  .lg\:pb-liquid-\[180\2c 2xl\] {
    padding-bottom: calc(180 / 1440 * 100vw);
  }

  .lg\:pb-liquid-\[355\2c 2xl\] {
    padding-bottom: calc(355 / 1440 * 100vw);
  }

  .lg\:pt-liquid-\[0\2c 2xl\] {
    padding-top: calc(0 / 1440 * 100vw);
  }

  .lg\:pt-liquid-\[100\2c 2xl\] {
    padding-top: calc(100 / 1440 * 100vw);
  }

  .lg\:pt-liquid-\[141\2c 2xl\] {
    padding-top: calc(141 / 1440 * 100vw);
  }

  .lg\:pt-liquid-\[60\2c 2xl\] {
    padding-top: calc(60 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[-100\2c 2xl\] {
    right: calc(-100 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[-245\2c 2xl\] {
    right: calc(-245 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[-296\2c 2xl\] {
    right: calc(-296 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[-32\2c 2xl\] {
    right: calc(-32 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[-55\2c 2xl\] {
    right: calc(-55 / 1440 * 100vw);
  }

  .lg\:right-liquid-\[0\2c 2xl\] {
    right: calc(0 / 1440 * 100vw);
  }

  .lg\:text-liquid-\[16\2c 2xl\] {
    font-size: max(calc(16 / 1440 * 100vw), 10px);
  }

  .lg\:top-liquid-\[-124\2c 2xl\] {
    top: calc(-124 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-135\2c 2xl\] {
    top: calc(-135 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-249\2c 2xl\] {
    top: calc(-249 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-264\2c 2xl\] {
    top: calc(-264 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-30\2c 2xl\] {
    top: calc(-30 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-332\2c 2xl\] {
    top: calc(-332 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-434\2c 2xl\] {
    top: calc(-434 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-60\2c 2xl\] {
    top: calc(-60 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[-84\2c 2xl\] {
    top: calc(-84 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[100\2c 2xl\] {
    top: calc(100 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[1030\2c 2xl\] {
    top: calc(1030 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[1247\2c 2xl\] {
    top: calc(1247 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[128\2c 2xl\] {
    top: calc(128 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[21\2c 2xl\] {
    top: calc(21 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[225\2c 2xl\] {
    top: calc(225 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[30\2c 2xl\] {
    top: calc(30 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[380\2c 2xl\] {
    top: calc(380 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[545\2c 2xl\] {
    top: calc(545 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[588\2c 2xl\] {
    top: calc(588 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[611\2c 2xl\] {
    top: calc(611 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[818\2c 2xl\] {
    top: calc(818 / 1440 * 100vw);
  }

  .lg\:top-liquid-\[883\2c 2xl\] {
    top: calc(883 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[1080\2c 2xl\] {
    width: calc(1080 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[109\2c 2xl\] {
    width: calc(109 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[110\2c 2xl\] {
    width: calc(110 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[1187\2c 2xl\] {
    width: calc(1187 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[1209\2c 2xl\] {
    width: calc(1209 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[1343\2c 2xl\] {
    width: calc(1343 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[204\2c 2xl\] {
    width: calc(204 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[315\2c 2xl\] {
    width: calc(315 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[317\2c 2xl\] {
    width: calc(317 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[330\2c 2xl\] {
    width: calc(330 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[390\2c 2xl\] {
    width: calc(390 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[438\2c 2xl\] {
    width: calc(438 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[450\2c 2xl\] {
    width: calc(450 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[500\2c 2xl\] {
    width: calc(500 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[521\2c 2xl\] {
    width: calc(521 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[528\2c 2xl\] {
    width: calc(528 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[537\2c 2xl\] {
    width: calc(537 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[572\2c 2xl\] {
    width: calc(572 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[672\2c 2xl\] {
    width: calc(672 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[755\2c 2xl\] {
    width: calc(755 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[797\2c 2xl\] {
    width: calc(797 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[811\2c 2xl\] {
    width: calc(811 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[812\2c 2xl\] {
    width: calc(812 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[826\2c 2xl\] {
    width: calc(826 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[860\2c 2xl\] {
    width: calc(860 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[873\2c 2xl\] {
    width: calc(873 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[900\2c 2xl\] {
    width: calc(900 / 1440 * 100vw);
  }

  .lg\:w-liquid-\[952\2c 2xl\] {
    width: calc(952 / 1440 * 100vw);
  }
}
.loaded .\[\.loaded_\&\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}