:root {
  --fluid-min-viewport: 375;
  --fluid-max-viewport: 780;
  --fluid-slope: calc((100vw - var(--fluid-min-viewport) * 1px) /
			(var(--fluid-max-viewport) - var(--fluid-min-viewport)));
  --color-contrast: var(--wp--preset--color--contrast, #000);
  --color-neutral-strong: var(--wp--preset--color--neutral-strong, #4b5563);
  --color-neutral-medium: var(--wp--preset--color--neutral-medium, #d1d5db);
  --color-neutral-soft: var(--wp--preset--color--neutral-soft, #e9e9e9);
  --color-base-body: var(--wp--preset--color--base-body, #fff);
  --font-family-ja: var(--wp--preset--font-family--zen-kaku-gothic-new, "zen-kaku-gothic-new",
		sans-serif);
  --font-family-en: var(--wp--preset--font-family--century-gothic, "century-gothic",
		sans-serif);
  --font-size-small: var(--wp--preset--font-size--small, 14px);
  --font-size-base: var(--wp--preset--font-size--base, 16px);
  --font-size-semi-large: clamp(17px, 17px + var(--fluid-slope) * 1, 18px);
  --font-size-large: var(--wp--preset--font-size--large, clamp(18px, 18px + var(--fluid-slope) * 2, 20px));
  --font-size-x-large: var(--wp--preset--font-size--x-large, clamp(20px, 20px + var(--fluid-slope) * 4, 24px));
  --font-size-2x-large: var(--wp--preset--font-size--2-x-large, clamp(24px, 24px + var(--fluid-slope) * 8, 32px));
  --font-size-3x-large: var(--wp--preset--font-size--3-x-large, clamp(32px, 32px + var(--fluid-slope) * 8, 40px));
  --spacing-8: var(--wp--preset--spacing--8, clamp(6px, 6px + var(--fluid-slope) * 2, 8px));
  --spacing-16: var(--wp--preset--spacing--16, clamp(14px, 14px + var(--fluid-slope) * 2, 16px));
  --spacing-24: var(--wp--preset--spacing--24, clamp(20px, 20px + var(--fluid-slope) * 4, 24px));
  --spacing-32: var(--wp--preset--spacing--32, clamp(24px, 24px + var(--fluid-slope) * 8, 32px));
  --spacing-40: var(--wp--preset--spacing--40, clamp(32px, 32px + var(--fluid-slope) * 8, 40px));
  --spacing-64: var(--wp--preset--spacing--80, clamp(40px, 40px + var(--fluid-slope) * 24, 64px));
  --spacing-80: var(--wp--preset--spacing--80, clamp(60px, 60px + var(--fluid-slope) * 20, 80px));
  --spacing-120: var(--wp--preset--spacing--120, clamp(80px, 80px + var(--fluid-slope) * 40, 120px));
  --content-size: var(--wp--style--global--content-size, 640px);
  --wide-size: var(--wp--style--global--wide-size, 780px);
  --border-radius-4: var(--wp--preset--border-radius--4, 4px);
  --border-radius-8: var(--wp--preset--border-radius--8, 8px);
  --border-radius-16: var(--wp--preset--border-radius--16, 16px);
  --border-radius-full: var(--wp--preset--border-radius--full, 9999px);
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-xxl: 1440px;
  --z-index-floating: 110;
  --z-index-header: 100;
  --z-index-drawer: 90;
  --header-height-desktop: 100px;
  --header-height-mobile: 50px;
}

.u-position-relative {
  position: relative !important;
}

.u-position-absolute {
  position: absolute !important;
}

.u-position-fixed {
  position: fixed !important;
}

.u-position-sticky {
  position: sticky !important;
}

.u-z-index--1 {
  z-index: -1 !important;
}

.u-z-index-0 {
  z-index: 0 !important;
}

.u-z-index-1 {
  z-index: 1 !important;
}

.u-z-index-2 {
  z-index: 2 !important;
}

.u-z-index-3 {
  z-index: 3 !important;
}

@media not (min-width: 782px) {
  .u-flex-direction-column-reverse-max-columns {
    flex-direction: column-reverse !important;
  }
}

.u-inline {
  display: inline !important;
}

.u-block {
  display: block !important;
}

.u-inline-block {
  display: inline-block !important;
}