:root {
  --radius: 0.5rem;
  --ds-shadow-border: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --ds-shadow-small: 0px 1px 2px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-small: var(--ds-shadow-border), var(--ds-shadow-small);
  --ds-shadow-medium: 0px 2px 2px rgba(0, 0, 0, 0.04),
    0px 8px 8px -8px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-medium: var(--ds-shadow-border), var(--ds-shadow-medium);
  --ds-shadow-large: 0px 2px 2px rgba(0, 0, 0, 0.04),
    0px 8px 16px -4px rgba(0, 0, 0, 0.04);
  --ds-shadow-border-large: var(--ds-shadow-border), var(--ds-shadow-large);
  --ds-shadow-tooltip: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02),
    0px 4px 8px rgba(0, 0, 0, 0.04);
  --ds-shadow-menu: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02),
    0px 4px 8px -4px rgba(0, 0, 0, 0.04), 0px 16px 24px -8px rgba(0, 0, 0, 0.06);
  --ds-shadow-modal: var(--ds-shadow-border), 0px 1px 1px rgba(0, 0, 0, 0.02),
    0px 8px 16px -4px rgba(0, 0, 0, 0.04),
    0px 24px 32px -8px rgba(0, 0, 0, 0.06);
  --ds-shadow-fullscreen: var(--ds-shadow-border),
    0px 1px 1px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04),
    0px 24px 32px -8px rgba(0, 0, 0, 0.06);
  --scn-background: 0 0% 100%;
  --scn-foreground: 240 10% 3.9%;
  --scn-muted: 240 4.8% 95.9%;
  --scn-muted-foreground: 240 3.8% 46.1%;
  --scn-card: 0 0% 100%;
  --scn-card-foreground: 240 10% 3.9%;
  --scn-popover: 0 0% 100%;
  --scn-popover-foreground: 240 10% 3.9%;
  --scn-border: 240 5.9% 90%;
  --scn-input: 240 5.9% 90%;
  --scn-primary: 240 5.9% 10%;
  --scn-primary-foreground: 0 0% 98%;
  --scn-secondary: 240 4.8% 95.9%;
  --scn-secondary-foreground: 240 5.9% 10%;
  --scn-accent: 240 4.8% 95.9%;
  --scn-accent-foreground: ;
  --scn-destructive: 0 84.2% 60.2%;
  --scn-destructive-foreground: 0 0% 98%;
  --scn-warning: 35, 100%, 52%;
  --scn-warning-foreground: 0 0% 9%;
  --scn-ring: 240 5% 64.9%;
  --scn-radius: 0.5rem;
  --scn-chart-1: 173 58% 39%;
  --scn-chart-2: 12 76% 61%;
  --scn-chart-3: 197 37% 24%;
  --scn-chart-4: 43 74% 66%;
  --scn-chart-5: 27 87% 67%;
  --scn-sidebar-background: 0 0% 98%;
  --scn-sidebar-foreground: 240 5.3% 26.1%;
  --scn-sidebar-primary: 240 5.9% 10%;
  --scn-sidebar-primary-foreground: 0 0% 98%;
  --scn-sidebar-accent: 240 4.8% 95.9%;
  --scn-sidebar-accent-foreground: 240 5.9% 10%;
  --scn-sidebar-border: 220 13% 91%;
  --scn-sidebar-ring: 240 5% 64.9%;
  --background: var(--vsc-background, var(--scn-background));
  --foreground: var(--vsc-foreground, var(--scn-foreground));
  --muted: var(--vsc-muted, var(--scn-muted));
  --muted-foreground: var(--vsc-muted-foreground, var(--scn-muted-foreground));
  --card: var(--vsc-card, var(--scn-card));
  --card-foreground: var(--vsc-card-foreground, var(--scn-card-foreground));
  --popover: var(--vsc-popover, var(--scn-popover));
  --popover-foreground: var(
    --vsc-popover-foreground,
    var(--scn-popover-foreground)
  );
  --border: var(--vsc-border, var(--scn-border));
  --input: var(--vsc-input, var(--scn-input));
  --primary: var(--vsc-primary, var(--scn-primary));
  --primary-foreground: var(
    --vsc-primary-foreground,
    var(--scn-primary-foreground)
  );
  --secondary: var(--vsc-secondary, var(--scn-secondary));
  --secondary-foreground: var(
    --vsc-secondary-foreground,
    var(--scn-secondary-foreground)
  );
  --accent: var(--vsc-accent, var(--scn-accent));
  --accent-foreground: var(
    --vsc-accent-foreground,
    var(--scn-accent-foreground)
  );
  --destructive: var(--vsc-destructive, var(--scn-destructive));
  --destructive-foreground: var(
    --vsc-destructive-foreground,
    var(--scn-destructive-foreground)
  );
  --warning: var(--vsc-warning, var(--scn-warning));
  --warning-foreground: var(
    --vsc-warning-foreground,
    var(--scn-warning-foreground)
  );
  --ring: var(--vsc-ring, var(--scn-ring));
  --radius: var(--vsc-radius, var(--scn-radius));
  --chart-1: var(--vsc-chart-1, var(--scn-chart-1));
  --chart-2: var(--vsc-chart-2, var(--scn-chart-2));
  --chart-3: var(--vsc-chart-3, var(--scn-chart-3));
  --chart-4: var(--vsc-chart-4, var(--scn-chart-4));
  --chart-5: var(--vsc-chart-5, var(--scn-chart-5));
  --sidebar-background: var(
    --vsc-sidebar-background,
    var(--scn-sidebar-background)
  );
  --sidebar-foreground: var(
    --vsc-sidebar-foreground,
    var(--scn-sidebar-foreground)
  );
  --sidebar-primary: var(--vsc-sidebar-primary, var(--scn-sidebar-primary));
  --sidebar-primary-foreground: var(
    --vsc-sidebar-primary-foreground,
    var(--scn-sidebar-primary-foreground)
  );
  --sidebar-accent: var(--vsc-sidebar-accent, var(--scn-sidebar-accent));
  --sidebar-accent-foreground: var(
    --vsc-sidebar-accent-foreground,
    var(--scn-sidebar-accent-foreground)
  );
  --sidebar-border: var(--vsc-sidebar-border, var(--scn-sidebar-border));
  --sidebar-ring: var(--vsc-sidebar-ring, var(--scn-sidebar-ring));
}

*,
::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: ;
}

button:focus,
a:focus {
  outline: none !important;
}

header {
  position: sticky;
  z-index: 50;
  top: 0;
  background-color: var(--wp--preset--color--base);
  border-bottom: 1px solid #e5e7eb;
}

.header {
  padding: unset !important;
}

.header-flex {
  height: 4rem;
}

.header-logo {
  line-height: 1.75rem;
  border-radius: 0.5rem;
}

.header-logo a {
  cursor: pointer;
}

.header-logo a:hover {
  text-decoration: none;
}

.header-logo a:focus {
  outline: none !important;
}

.header-navigation a,
.header-navigation button {
  cursor: pointer;
}

.header-navigation a:hover,
.header-navigation button:hover {
  text-decoration: none;
}

.header-navigation a:focus,
.header-navigation button:focus,
.header-navigation span:focus {
  outline: none !important;
}

.header-navigation button svg {
  display: none !important;
}

.header-navigation ul.wp-block-navigation-submenu {
  animation-duration: 200ms;
  transition: unset !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-color: #e5e7eb !important;
  border-width: 1px !important;
  border-radius: var(--radius);
  margin-top: 0.5rem;
  height: auto !important;
  width: 12rem !important;
  min-width: unset !important;
  overflow: hidden !important;
}

.header-navigation ul.wp-block-navigation-submenu a {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-text-opacity: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
}

.header-navigation ul.wp-block-navigation-submenu a:hover {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--wp--preset--color--accent-1), black 60%);
  --tw-bg-opacity: 1;
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--accent-1),
    white 80%
  );
}

.popup-alert-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  transition: all;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.popup-alert-wrapper .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.2s;
}

.popup-alert-wrapper .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 298px;
  width: 100%;
  height: auto;
  z-index: 99999;
  border-radius: 6px;
  background: rgb(255, 255, 255);
  transition: 0.2s;
  padding: 26px 15px 15px;
}

.popup-alert-wrapper .container p {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 14px;
  display: block;
}

.popup-alert-wrapper .container span {
  font-weight: 400;
  font-size: 14px;
  color: rgb(102, 102, 102);
  text-align: center;
  display: block;
  line-height: 120%;
  margin-bottom: 21px;
}

.popup-alert-wrapper .flex {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

.popup-alert-wrapper .container p {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 14px;
  display: block;
}

.popup-alert-wrapper .flex .btn {
  width: 100%;
  background: var(--wp--preset--color--accent-1);
  border-radius: 6px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: 0.2s;
  margin: unset;
}

.popup-alert-wrapper .flex .btn:focus {
  outline: none !important;
}

.popup-alert-wrapper .flex .btn:hover {
  background: color-mix(in srgb, var(--wp--preset--color--accent-1), white 30%);
}

.popup-alert-wrapper .flex .btn.cancel-btn {
  background: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--contrast) !important;
}

.popup-alert-wrapper .flex .btn.cancel-btn:hover {
  background: #f4f4f5 !important;
}

.popup-alert-wrapper .flex .btn:last-child {
  background: var(--wp--preset--color--accent-1);
  color: white;
}

footer {
  margin: unset;
}

.footer-logo {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: black;
}

.footer-logo:hover {
  text-decoration: none;
}

.footer-logo a:hover {
  text-decoration: none;
}

.footer-logo a:focus,
.footer-sns-box a:focus,
.footer-item-list a:focus,
.footer-copyright a:focus {
  outline: none !important;
}

.footer-copyright {
  margin-top: 2rem;
  border-top: 1px solid #1f2937;
  padding-top: 2rem;
  color: var(--wp--preset--color--accent-6);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

@media (min-width: 770px) {
  .pc-hidden {
    display: none !important;
  }
}

@media (max-width: 1100px) {
}

@media (max-width: 770px) {
  .mo-hidden {
    display: none !important;
  }

  .header-inner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .header-logo {
    font-size: 1.25rem !important;
  }

  .header-mo-navigation button:focus {
    outline: none !important;
  }

  .header-mo-navigation #modal-1 {
    height: fit-content;
    top: 4rem;
    padding-top: unset;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: unset;
  }

  .header-mo-navigation
    #modal-1
    .wp-block-navigation__responsive-container-close {
    position: fixed;
    top: -44px;
    right: 1rem;
    background-color: white;
  }

  .header-mo-navigation #modal-1 .wp-block-navigation__responsive-close {
    border-top: 1px solid #e5e7eb;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header-mo-navigation
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    padding-top: 1rem;
  }
}