/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-sans: "Noto Sans JP", sans-serif;
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --tw-color-blue-500: oklch(62.3% 0.214 259.815);
    --tw-color-gray-200: oklch(92.8% 0.006 264.531);
    --tw-color-gray-600: oklch(44.6% 0.03 256.802);
    --tw-color-gray-800: oklch(27.8% 0.033 256.848);
    --tw-color-gray-900: oklch(21% 0.034 264.665);
    --tw-color-white: #fff;
    --tw-spacing: 0.4rem;
    --tw-text-lg: 1.125rem;
    --tw-text-lg--line-height: calc(1.75 / 1.125);
    --tw-text-xl: 1.25rem;
    --tw-text-xl--line-height: calc(1.75 / 1.25);
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-radius-lg: 0.5rem;
    --tw-font-en: "Roboto", sans-serif;
    --tw-color-brand: #004598;
  }
}
@layer utilities {
  .tw\:container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .tw\:mx-auto {
    margin-inline: auto !important;
  }
  .tw\:-mt-2 {
    margin-top: calc(var(--tw-spacing) * -2) !important;
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:-ml-4 {
    margin-left: calc(var(--tw-spacing) * -4) !important;
  }
  .tw\:center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .tw\:hstack {
    display: flex !important;
    align-items: center !important;
    gap: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:flex {
    display: flex !important;
  }
  .tw\:hidden {
    display: none !important;
  }
  .tw\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .tw\:cursor-pointer {
    cursor: pointer !important;
  }
  .tw\:items-center {
    align-items: center !important;
  }
  .tw\:justify-center {
    justify-content: center !important;
  }
  .tw\:gap-1 {
    gap: calc(var(--tw-spacing) * 1) !important;
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg) !important;
  }
  .tw\:border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .tw\:border-brand {
    border-color: var(--tw-color-brand) !important;
  }
  .tw\:border-gray-200 {
    border-color: var(--tw-color-gray-200) !important;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white) !important;
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:p-6 {
    padding: calc(var(--tw-spacing) * 6) !important;
  }
  .tw\:px-3 {
    padding-inline: calc(var(--tw-spacing) * 3) !important;
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing) * 4) !important;
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2) !important;
  }
  .tw\:font-en {
    font-family: var(--tw-font-en) !important;
  }
  .tw\:text-lg {
    font-size: var(--tw-text-lg) !important;
    line-height: var(--tw-leading, var(--tw-text-lg--line-height)) !important;
  }
  .tw\:text-xl {
    font-size: var(--tw-text-xl) !important;
    line-height: var(--tw-leading, var(--tw-text-xl--line-height)) !important;
  }
  .tw\:textpx-12 {
    font-size: calc(12 / 10 * 1rem) !important;
  }
  .tw\:leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .tw\:font-bold {
    --tw-font-weight: var(--tw-font-weight-bold) !important;
    font-weight: var(--tw-font-weight-bold) !important;
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium) !important;
    font-weight: var(--tw-font-weight-medium) !important;
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold) !important;
    font-weight: var(--tw-font-weight-semibold) !important;
  }
  .tw\:text-brand {
    color: var(--tw-color-brand) !important;
  }
  .tw\:text-gray-600 {
    color: var(--tw-color-gray-600) !important;
  }
  .tw\:text-gray-800 {
    color: var(--tw-color-gray-800) !important;
  }
  .tw\:text-gray-900 {
    color: var(--tw-color-gray-900) !important;
  }
  .tw\:no-underline {
    text-decoration-line: none !important;
  }
  .tw\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:hover\:-ml-4 {
    &:hover {
      @media (hover: hover) {
        margin-left: calc(var(--tw-spacing) * -4) !important;
      }
    }
  }
  .tw\:hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-blue-500) !important;
      }
    }
  }
  .tw\:hover\:bg-brand {
    &:hover {
      @media (hover: hover) {
        background-color: var(--tw-color-brand) !important;
      }
    }
  }
  .tw\:hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-white) !important;
      }
    }
  }
  .tw\:focus\:-translate-y-1 {
    &:focus {
      --tw-translate-y: calc(var(--tw-spacing) * -1) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .tw\:focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .tw\:data-stt-active\:bg-brand {
    &[data-stt-active] {
      background-color: var(--tw-color-brand) !important;
    }
  }
  .tw\:data-stt-active\:text-white {
    &[data-stt-active] {
      color: var(--tw-color-white) !important;
    }
  }
  .tw\:md\:block {
    @media (width >= 48rem) {
      display: block !important;
    }
  }
  .tw\:md\:grid {
    @media (width >= 48rem) {
      display: grid !important;
    }
  }
  .tw\:md\:hidden {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .tw\:md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--tw-spacing) * 6) !important;
    }
  }
  .tw\:md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--tw-spacing) * 2) !important;
    }
  }
  .tw\:md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--tw-spacing) * 12) !important;
    }
  }
  .tw\:md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--tw-spacing) * 5) !important;
    }
  }
  .tw\:md\:textpx-14 {
    @media (width >= 48rem) {
      font-size: calc(14 / 10 * 1rem) !important;
    }
  }
  .tw\:md\:hover\:bg-blue-500 {
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--tw-color-blue-500) !important;
        }
      }
    }
  }
  .tw\:lg\:flex {
    @media (width >= 64rem) {
      display: flex !important;
    }
  }
  .tw\:lg\:focus\:ring-2 {
    @media (width >= 64rem) {
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
    }
  }
  .tw\:dark\:bg-gray-900 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--tw-color-gray-900) !important;
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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;
    }
  }
}

/*# sourceMappingURL=tailwind.css.map */