/*! 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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: YakuHanJP, Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-white: #fff;
    --spacing: .25rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: inherit;
    --text-sm: .875rem;
    --text-sm--line-height: inherit;
    --text-base: 1rem;
    --text-base--line-height: inherit;
    --text-lg: 1.125rem;
    --text-lg--line-height: inherit;
    --text-xl: 1.25rem;
    --text-xl--line-height: inherit;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: inherit;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: inherit;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --radius-sm: .25rem;
    --radius-lg: .5rem;
    --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);
    --color-theme-main-dark: #4f407d;
    --color-theme-gray-light: #e6e6e6;
    --color-theme-gray: #e4e7ed;
    --font-system: YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", "Helvetica Neue", Arial, sans-serif;
    --font-osward: "Oswald", sans-serif;
  }
}

@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 {
  .\@container, .container-point {
    container-type: inline-size;
  }

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .arrow-top-shape {
    padding-top: 8cqw;
    position: relative;
  }

  .arrow-top-shape:after {
    content: "";
    z-index: 0;
    aspect-ratio: 320 / 70;
    block-size: 4.8125cqw;
    inline-size: 22cqw;
    position: absolute;
    top: -1px;
    left: calc(50% - 11cqw);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 70\"><polygon points=\"160 69 0 0 320 0 160 69\"/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 70\"><polygon points=\"160 69 0 0 320 0 160 69\"/></svg>");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .right-container {
    z-index: 20;
    height: 100dvh;
    display: none;
    position: relative;
  }

  @media (min-width: 1200px) {
    .right-container {
      display: block;
    }
  }

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

  .button {
    padding: .8em 1.2em;
    position: relative;
    box-shadow: 0 5px #e85163;
  }

  @media (hover: hover) {
    .button {
      transition: all .2s;
    }

    .button:hover {
      translate: 0 3px;
      box-shadow: 0 2px #e85163;
    }
  }

  .button :where(svg) {
    display: inline;
  }

  .left-container {
    position: relative;
    container: left-container / inline-size;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

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

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

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

  .bottom-\[2cqw\] {
    bottom: 2cqw;
  }

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

  .left-\[4cqw\] {
    left: 4cqw;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .\!container {
    width: 100% !important;
  }

  @media (min-width: 480px) {
    .\!container {
      max-width: 480px !important;
    }
  }

  @media (min-width: 1200px) {
    .\!container {
      max-width: 1200px !important;
    }
  }

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

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

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

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

  .container {
    width: 100%;
  }

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

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

  @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: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

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

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

  .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-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-\[\.5cqw\] {
    margin-top: .5cqw;
  }

  .mt-\[1cqw\] {
    margin-top: 1cqw;
  }

  .mt-\[11\.2cqw\] {
    margin-top: 11.2cqw;
  }

  .-mb-\[14\.5cqw\] {
    margin-bottom: -14.5cqw;
  }

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

  .ml-\[4\.2cqw\] {
    margin-left: 4.2cqw;
  }

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

  @media (min-width: 1200px) {
    .container-wrapper {
      display: grid;
    }
  }

  .container-wrapper {
    grid-template-columns: 1fr 350px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

  .aspect-\[3\/1\] {
    aspect-ratio: 3;
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[13\/6\] {
    aspect-ratio: 13 / 6;
  }

  .aspect-\[19\/8\] {
    aspect-ratio: 19 / 8;
  }

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

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

  .h-\[1lh\] {
    height: 1lh;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .min-h-\[5\.2rem\] {
    min-height: 5.2rem;
  }

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

  .w-\[1\.2em\] {
    width: 1.2em;
  }

  .w-\[15cqw\] {
    width: 15cqw;
  }

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

  .w-full {
    width: 100%;
  }

  .max-w-1\/2 {
    max-width: 50%;
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

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

  .max-w-\[33\.33cqw\] {
    max-width: 33.33cqw;
  }

  .max-w-\[89\.3cqw\] {
    max-width: 89.3cqw;
  }

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

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

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

  .max-w-full {
    max-width: 100%;
  }

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

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

  .flex-grow {
    flex-grow: 1;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .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-manipulation {
    touch-action: manipulation;
  }

  .resize {
    resize: both;
  }

  .list-disc {
    list-style-type: disc;
  }

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

  .grid-cols-auto-2 {
    grid-template-columns: repeat(2, auto);
  }

  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }

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

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

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

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

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

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

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

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

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

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

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

  .gap-x-\[1\.5cqw\] {
    column-gap: 1.5cqw;
  }

  .gap-x-\[3\.5cqw\] {
    column-gap: 3.5cqw;
  }

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

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

  .gap-y-\[4cqw\] {
    row-gap: 4cqw;
  }

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

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

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

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

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

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

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

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

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

  .bg-theme-gray-light {
    background-color: var(--color-theme-gray-light);
  }

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

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .theme-gradient {
    --tw-gradient-stops: to left, #632e7b 0%, #74428e 52%, #8455a0 100%;
  }

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

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

  .object-top {
    object-position: top;
  }

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

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

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

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

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

  .px-\[4\.5cqw\] {
    padding-inline: 4.5cqw;
  }

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

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

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

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

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

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

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

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

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

  .py-\[\.25em\] {
    padding-block: .25em;
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

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

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

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

  .pt-\[\.75em\] {
    padding-top: .75em;
  }

  .pr-\[2\%\] {
    padding-right: 2%;
  }

  .pr-\[13\.5cqw\] {
    padding-right: 13.5cqw;
  }

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

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

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

  .pb-\[12cqw\] {
    padding-bottom: 12cqw;
  }

  .pb-\[18cqw\] {
    padding-bottom: 18cqw;
  }

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

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

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

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

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

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

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

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

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

  .text-\[1\.2em\] {
    font-size: 1.2em;
  }

  .text-\[1\.4em\] {
    font-size: 1.4em;
  }

  .text-\[1\.7em\] {
    font-size: 1.7em;
  }

  .text-\[1\.65em\] {
    font-size: 1.65em;
  }

  .text-\[2\.9cqw\] {
    font-size: 2.9cqw;
  }

  .text-\[2\.75em\] {
    font-size: 2.75em;
  }

  .text-\[2cqw\] {
    font-size: 2cqw;
  }

  .text-\[3\.75cqw\] {
    font-size: 3.75cqw;
  }

  .text-\[4\.1cqw\] {
    font-size: 4.1cqw;
  }

  .text-\[5\.86cqw\] {
    font-size: 5.86cqw;
  }

  .text-\[16cqw\] {
    font-size: 16cqw;
  }

  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

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

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

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-keep {
    word-break: keep-all;
  }

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

  .text-theme-main-dark {
    color: var(--color-theme-main-dark);
  }

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

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 4px 15px 3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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);
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .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-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .bg-flag {
    background: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2082%20109'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3clinearGradient%20id='a'%20gradientUnits='userSpaceOnUse'%20x1='.5'%20x2='70.64'%20y1='54.5'%20y2='54.5'%3e%3cstop%20offset='0'%20stop-color='%23703ba0'/%3e%3cstop%20offset='1'%20stop-color='%23501a7b'/%3e%3c/linearGradient%3e%3cg%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m70.64.5h-6.69-56.76-6.69v108l34.53-19.67%2035.61%2019.67v-77.7z'%20fill='url(%23a)'/%3e%3cpath%20d='m70.64.54v30.29h10.86z'%20fill='url(%23a)'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;
  }

  .after\:bg-theme-gray-light:after {
    content: var(--tw-content);
    background-color: var(--color-theme-gray-light);
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

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

  @media (hover: hover) {
    .hover\:underline:where(:any-link, :enabled, summary):hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-70:where(:any-link, :enabled, summary):hover {
      opacity: .7;
    }

    .hover\:opacity-75:where(:any-link, :enabled, summary):hover {
      opacity: .75;
    }

    .hover\:opacity-80:where(:any-link, :enabled, summary):hover {
      opacity: .8;
    }
  }

  @media (min-width: 1200px) {
    .xl\:fixed {
      position: fixed;
    }

    .xl\:hidden {
      display: none;
    }

    .xl\:max-h-dvh {
      max-height: 100dvh;
    }

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

  @media (min-width: 40rem) {
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

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

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

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @container (min-width: 480px) {
    .\@\[480px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@\[480px\]\:grid-cols-auto-4 {
      grid-template-columns: repeat(4, auto);
    }

    .\@\[480px\]\:text-\[\.9375rem\] {
      font-size: .9375rem;
    }
  }

  @container (min-width: 500px) {
    .\@\[500px\]\:hidden {
      display: none;
    }
  }

  @container (min-width: 540px) {
    .\@\[540px\]\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .\@\[540px\]\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .\@\[540px\]\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .\@\[540px\]\:text-\[\.8125rem\] {
      font-size: .8125rem;
    }
  }

  @container (min-width: 640px) {
    .\@\[640px\]\:col-start-2 {
      grid-column-start: 2;
    }

    .\@\[640px\]\:row-start-1 {
      grid-row-start: 1;
    }

    .\@\[640px\]\:-mb-\[9\.5cqw\] {
      margin-bottom: -9.5cqw;
    }

    .\@\[640px\]\:aspect-\[17\/9\] {
      aspect-ratio: 17 / 9;
    }

    .\@\[640px\]\:size-full {
      width: 100%;
      height: 100%;
    }

    .\@\[640px\]\:w-\[9\.9cqw\] {
      width: 9.9cqw;
    }

    .\@\[640px\]\:grid-cols-\[1fr_31\.9cqw\] {
      grid-template-columns: 1fr 31.9cqw;
    }

    .\@\[640px\]\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }

    .\@\[640px\]\:object-contain {
      object-fit: contain;
    }

    .\@\[640px\]\:px-\[2cqw\] {
      padding-inline: 2cqw;
    }

    .\@\[640px\]\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .\@\[640px\]\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .\@\[640px\]\:text-\[\.8125rem\] {
      font-size: .8125rem;
    }

    .\@\[640px\]\:text-\[1\.375rem\] {
      font-size: 1.375rem;
    }

    .\@\[640px\]\:clip-diagonal {
      clip-path: polygon(0 0, 100% 0, calc(100% - 1.25rem) 100%, 0% 100%);
    }
  }

  @container (min-width: 768px) {
    .\@\[768px\]\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .\@\[768px\]\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .\@\[768px\]\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .\@\[768px\]\:mt-\[\.2cqw\] {
      margin-top: .2cqw;
    }

    .\@\[768px\]\:mt-\[\.25cqw\] {
      margin-top: .25cqw;
    }

    .\@\[768px\]\:mt-\[2cqw\] {
      margin-top: 2cqw;
    }

    .\@\[768px\]\:ml-\[11\.5cqw\] {
      margin-left: 11.5cqw;
    }

    .\@\[768px\]\:block {
      display: block;
    }

    .\@\[768px\]\:hidden {
      display: none;
    }

    .\@\[768px\]\:aspect-\[2\/1\] {
      aspect-ratio: 2;
    }

    .\@\[768px\]\:aspect-\[255\/166\] {
      aspect-ratio: 255 / 166;
    }

    .\@\[768px\]\:max-w-\[38\.5cqw\] {
      max-width: 38.5cqw;
    }

    .\@\[768px\]\:max-w-\[40cqw\] {
      max-width: 40cqw;
    }

    .\@\[768px\]\:max-w-\[320px\] {
      max-width: 320px;
    }

    .\@\[768px\]\:max-w-none {
      max-width: none;
    }

    .\@\[768px\]\:grid-cols-\[7fr_5fr\] {
      grid-template-columns: 7fr 5fr;
    }

    .\@\[768px\]\:grid-cols-\[17\.3cqw_1fr\] {
      grid-template-columns: 17.3cqw 1fr;
    }

    .\@\[768px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .\@\[768px\]\:pr-\[8\%\] {
      padding-right: 8%;
    }

    .\@\[768px\]\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .\@\[768px\]\:pb-\[5cqw\] {
      padding-bottom: 5cqw;
    }

    .\@\[768px\]\:pl-\[6\%\] {
      padding-left: 6%;
    }

    .\@\[768px\]\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .\@\[768px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .\@\[768px\]\:text-\[1\.6cqw\] {
      font-size: 1.6cqw;
    }

    .\@\[768px\]\:text-\[1\.7em\] {
      font-size: 1.7em;
    }

    .\@\[768px\]\:text-\[1\.18cqw\] {
      font-size: 1.18cqw;
    }

    .\@\[768px\]\:text-\[1\.75cqw\] {
      font-size: 1.75cqw;
    }

    .\@\[768px\]\:text-\[1\.75rem\] {
      font-size: 1.75rem;
    }

    .\@\[768px\]\:text-\[1\.1875rem\] {
      font-size: 1.1875rem;
    }

    .\@\[768px\]\:text-\[2\.5cqw\] {
      font-size: 2.5cqw;
    }

    .\@\[768px\]\:leading-normal {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }
  }

  @container (min-width: 840px) {
    .\@\[840px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }
}

@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-leading {
  syntax: "*";
  inherits: false
}

@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-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
/*! 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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}

@layer base {
  :where(main) {
    --tw-leading: var(--leading-relaxed, 1.75);
    line-height: var(--leading-relaxed, 1.75);
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
    --tw-tracking: var(--tracking-wider, .05em);
    letter-spacing: var(--tracking-wider, .05em);
    text-underline-offset: 2px;
  }

  :where(main) :where(p) {
    --tw-leading: var(--leading-loose, 2);
    line-height: var(--leading-loose, 2);
  }

  :where(svg) {
    fill: currentColor;
  }

  :root:has(:modal) {
    overflow: hidden;
  }

  :root ::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color);
  }

  :root ::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color);
  }

  :root * {
    min-inline-size: 0;
  }

  :root dialog {
    overscroll-behavior-block: contain;
    transition-behavior: allow-discrete;
    border-radius: var(--radius-lg, .5rem);
    margin: auto;
    transition-property: display, overlay, opacity;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    position: fixed;
    inset: 0;
  }

  @media (min-width: 1200px) {
    :root dialog {
      all: unset;
      width: 100%;
      height: auto;
      display: block;
      position: static;
    }
  }

  :root dialog::backdrop {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: inherit;
    background-color: oklch(0% 0 0 / .5);
  }

  @media (min-width: 1200px) {
    :root dialog::backdrop {
      display: none;
    }
  }

  @starting-style {
    :root dialog:modal {
      opacity: 0;
    }

    :root dialog:modal::backdrop {
      opacity: 0;
    }
  }

  :root dialog:not(:modal) {
    opacity: 0;
    pointer-events: none;
  }

  :root dialog:not(:modal)::backdrop {
    opacity: 0;
    pointer-events: none;
  }
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
header {
  z-index: 10;
  color: #04213d;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  font-family: YuGothic, 游ゴシック体, Yu Gothic, 游ゴシック, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  position: relative;
  box-shadow: 0 3px 11px -5px #0000004d;
  container: header / inline-size;
}

:where(header) h2 {
  font-weight: bold;
}

:where(header).lnst {
  z-index: 20;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
}

#globalnav {
  box-sizing: border-box;
  background-color: #043077;
  width: 100%;
  height: 60px;
  padding: 0 15px 0 0;
  display: table;
  overflow: hidden;
}

@container header (max-width: 1139px) {
  #globalnav {
    display: none;
  }
}

:where(#globalnav) a {
  color: #fff;
  letter-spacing: .3px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 60px;
  transition: opacity .3s;
  display: block;
}

:where(#globalnav) a:hover {
  opacity: .7;
  text-decoration: none;
}

:where(#globalnav) p {
  vertical-align: middle;
  color: #fff;
  padding: 0 0 0 30px;
  display: table-cell;
}

:where(#globalnav) nav {
  vertical-align: middle;
  text-align: right;
  padding: 0;
  display: table-cell;
}

:where(#globalnav) ul {
  letter-spacing: -.4em;
  display: block;
}

:where(#globalnav) li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

#localnav {
  width: 100%;
  height: 80px;
  display: table;
}

@container header (max-width: 767px) {
  #localnav {
    width: 100%;
    height: 60px;
    display: table;
  }
}

:where(#localnav) nav {
  vertical-align: middle;
  text-align: right;
  padding: 0;
  display: table-cell;
}

@container header (min-width: 1140px) and (max-width: 1325px) {
  :where(#localnav) nav {
    letter-spacing: -1px;
  }
}

@container header (max-width: 1139px) {
  :where(#localnav) nav {
    display: none;
  }
}

:where(#localnav) ul {
  letter-spacing: -.4em;
  padding: 0 10px 0 0;
  display: block;
}

:where(#localnav) li {
  vertical-align: middle;
  margin: 0;
  display: inline-block;
}

:where(#localnav) :where(li) span {
  vertical-align: top;
  line-height: 80px;
}

:where(#localnav) :where(li) > a {
  letter-spacing: 0;
  color: #04213d;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 80px;
  transition: background-color .3s;
  display: block;
}

:where(#localnav) :where(li) > a:hover {
  background-color: #e0e9ee;
  text-decoration: none;
}

:where(#localnav) :where(li) > :where(a) span {
  padding: 0 20px;
  display: block;
  position: relative;
}

@container header (min-width: 1140px) and (max-width: 1325px) {
  :where(#localnav) :where(li) > :where(a) span {
    padding: 0 15px;
  }
}

:where(#localnav) :where(li) > :where(a) span:before {
  content: "";
  background: #999;
  width: 2px;
  height: 25%;
  position: absolute;
  top: 37.5%;
  right: -1px;
}

:where(#localnav) :where(li) > :where(a) span.last:before {
  display: none;
}

:where(#localnav) :where(li) > .lv01 {
  letter-spacing: 0;
  color: #04213d;
  cursor: pointer;
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 80px;
  transition: background-color .3s;
  display: block;
}

:where(#localnav) :where(li) > .lv01:hover {
  background-color: #e0e9ee;
  text-decoration: none;
}

:where(#localnav) :where(li) a svg {
  vertical-align: middle;
  width: 14px;
  max-height: 80px;
  margin: -3px 4px 0 0;
}

:where(#localnav) :where(li):last-of-type > a:hover {
  opacity: .7;
  background: none;
}

:where(#localnav) .mmenu {
  text-align: left;
  letter-spacing: 1px;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  background: #e0e9ee;
  width: 100%;
  padding: 0;
  transition: all .1s;
  position: absolute;
  top: 80px;
  left: 0;
  box-shadow: 0 3px 10px -6px #0000004d;
}

:where(#localnav) .mmenu_inner {
  padding: 50px 0 28px;
  box-shadow: inset 0 3px 10px -6px #0000004d;
}

:where(#localnav) .wrap {
  width: 1140px;
  margin: 0 auto;
}

@container header (max-width: 1190px) {
  :where(#localnav) .wrap {
    width: 100%;
  }
}

:where(#localnav) .mmenubox01 {
  width: 100%;
  padding: 0;
  display: table;
}

:where(#localnav) :where(.mmenubox01) h2 {
  vertical-align: top;
  text-align: left;
  color: #04213d;
  width: 260px;
  font-size: 24px;
  line-height: 36px;
  display: table-cell;
}

@container header (min-width: 1140px) and (max-width: 1325px) {
  :where(#localnav) :where(.mmenubox01) h2 {
    box-sizing: border-box;
    width: 240px;
    padding: 0 0 0 20px;
    font-size: 20px;
  }
}

:where(#localnav) :where(.mmenubox01body) {
  letter-spacing: -.4em;
  display: table-cell;
}

:where(#localnav) :where(.mmenubox01body) .catimg {
  letter-spacing: .05em;
  width: 204px;
  margin: 0 20px 0 0;
  transition: opacity .3s;
  display: inline-block;
}

@container header (min-width: 1140px) and (max-width: 1325px) {
  :where(#localnav) :where(.mmenubox01body) .catimg {
    padding: 0;
  }
}

:where(#localnav) :where(.mmenubox01body) .catimg:hover {
  opacity: .6;
  text-decoration: none;
}

:where(#localnav) :where(.mmenubox01body) .catimg:nth-of-type(4n) {
  margin: 0;
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dl {
  width: 204px;
  display: block;
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dl img {
  width: 100%;
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dd {
  color: #04213d;
  padding: 18px 0 30px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.1;
  position: relative;
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dd:after {
  content: "";
  vertical-align: middle;
  border-top: 2px solid #04213d;
  border-right: 2px solid #04213d;
  width: 6px;
  height: 6px;
  margin: 0 0 3px 6px;
  display: inline-block;
  transform: rotate(45deg);
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dd span {
  line-height: 14px;
}

:where(#localnav) :where(.mmenubox01body) :where(.catimg) dd em {
  display: none;
}

:where(#localnav) :where(.mmenubox01body) p {
  margin: 0 20px 0 0;
}

:where(#localnav) .mmenu_on:hover {
  transition: all .3s;
}

:where(#localnav) .mmenu_on:hover .mmenu {
  visibility: visible;
  opacity: 1;
  top: 80px;
}

#head_download {
  vertical-align: middle;
  padding: 0 0 0 20px;
}

#head_download a {
  color: #fff;
  text-align: center;
  background-color: #04213d;
  border-radius: 20px;
  width: 144px;
  height: 35px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  transition: all .3s;
  display: inline-block;
}

#pasonalogo {
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  width: 515px;
  margin: 0;
  padding: 0 0 0 30px;
  display: table-cell;
}

@container header (max-width: 1139px) {
  #pasonalogo {
    width: auto;
  }
}

@container header (max-width: 767px) {
  #pasonalogo {
    padding: 1px 0 0 4%;
    font-size: 0;
    line-height: 0;
  }
}

:where(#pasonalogo) a {
  color: #04213d;
  transition: all .3s;
  display: table;
}

:where(#pasonalogo) :where(a) span {
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 20px 0 0;
  display: table-cell;
}

@container header (max-width: 767px) {
  :where(#pasonalogo) :where(a) span {
    padding: 0 10px 0 0;
  }
}

:where(#pasonalogo) :where(a) span img {
  width: 185px;
}

@container header (max-width: 767px) {
  :where(#pasonalogo) :where(a) span img {
    width: 75px;
  }
}

:where(#pasonalogo) :where(a) strong {
  vertical-align: middle;
  font-feature-settings: "palt";
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  display: table-cell;
}

@container header (max-width: 767px) {
  :where(#pasonalogo) :where(a) strong {
    vertical-align: middle;
    letter-spacing: 0;
    padding: 0 40px 0 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
}

:where(#pasonalogo) :where(a):hover {
  opacity: .7;
  text-decoration: none;
}

#head_contact {
  vertical-align: middle;
  box-sizing: border-box;
  width: 164px;
  padding: 0 20px 0 0;
  transition: opacity .3s;
  display: table-cell;
}

@container header (max-width: 1325px) {
  #head_contact {
    width: 150px;
  }
}

@container header (max-width: 1139px) {
  #head_contact {
    vertical-align: middle;
    background-color: #ca0a13;
    width: 130px;
    padding: 0;
    display: table-cell;
  }
}

@container header (max-width: 767px) {
  #head_contact {
    width: 60px;
  }
}

:where(#head_contact) a {
  color: #fff;
  text-align: center;
  background-color: #ca0a13;
  border-radius: 20px;
  height: 35px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  display: block;
}

@container header (max-width: 1139px) {
  :where(#head_contact) a {
    border-radius: 0;
    place-content: center;
    height: 100%;
    font-size: 16px;
    line-height: 1.3;
    display: grid;
  }
}

@container header (max-width: 767px) {
  :where(#head_contact) a {
    font-size: 12px;
  }
}

:where(#head_contact):hover {
  opacity: .8;
}

:where(#head_contact):hover a {
  text-decoration: none;
}

#head_menu {
  touch-action: manipulation;
  display: none;
}

@container header (max-width: 1139px) {
  #head_menu {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background: url("https://www.pasona.co.jp/clients/service/assets/js_assets/images/common/menu.svg") center / 50% no-repeat;
    width: 80px;
    display: table-cell;
  }
}

@container header (max-width: 767px) {
  #head_menu {
    background-size: 45%;
    width: 60px;
  }
}

#hrlist_inner .wrap ul.locallink li a span {
  display: none;
}

.is-animation {
  transition: transform .5s;
  transform: translateY(0);
}

.is-animation02 {
  transition: transform .2s;
  transform: translateY(0);
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
footer[data-astro-cid-l3trhy4j] {
  background: #091e38;
  padding: 0;
  font-size: .875rem;
  font-weight: 300;
  line-height: 72px;
}

footer[data-astro-cid-l3trhy4j] .inner[data-astro-cid-l3trhy4j] {
  width: 100%;
  display: table;
}

footer[data-astro-cid-l3trhy4j] .address[data-astro-cid-l3trhy4j] {
  text-align: left;
  color: #fff;
  width: 50%;
  padding: 0 0 0 30px;
  font-size: 12px;
  font-style: normal;
  display: table-cell;
}

footer[data-astro-cid-l3trhy4j] .fbtnarea01sp[data-astro-cid-l3trhy4j] {
  display: none;
}

footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] {
  text-align: right;
  width: 50%;
  padding: 0;
  display: table-cell;
}

footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] {
  margin: 0;
}

footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j] {
  padding: 0 30px 0 0;
  display: inline-block;
}

footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j] a[data-astro-cid-l3trhy4j] {
  color: #fff;
}

@container (min-width: 1140px) and (max-width: 1190px) {
  footer[data-astro-cid-l3trhy4j] .fwrap[data-astro-cid-l3trhy4j] {
    width: 96%;
  }
}

@container (min-width: 768px) and (max-width: 1139px) {
  footer[data-astro-cid-l3trhy4j] .fwrap[data-astro-cid-l3trhy4j] {
    width: 96%;
  }

  footer[data-astro-cid-l3trhy4j] nav[data-astro-cid-l3trhy4j] {
    width: 100%;
    display: block;
  }

  footer[data-astro-cid-l3trhy4j] nav[data-astro-cid-l3trhy4j] span[data-astro-cid-l3trhy4j] {
    width: 90%;
  }
}

@container (max-width: 767px) {
  footer[data-astro-cid-l3trhy4j] {
    background: #142c4d;
    padding: 0;
    font-size: .765625rem;
  }

  footer[data-astro-cid-l3trhy4j] .inner[data-astro-cid-l3trhy4j] {
    flex-direction: column-reverse;
    width: 100%;
    display: flex;
  }

  footer[data-astro-cid-l3trhy4j] .address[data-astro-cid-l3trhy4j] {
    text-align: center;
    color: #fff;
    background: #091e38;
    width: 100%;
    padding: 0;
    font-size: 12px;
    font-style: normal;
    display: block;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] {
    text-align: center;
    width: 100%;
    padding: 0;
    display: block;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] {
    margin: 0;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j] {
    padding: 0 30px 0 0;
    display: inline-block;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j]:nth-of-type(2) {
    padding: 0;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j] a[data-astro-cid-l3trhy4j] {
    color: #fff;
  }

  footer[data-astro-cid-l3trhy4j] .ul_ma[data-astro-cid-l3trhy4j] ul[data-astro-cid-l3trhy4j] li[data-astro-cid-l3trhy4j] a[data-astro-cid-l3trhy4j]:hover {
    text-decoration: none;
  }
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
#ovmenu {
  z-index: 20;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  width: 100cqw;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

#ovmenu[data-nav-open="true"] {
  display: block;
}

#ovmenu .menulv01 {
  border-bottom: 1px solid #69758c;
  margin: 0;
  padding: 0;
  display: block;
}

#ovmenu .menulv01 a {
  color: #04213d;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu .menulv01 a:hover {
  opacity: .6;
  text-decoration: none;
}

#ovmenu .menulv01 a:after {
  content: "";
  vertical-align: middle;
  border-top: 3px solid #04213d;
  border-right: 3px solid #04213d;
  width: 12px;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  transform: rotate(45deg);
}

#ovmenu .menulv01 a svg {
  vertical-align: middle;
  fill: #fff;
  width: 14px;
  max-height: 80px;
  margin: -3px 4px 0 0;
}

#ovmenu .menulv01 span {
  color: #04213d;
  letter-spacing: 1px;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu .menulv01 span:before, #ovmenu .menulv01 span:after {
  content: "";
  background-color: #04213d;
  width: 20px;
  height: 3px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%);
}

#ovmenu .menulv01 span:before {
  width: 3px;
  height: 20px;
  right: 37px;
}

#ovmenu .menulv01[aria-expanded="true"] span:before {
  display: none;
}

#ovmenu .menulv02 {
  margin: 0;
  display: none;
}

#ovmenu .menulv02 ul {
  display: block;
}

#ovmenu .menulv02 ul li {
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #69758c;
  width: 50%;
  display: block;
}

#ovmenu .menulv02 ul li:nth-of-type(odd) {
  border-right: 1px solid #69758c;
}

#ovmenu .menulv02 ul li.full {
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #69758c;
  width: 100%;
  display: block;
}

#ovmenu .menulv02 ul li.br0 {
  border-right: 0 !important;
}

#ovmenu .menulv02 ul li.br1 {
  border-right: 1px solid #69758c;
}

#ovmenu .menulv02 ul li.full01 {
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #69758c;
  border-right: 0;
  width: 100%;
  display: block;
}

#ovmenu .menulv02 ul li a {
  letter-spacing: 1px;
  color: #04213d;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu .menulv02 ul li a .spbr {
  display: none;
}

#ovmenu .menulv02 ul li a:hover {
  opacity: .6;
  text-decoration: none;
}

#ovmenu .menulv02 ul li a:after {
  content: "";
  vertical-align: middle;
  border-top: 3px solid #04213d;
  border-right: 3px solid #04213d;
  width: 12px;
  height: 12px;
  margin: auto 0;
  position: absolute;
  inset: 0 35px 0 auto;
  transform: rotate(45deg);
}

#ovmenu .menulv02 ul li.full a {
  letter-spacing: 1px;
  height: 70px;
  padding: 7px 30px 0;
  font-size: 1.25rem;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu .menulv02 ul li.full:nth-of-type(odd) {
  border-right: 0;
}

#ovmenu .menulv02 ul li.full01 a {
  letter-spacing: 1px;
  box-sizing: border-box;
  color: #04213d;
  height: 70px;
  padding: 22px 30px 0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4;
  display: block;
  position: relative;
}

#ovmenu .menulv02 ul li span {
  letter-spacing: 1px;
  color: #04213d;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu .menulv02 .menuttl {
  letter-spacing: 1px;
  color: #000;
  font-feature-settings: "palt";
  border-bottom: 1px solid #69758c;
  padding: 0 30px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 70px;
  display: block;
  position: relative;
}

#ovmenu_inner {
  height: 100%;
  position: relative;
  overflow: hidden auto;
}

#ovmenu_head {
  border-bottom: 1px solid #69758c;
  width: 100%;
  height: 80px;
  display: table;
}

#ovmenubtnarea {
  padding: 40px 30px;
}

#ovmenubtnarea p {
  margin: 0 0 20px;
}

#ovmenubtnarea p a {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background: #04213d;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 64px;
  display: block;
}

#ovmenubtnarea p a:hover {
  opacity: .7;
  text-decoration: none;
}

#ovmenubtnarea p a span {
  vertical-align: middle;
}

#ovmenubtnarea p.btn01 a {
  background: #ca0a13;
}

#ovmenubtnarea p.btn02 a {
  background: #043077;
}

#pasonalogo_drawer {
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  padding: 0 0 0 30px;
  display: table-cell;
}

#pasonalogo_drawer a {
  color: #04213d;
  line-height: 1;
  transition: all .3s;
  display: table;
}

#pasonalogo_drawer a span {
  box-sizing: border-box;
  padding: 0 20px 0 0;
  display: table-cell;
}

#pasonalogo_drawer a span img {
  width: 120px;
}

#pasonalogo_drawer a strong {
  vertical-align: middle;
  font-feature-settings: "palt";
  padding: 0;
  font-size: 22px;
  font-weight: bold;
  display: table-cell;
}

#head_menu_close {
  touch-action: manipulation;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: url("https://www.pasona.co.jp/clients/service/assets/images/common/icon_close.png") center / 33% no-repeat;
  width: 80px;
  display: table-cell;
}

@container left-container (max-width: 767px) {
  #ovmenu_head {
    width: 100%;
    height: 60px;
    display: table;
  }

  #ovmenu_head p a {
    color: #04213d;
  }

  #ovmenu_head #head_menu_close {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background: url("https://www.pasona.co.jp/clients/service/assets/images/common/icon_close.png") center / 33% no-repeat;
    width: 60px;
    display: table-cell;
  }

  #pasonalogo_drawer {
    width: auto;
    padding: 1px 0 0 4%;
    font-size: 0;
    line-height: 0;
  }

  #pasonalogo_drawer a span {
    padding: 0 10px 0 0;
  }

  #pasonalogo_drawer a img {
    width: 75px;
  }

  #pasonalogo_drawer a strong {
    vertical-align: middle;
    letter-spacing: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
  }

  #ovmenu .menulv01 {
    border-bottom: 1px solid #69758c;
    margin: 0;
    padding: 0;
    display: block;
  }

  #ovmenu .menulv01 a {
    color: #04213d;
    padding: 25px 4%;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv01 a:hover {
    opacity: .6;
    text-decoration: none;
  }

  #ovmenu .menulv01 a:after {
    content: "";
    vertical-align: middle;
    border-top: 2px solid #04213d;
    border-right: 2px solid #04213d;
    width: 7px;
    height: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 29px;
    transform: rotate(45deg);
  }

  #ovmenu .menulv01 span {
    color: #04213d;
    padding: 25px 4%;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv01 span:before, #ovmenu .menulv01 span:after {
    content: "";
    background-color: #04213d;
    width: 12px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(-50%, -50%);
  }

  #ovmenu .menulv01 span:before {
    width: 2px;
    height: 12px;
    right: 29px;
  }

  #ovmenu .menulv01[aria-expanded="true"] span:before {
    display: none;
  }

  #ovmenu .menulv01.ac_link {
    position: relative;
  }

  #ovmenu .menulv01.ac_link a {
    box-sizing: border-box;
    width: 83.5%;
  }

  #ovmenu .menulv01.ac_link a:after {
    display: none;
  }

  #ovmenu .menulv01.ac_link span {
    box-sizing: border-box;
    width: 16.5%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  #ovmenu .menulv02 {
    margin: 0;
    display: none;
  }

  #ovmenu .menulv02 ul {
    display: block;
  }

  #ovmenu .menulv02 ul li {
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #69758c;
    width: 50%;
    display: block;
  }

  #ovmenu .menulv02 ul li:nth-of-type(odd) {
    border-right: 1px solid #69758c;
  }

  #ovmenu .menulv02 ul li a {
    color: #04213d;
    font-feature-settings: "palt";
    box-sizing: border-box;
    height: 69px;
    padding: 25px 8%;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv02 ul li a .spbr {
    display: inline;
  }

  #ovmenu .menulv02 ul li a.spline01 {
    color: #04213d;
    font-feature-settings: "palt";
    padding: 16px 8%;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv02 ul li a:hover {
    opacity: .6;
    text-decoration: none;
  }

  #ovmenu .menulv02 ul li a:after {
    content: "";
    vertical-align: middle;
    border-top: 2px solid #04213d;
    border-right: 2px solid #04213d;
    width: 7px;
    height: 7px;
    margin: auto 0;
    position: absolute;
    inset: 0 29px 0 auto;
    transform: rotate(45deg);
  }

  #ovmenu .menulv02 .menuttl {
    border-bottom: 1px solid #69758c;
    padding: 25px 4%;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: block;
  }

  #ovmenu .menulv02 ul li.full {
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #69758c;
    width: 100%;
    display: block;
  }

  #ovmenu .menulv02 ul li.full a {
    color: #04213d;
    height: auto;
    padding: 25px 4%;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv02 ul li.full:nth-of-type(odd) {
    border-right: 0;
  }

  #ovmenu .menulv02 ul li.full01 {
    float: none;
    box-sizing: border-box;
    border-bottom: 1px solid #69758c;
    border-right: 0;
    width: 100%;
    display: block;
  }

  #ovmenu .menulv02 ul li.full01 a {
    color: #04213d;
    height: auto;
    padding: 25px 4%;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: block;
    position: relative;
  }

  #ovmenu .menulv02 ul li span {
    letter-spacing: 1px;
    box-sizing: border-box;
    color: #04213d;
    height: 69px;
    padding: 0 30px;
    font-size: 1.25rem;
    font-weight: 600;
    display: block;
    position: relative;
  }

  #ovmenubtnarea {
    padding: 30px 4%;
  }

  #ovmenubtnarea p {
    margin: 0 0 15px;
  }

  #ovmenubtnarea p a {
    color: #fff;
    text-align: center;
    background: #04213d;
    padding: 15px 4%;
    font-size: .875rem;
    font-weight: 600;
    line-height: 24px;
    display: block;
  }

  #ovmenubtnarea p a:hover {
    opacity: .7;
    text-decoration: none;
  }

  #ovmenubtnarea p a span {
    vertical-align: middle;
  }

  #ovmenubtnarea p.btn01 a {
    background: #ca0a13;
  }

  #ovmenubtnarea p.btn02 a {
    background: #04213d;
  }
}

button.menulv01 {
  text-align: left;
  appearance: none;
  touch-action: manipulation;
  width: 100%;
}

.drawer-accordion__content {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s;
  display: grid;
}

.drawer-accordion__content[aria-hidden="false"] {
  grid-template-rows: 1fr;
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.link-arrow[data-astro-cid-rwcs3dqx] {
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: .5em;
  display: inline-grid;
  position: relative;
}

.link-arrow[data-astro-cid-rwcs3dqx]:after {
  content: "";
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid;
  width: .5em;
  height: .5em;
  margin: auto;
  transform: rotate(45deg);
}
/*! 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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}

.faq-item[data-astro-cid-6x24cjqx] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-black, #000);
  overflow: hidden;
}

.faq-item__summary[data-astro-cid-6x24cjqx] {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: calc(var(--spacing, .25rem) * 4);
  border-style: var(--tw-border-style);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 6);
  text-align: left;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, inherit));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-theme-main-dark, #4f407d);
  border-width: 0;
  display: grid;
}

@container (min-width: 768px) {
  .faq-item__summary[data-astro-cid-6x24cjqx] {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, inherit));
  }
}

.faq-item__summary[data-astro-cid-6x24cjqx] {
  appearance: none;
  touch-action: manipulation;
  grid-template-columns: 1.25rem 1fr;
}

.faq-item__arrow[data-astro-cid-6x24cjqx] {
  place-content: center;
  height: 1lh;
  transition: transform .3s;
  display: grid;
}

[data-astro-cid-6x24cjqx][aria-expanded="true"] > .faq-item__arrow[data-astro-cid-6x24cjqx] {
  transform: rotate(180deg);
}

.faq-item__content[data-astro-cid-6x24cjqx] {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s;
  display: grid;
}

.faq-item__content[data-astro-cid-6x24cjqx][aria-hidden="false"] {
  grid-template-rows: 1fr;
}

.faq-item__content-inner[data-astro-cid-6x24cjqx] {
  padding-top: calc(var(--spacing, .25rem) * 0);
  padding-bottom: calc(var(--spacing, .25rem) * 4);
  font-size: var(--text-xs, .75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, inherit));
  align-items: flex-start;
  display: grid;
}

@container (min-width: 768px) {
  .faq-item__content-inner[data-astro-cid-6x24cjqx] {
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, inherit));
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}