/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer token,theme, base, components, utilities;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --upc-color-white: #fff;
    --upc-spacing: 4px;
    --upc-font-weight-bold: 700;
    --upc-default-font-family: var(--token-font-jp);
    --upc-default-font-feature-settings: normal;
    --upc-default-font-variation-settings: normal;
    --upc-color-body: var(--token-colors-primitive-grey-900);
    --upc-color-primary: var(--token-colors-primitive-green-700);
    --upc-content-gutter-mobile: var(--token-spacing-4);
    --upc-content-gutter-tablet: var(--token-spacing-10);
    --upc-content-gutter-desktop: var(--token-spacing-10);
    --upc-content-maxw-mobile: 480px;
    --upc-content-maxw-tablet: 800px;
    --upc-content-maxw-desktop: 1256px;
    --upc-container-mobile: calc(
    var(--upc-content-maxw-mobile) + var(--upc-content-gutter-mobile) * 2
  );
    --upc-container-tablet: calc(
    var(--upc-content-maxw-tablet) + var(--upc-content-gutter-tablet) * 2
  );
    --upc-container-desktop: calc(
    var(--upc-content-maxw-desktop) + var(--upc-content-gutter-desktop) * 2
  );
    --upc-parts-global-header-h: 64px;
    --upc-parts-global-header-h-desktop: 72px;
    --upc-text-heading-2xl: var(--token-text-2xl-size);
    --upc-text-heading-2xl--font-weight: var(--token-text-3xl-font-weight);
    --upc-text-heading-2xl--line-height: var(--token-text-sm-leading);
    --upc-text-heading-xl: var(--token-text-xl-size);
    --upc-text-heading-xl--font-weight: var(--token-text-3xl-font-weight);
    --upc-text-heading-xl--line-height: var(--token-text-sm-leading);
    --upc-text-details-xs: var(--token-text-3xs-size);
    --upc-text-details-xs--line-height: var(--token-text-sm-leading);
    --upc-font-weight-details-xs-400: var(--token-text-md-font-weight);
    --upc-tracking-details-xs: var(--token-text-lg-font-tracking);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--upc-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(--upc-default-font-feature-settings, normal);
    font-variation-settings: var(--upc-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;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--upc-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--upc-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--upc-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .upc\:relative {
    position: relative;
  }
  .upc\:mt-auto {
    margin-top: auto;
  }
  .upc\:flex {
    display: flex;
  }
  .upc\:grid {
    display: grid;
  }
  .upc\:h-\(--upc-parts-global-header-h\) {
    height: var(--upc-parts-global-header-h);
  }
  .upc\:h-auto {
    height: auto;
  }
  .upc\:h-full {
    height: 100%;
  }
  .upc\:w-full {
    width: 100%;
  }
  .upc\:\!max-w-\[214px\] {
    max-width: 214px !important;
  }
  .upc\:max-w-\[135px\] {
    max-width: 135px;
  }
  .upc\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .upc\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .upc\:flex-col {
    flex-direction: column;
  }
  .upc\:items-center {
    align-items: center;
  }
  .upc\:justify-center {
    justify-content: center;
  }
  .upc\:gap-2 {
    gap: calc(var(--upc-spacing) * 2);
  }
  .upc\:gap-4 {
    gap: calc(var(--upc-spacing) * 4);
  }
  .upc\:gap-6 {
    gap: calc(var(--upc-spacing) * 6);
  }
  .upc\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .upc\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .upc\:border-primary {
    border-color: var(--upc-color-primary);
  }
  .upc\:bg-primary {
    background-color: var(--upc-color-primary);
  }
  .upc\:bg-white {
    background-color: var(--upc-color-white);
  }
  .upc\:py-10 {
    padding-block: calc(var(--upc-spacing) * 10);
  }
  .upc\:text-center {
    text-align: center;
  }
  .upc\:text-details-xs {
    font-size: var(--upc-text-details-xs);
    line-height: var(--tw-leading, var(--upc-text-details-xs--line-height));
  }
  .upc\:font-bold {
    --tw-font-weight: var(--upc-font-weight-bold);
    font-weight: var(--upc-font-weight-bold);
  }
  .upc\:font-details-xs-400 {
    --tw-font-weight: var(--upc-font-weight-details-xs-400);
    font-weight: var(--upc-font-weight-details-xs-400);
  }
  .upc\:tracking-details-xs {
    --tw-tracking: var(--upc-tracking-details-xs);
    letter-spacing: var(--upc-tracking-details-xs);
  }
  .upc\:text-white {
    color: var(--upc-color-white);
  }
  @media (width < 64rem) {
    .upc\:max-desktop\:sticky {
      position: sticky;
    }
  }
  @media (width < 64rem) {
    .upc\:max-desktop\:top-0 {
      top: calc(var(--upc-spacing) * 0);
    }
  }
  @media (width < 64rem) {
    .upc\:max-desktop\:z-10 {
      z-index: 10;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:h-\(--upc-parts-global-header-h-desktop\) {
      height: var(--upc-parts-global-header-h-desktop);
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:max-w-\[176px\] {
      max-width: 176px;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:grid-rows-\[1fr_1lh\] {
      grid-template-rows: 1fr 1lh;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:gap-4 {
      gap: calc(var(--upc-spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:text-left {
      text-align: left;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:\[grid-area\:1\/1\/2\/3\] {
      grid-area: 1/1/2/3;
    }
  }
  @media (width >= 64rem) {
    .upc\:desktop\:\[grid-area\:2\/1\/3\/3\] {
      grid-area: 2/1/3/3;
    }
  }
}
@layer token {
  :root {
    --token-colors-primitive-black: #000;
    --token-colors-primitive-white: #fff;
    --token-colors-primitive-gray: #333;
    --token-colors-transparent: transparent;
    --token-colors-primitive-blue-50: #e6f1f9;
    --token-colors-primitive-blue-100: #b0d5ee;
    --token-colors-primitive-blue-200: #8ac0e5;
    --token-colors-primitive-blue-300: #54a4d9;
    --token-colors-primitive-blue-400: #276fb5;
    --token-colors-primitive-blue-500: #0077c7;
    --token-colors-primitive-blue-600: #105ab5;
    --token-colors-primitive-blue-700: #003f98;
    --token-colors-primitive-blue-800: #00416d;
    --token-colors-primitive-blue-900: #003254;
    --token-colors-primitive-red-50: #fde8e7;
    --token-colors-primitive-red-100: #f8b8b5;
    --token-colors-primitive-red-200: #f59691;
    --token-colors-primitive-red-300: #f1665e;
    --token-colors-primitive-red-400: #ff0022;
    --token-colors-primitive-red-500: #ea1a0f;
    --token-colors-primitive-red-600: #d8191e;
    --token-colors-primitive-red-700: #c91116;
    --token-colors-primitive-red-800: #80051d;
    --token-colors-primitive-red-900: #620b06;
    --token-colors-primitive-orange-50: #fff1ea;
    --token-colors-primitive-orange-100: #ffd5bc;
    --token-colors-primitive-orange-200: #ffc09c;
    --token-colors-primitive-orange-300: #ffa36f;
    --token-colors-primitive-orange-400: #ff9153;
    --token-colors-primitive-orange-500: #ff7628;
    --token-colors-primitive-orange-600: #e86b24;
    --token-colors-primitive-orange-700: #b5541c;
    --token-colors-primitive-orange-800: #8c4116;
    --token-colors-primitive-orange-900: #6b3211;
    --token-colors-primitive-yellow-50: #fff9e6;
    --token-colors-primitive-yellow-100: #ffeeb0;
    --token-colors-primitive-yellow-200: #ffe58a;
    --token-colors-primitive-yellow-300: #ffd954;
    --token-colors-primitive-yellow-400: #ffd233;
    --token-colors-primitive-yellow-500: #ffc700;
    --token-colors-primitive-yellow-600: #e8b500;
    --token-colors-primitive-yellow-700: #b58d00;
    --token-colors-primitive-yellow-800: #aa6822;
    --token-colors-primitive-yellow-900: #6b5400;
    --token-colors-primitive-green-50: #eaf7f1;
    --token-colors-primitive-green-100: #bee5d2;
    --token-colors-primitive-green-200: #9ed9bc;
    --token-colors-primitive-green-300: #6fba2c;
    --token-colors-primitive-green-400: #3ad29f;
    --token-colors-primitive-green-500: #2cac6e;
    --token-colors-primitive-green-600: #289d64;
    --token-colors-primitive-green-700: #00705b;
    --token-colors-primitive-green-800: #185f3d;
    --token-colors-primitive-green-900: #12482e;
    --token-colors-primitive-purple-50: #f6f0fe;
    --token-colors-primitive-purple-100: #e3cffd;
    --token-colors-primitive-purple-200: #d6b8fc;
    --token-colors-primitive-purple-300: #c398fa;
    --token-colors-primitive-purple-400: #b784f9;
    --token-colors-primitive-purple-500: #a565f8;
    --token-colors-primitive-purple-600: #965ce2;
    --token-colors-primitive-purple-700: #7548b0;
    --token-colors-primitive-purple-800: #563550;
    --token-colors-primitive-purple-900: #452a68;
    --token-colors-primitive-grey-50: #fafafa;
    --token-colors-primitive-grey-100: #e5e5e5;
    --token-colors-primitive-grey-200: #eeeeee;
    --token-colors-primitive-grey-300: #d2dcdc;
    --token-colors-primitive-grey-400: #bbbbbb;
    --token-colors-primitive-grey-500: #888888;
    --token-colors-primitive-grey-600: #6d6d6d;
    --token-colors-primitive-grey-700: #585656;
    --token-colors-primitive-grey-800: #3c3c3c;
    --token-colors-primitive-grey-900: #111111;
    --token-colors-primitive-black-rgb: 0 0 0;
    --token-colors-primitive-white-rgb: 255 255 255;
    --token-colors-primitive-gray-rgb: 51 51 51;
    --token-colors-primitive-blue-50-rgb: 230 241 249;
    --token-colors-primitive-blue-100-rgb: 176 213 238;
    --token-colors-primitive-blue-200-rgb: 138 192 229;
    --token-colors-primitive-blue-300-rgb: 84 164 217;
    --token-colors-primitive-blue-400-rgb: 39 111 181;
    --token-colors-primitive-blue-500-rgb: 0 119 199;
    --token-colors-primitive-blue-600-rgb: 16 90 181;
    --token-colors-primitive-blue-700-rgb: 0 63 152;
    --token-colors-primitive-blue-800-rgb: 0 65 109;
    --token-colors-primitive-blue-900-rgb: 0 50 84;
    --token-colors-primitive-red-50-rgb: 253 232 231;
    --token-colors-primitive-red-100-rgb: 248 184 181;
    --token-colors-primitive-red-200-rgb: 245 150 145;
    --token-colors-primitive-red-300-rgb: 241 102 94;
    --token-colors-primitive-red-400-rgb: 255 0 34;
    --token-colors-primitive-red-500-rgb: 234 26 15;
    --token-colors-primitive-red-600-rgb: 216 25 30;
    --token-colors-primitive-red-700-rgb: 201 17 22;
    --token-colors-primitive-red-800-rgb: 128 5 29;
    --token-colors-primitive-red-900-rgb: 98 11 6;
    --token-colors-primitive-orange-50-rgb: 255 241 234;
    --token-colors-primitive-orange-100-rgb: 255 213 188;
    --token-colors-primitive-orange-200-rgb: 255 192 156;
    --token-colors-primitive-orange-300-rgb: 255 163 111;
    --token-colors-primitive-orange-400-rgb: 255 145 83;
    --token-colors-primitive-orange-500-rgb: 255 118 40;
    --token-colors-primitive-orange-600-rgb: 232 107 36;
    --token-colors-primitive-orange-700-rgb: 181 84 28;
    --token-colors-primitive-orange-800-rgb: 140 65 22;
    --token-colors-primitive-orange-900-rgb: 107 50 17;
    --token-colors-primitive-yellow-50-rgb: 255 249 230;
    --token-colors-primitive-yellow-100-rgb: 255 238 176;
    --token-colors-primitive-yellow-200-rgb: 255 229 138;
    --token-colors-primitive-yellow-300-rgb: 255 217 84;
    --token-colors-primitive-yellow-400-rgb: 255 210 51;
    --token-colors-primitive-yellow-500-rgb: 255 199 0;
    --token-colors-primitive-yellow-600-rgb: 232 181 0;
    --token-colors-primitive-yellow-700-rgb: 181 141 0;
    --token-colors-primitive-yellow-800-rgb: 170 104 34;
    --token-colors-primitive-yellow-900-rgb: 107 84 0;
    --token-colors-primitive-green-50-rgb: 234 247 241;
    --token-colors-primitive-green-100-rgb: 190 229 210;
    --token-colors-primitive-green-200-rgb: 158 217 188;
    --token-colors-primitive-green-300-rgb: 111 186 44;
    --token-colors-primitive-green-400-rgb: 58 210 159;
    --token-colors-primitive-green-500-rgb: 44 172 110;
    --token-colors-primitive-green-600-rgb: 40 157 100;
    --token-colors-primitive-green-700-rgb: 31 122 78;
    --token-colors-primitive-green-800-rgb: 24 95 61;
    --token-colors-primitive-green-900-rgb: 18 72 46;
    --token-colors-primitive-purple-50-rgb: 246 240 254;
    --token-colors-primitive-purple-100-rgb: 227 207 253;
    --token-colors-primitive-purple-200-rgb: 214 184 252;
    --token-colors-primitive-purple-300-rgb: 195 152 250;
    --token-colors-primitive-purple-400-rgb: 183 132 249;
    --token-colors-primitive-purple-500-rgb: 165 101 248;
    --token-colors-primitive-purple-600-rgb: 150 92 226;
    --token-colors-primitive-purple-700-rgb: 117 72 176;
    --token-colors-primitive-purple-800-rgb: 86 53 85;
    --token-colors-primitive-purple-900-rgb: 69 42 104;
    --token-colors-primitive-grey-50-rgb: 250 250 250;
    --token-colors-primitive-grey-100-rgb: 229 229 229;
    --token-colors-primitive-grey-200-rgb: 238 238 238;
    --token-colors-primitive-grey-300-rgb: 210 220 220;
    --token-colors-primitive-grey-400-rgb: 187 187 187;
    --token-colors-primitive-grey-500-rgb: 136 136 136;
    --token-colors-primitive-grey-600-rgb: 109 109 109;
    --token-colors-primitive-grey-700-rgb: 88 86 86;
    --token-colors-primitive-grey-800-rgb: 60 60 60;
    --token-colors-primitive-grey-900-rgb: 17 17 17;
  }
}
@layer token {
  :root {
    --token-font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
      "-apple-system", "Meiryo", Arial;
    --token-font-en: "Orbitron";
    --token-default-font-family: var(--token-font-jp);
    --token-default-font-size: 16px;
    --token-default-line-height: 1.7;
    --token-default-font-weight: 400;
    --token-default-letter-spacing: 0em;
    --token-text-4xl-size: 3.4375rem;
    --token-text-3xl-size: 1.625rem;
    --token-text-2xl-size: 1.5rem;
    --token-text-xl-size: 1.25rem;
    --token-text-lg-size: 1.125rem;
    --token-text-md-size: 1rem;
    --token-text-sm-size: 0.9375rem;
    --token-text-xs-size: 0.875rem;
    --token-text-2xs-size: 0.8125rem;
    --token-text-3xs-size: 0.75rem;
    --token-text-4xs-size: 0.625rem;
    --token-text-md-leading: 1.7;
    --token-text-sm-leading: 1.5;
    --token-text-xs-leading: 1.4;
    --token-text-2xs-leading: 1.3;
    --token-text-3xs-leading: 1;
    --token-text-3xl-font-weight: 700;
    --token-text-2xl-font-weight: 650;
    --token-text-xl-font-weight: 600;
    --token-text-lg-font-weight: 500;
    --token-text-md-font-weight: 400;
    --token-text-xl-font-tracking: 0.05em;
    --token-text-lg-font-tracking: 0.0375em;
    --token-text-md-font-tracking: 0em;
  }
}
@layer token {
  :root {
    --token-spacing-0: 0px;
    --token-spacing-0-5: 2px;
    --token-spacing-1: 4px;
    --token-spacing-1-5: 6px;
    --token-spacing-2: 8px;
    --token-spacing-2-5: 10px;
    --token-spacing-3: 12px;
    --token-spacing-3-5: 14px;
    --token-spacing-4: 16px;
    --token-spacing-4-5: 18px;
    --token-spacing-5: 20px;
    --token-spacing-5-5: 22px;
    --token-spacing-6: 24px;
    --token-spacing-7: 28px;
    --token-spacing-8: 32px;
    --token-spacing-9: 36px;
    --token-spacing-10: 40px;
    --token-spacing-11: 44px;
    --token-spacing-12: 48px;
    --token-spacing-12-5: 50px;
    --token-spacing-13: 52px;
    --token-spacing-14: 56px;
    --token-spacing-15: 60px;
    --token-spacing-16: 64px;
    --token-spacing-18: 72px;
    --token-spacing-20: 80px;
    --token-spacing-22: 88px;
    --token-spacing-24: 96px;
    --token-spacing-26: 104px;
    --token-spacing-30: 120px;
    --token-spacing-32: 128px;
    --token-spacing-40: 160px;
    --token-spacing-50: 200px;
    --token-gutter-mobile: var(--token-spacing-4);
    --token-gutter-tablet: var(--token-spacing-10);
    --token-gutter-desktop: var(--token-spacing-10);
    --token-content-width-mobile: 480px;
    --token-content-width-tablet: 800px;
    --token-content-width-desktop: 1256px;
    --token-opacity-hover: 0.7;
    --token-overlay-opacity: 0.8;
    --token-z-index-base: 10;
    --token-z-index-header: calc(var(--token-z-index-base) + 10);
    --token-z-index-dialog: 100;
    --token-transition-duration: 0.3s;
    --token-transition-timing-function: ease-in-out;
    --token-button-transition-duration: var(--token-transition-duration);
    --token-button-transition-timing-function: var(
      --token-transition-timing-function
    );
  }
}
@layer token {
  :root {
    --token-color-semantic-primary: var(--token-colors-primitive-green-700);
    --token-color-semantic-gray: var(--token-colors-primitive-grey-500);
    --token-color-semantic-body: var(--token-colors-primitive-grey-900);
    --token-color-semantic-black: var(--token-colors-primitive-black);
    --token-color-semantic-white: var(--token-colors-primitive-white);
  }
}
@layer base {
  html {
    scroll-behavior: smooth;
    color: var(--upc-color-body);
    line-height: var(--token-default-line-height);
  }
  main * {
    overflow-wrap: anywhere;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: unset;
    font-weight: unset;
  }
  a {
    text-decoration: none;
    text-underline-position: from-font;
  }
  @media (hover: hover) {
    :is(main a:not([data-component])):any-link:hover {
      opacity: 0.7;
    }
  }
  a, button {
    transition: all var(--token-button-transition-duration) var(--token-button-transition-timing-function);
    animation: fade-in var(--token-button-transition-duration);
  }
  [data-tag="heading"]:where(h1) {
    margin-bottom: calc(var(--upc-spacing) * 8);
  }
  [data-tag="heading"]:where(h2,h3) {
    margin-bottom: calc(var(--upc-spacing) * 5);
  }
  [data-tag="heading"]:where(h4) {
    margin-bottom: calc(var(--upc-spacing) * 1);
  }
  img, video {
    max-width: none;
    height: auto;
  }
  summary {
    display: block;
    list-style: none;
  }
  summary::-webkit-details-marker {
    display: none;
  }
  a, button {
    cursor: pointer;
  }
  dialog {
    color: unset;
  }
  @keyframes leftToRightUnderline {
    from {
      background-size: 0% 1px;
    }
    to {
      background-size: 100% 1px;
    }
  }
}
@layer base {
  html {
    scroll-behavior: unset !important;
  }
}
@layer components {
  :root {
    --_gutter-container: var(--upc-content-gutter-mobile);
    --_m-width-container: var(--upc-container-mobile);
  }
  @media (width > 48rem) {
    :root {
      --_gutter-container: var(--upc-content-gutter-tablet);
      --_m-width-container: var(--upc-container-tablet);
    }
  }
  @media (width > 64rem) {
    :root {
      --_gutter-container: var(--upc-content-gutter-desktop);
      --_m-width-container: var(--upc-container-desktop);
    }
  }
  .upc-contentsContainer {
    display: block;
    margin-inline: auto;
    width: 100%;
    max-width: var(--_m-width-container);
    padding-inline: var(--_gutter-container);
  }
}
@layer components {
  .upc-globalHeader {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  }
  @media (width >= 64rem) {
    .upc-globalHeader {
      box-shadow: none;
    }
  }
}
@layer components {
  .body_tbl {
    display: block;
    margin-inline: auto;
    width: 100%;
    max-width: var(--_m-width-container);
    padding-inline: var(--_gutter-container);
    padding-top: var(--token-spacing-10);
    padding-bottom: var(--token-spacing-14);
  }
  .body_tbl  > .smp_tmpl {
    margin: 0 !important;
  }
}
@layer components {
  .body_tbl h1 {
    position: relative;
    margin-bottom: calc(var(--upc-spacing) * 5);
    display: flex;
    width: 100%;
    padding-top: calc(var(--upc-spacing) * 0);
    padding-bottom: calc(var(--upc-spacing) * 3);
    font-size: var(--upc-text-heading-xl);
    line-height: var(--tw-leading, var(--upc-text-heading-xl--line-height));
    font-weight: var(--tw-font-weight, var(--upc-text-heading-xl--font-weight));
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    position: absolute;
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    bottom: calc(var(--upc-spacing) * 0);
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    left: calc(var(--upc-spacing) * 0);
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    display: block;
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    height: calc(var(--upc-spacing) * 0.5);
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    width: calc(var(--upc-spacing) * 10);
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    background-color: var(--upc-color-primary);
  }
  :is(.body_tbl h1)::before {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    position: absolute;
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    bottom: calc(var(--upc-spacing) * 0);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    left: calc(40px + 8px);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    display: block;
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    height: calc(var(--upc-spacing) * 0.5);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    width: calc(100% - 40px - 8px);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    background-color: var(--token-colors-primitive-grey-200);
  }
  :is(.body_tbl h1)::after {
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (width >= 64rem) {
    .body_tbl h1 {
      margin-bottom: calc(var(--upc-spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .body_tbl h1 {
      padding-bottom: calc(var(--upc-spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .body_tbl h1 {
      font-size: var(--upc-text-heading-2xl);
      line-height: var(--tw-leading, var(--upc-text-heading-2xl--line-height));
      font-weight: var(--tw-font-weight, var(--upc-text-heading-2xl--font-weight));
    }
  }
}
@layer components {
  .smp_tmpl {
    display: flex;
    flex-flow: column;
    margin-block: 56px 24px;
  }
  .smp_tmpl  > .cf {
    display: flex;
    flex-flow: column;
    gap: 8px;
    padding-block: 20px;
    border-bottom: 1px solid #eee;
  }
  :is(.smp_tmpl > .cf):first-of-type {
    border-top: 1px solid #eee;
  }
  :is(.smp_tmpl > .cf) .title {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
  }
}
@layer components {
  :is(:is(.body_tbl .cf) > .title) .need {
    border-radius: 2px;
    background: var(--token-colors-primitive-red-400);
    display: inline-flex;
    padding: 0 var(--spacing-4, 4px);
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    margin-left: 8px;
  }
  .-optional:is(:is(:is(.body_tbl .cf) > .title) .need) {
    background-color: var(--token-colors-primitive-grey-500);
  }
}
@layer components {
  .body_tbl input[type="text"],.body_tbl input[type="password"] {
    width: 100%;
    padding: 8px;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border: 1px solid var(--upc-color-body);
    background: var(--token-colors-primitive-grey-50, #f3f3f3);
  }
  @media (width >= 48rem) {
    .body_tbl input[type="text"],.body_tbl input[type="password"] {
      max-width: 400px;
    }
  }
  .error:is(.body_tbl input[type="text"],.body_tbl input[type="password"]) {
    border: 1px solid var(--token-colors-primitive-red-400);
    outline: 1px solid var(--token-colors-primitive-red-400);
  }
  .error:is(.body_tbl input[type="text"],.body_tbl input[type="password"]):focus-visible,.error:is(.body_tbl input[type="text"],.body_tbl input[type="password"]):focus-within {
    border: 1px solid var(--upc-color-body);
    outline: unset;
  }
  .body_tbl input[type="submit"] {
    display: inline;
    width: 124px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 6px;
    border: 1px solid var(--token-color-semantic-primary);
    background: var(--token-color-semantic-primary);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s 0s ease;
  }
  :is(.body_tbl input[type="submit"]):hover {
    opacity: 0.7;
  }
  :is(.body_tbl input[type="submit"]):not([name="submit"]) {
    background: #888;
    border-color: #888;
  }
}
@layer components {
  .body_tbl textarea {
    width: 100%;
    padding: 8px;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border: 1px solid var(--upc-color-body);
    background: var(--token-colors-primitive-grey-50, #f3f3f3);
  }
  @media (width >= 48rem) {
    .body_tbl textarea {
      max-width: 520px;
    }
  }
  .error:is(.body_tbl textarea) {
    border: 1px solid var(--token-colors-primitive-red-400);
    outline: 1px solid var(--token-colors-primitive-red-400);
  }
  .error:is(.body_tbl textarea):focus-visible,.error:is(.body_tbl textarea):focus-within {
    border: 1px solid var(--upc-color-body);
    outline: unset;
  }
}
@layer components {
  .body_tbl {
    --_form-input-icon-size: 22px;
    --_form-input-icon-gap: 8px;
    --_form-input-icon-b-color: #111;
    --_form-input-icon-b-style: solid;
    --_form-input-icon-b-width: 1px;
    --_form-input-icon-active-bg: var(--token-color-semantic-primary);
    --_form-input-icon-active-b-color: var(--token-color-semantic-primary);
    --_form-input-icon-bg: var(--token-colors-primitive-grey-50, #f3f3f3);
    --_form-input-highlight-icon-contents: "";
    --_form-input-highlight-icon-size: 18px;
    --_form-input-highlight-bg: transparent;
  }
  .body_tbl input[type="radio"],.body_tbl input[type="checkbox"] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap;
  }
  :is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"])  + span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
    gap: var(--_form-input-icon-gap);
    cursor: pointer;
    position: relative;
  }
  :is(:is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"]) + span)::before {
    content: "";
    display: inline-block;
    width: var(--_form-input-icon-size);
    height: var(--_form-input-icon-size);
    border-color: var(--_form-input-icon-b-color);
    border-style: var(--_form-input-icon-b-style);
    border-width: var(--_form-input-icon-b-width);
    background-color: var(--_form-input-icon-bg);
    transition: all 0.3s 0s ease;
    flex-shrink: 0;
    position: relative;
  }
  :is(:is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"]) + span)::after {
    content: "";
    display: inline-block;
    width: var(--_form-input-highlight-icon-size);
    height: var(--_form-input-highlight-icon-size);
    margin-left: calc( ( var(--_form-input-icon-size) - var(--_form-input-highlight-icon-size) ) / 2 );
    transition: all 0.3s 0s ease;
    position: absolute;
    background: var(--_form-input-highlight-bg);
    opacity: 0;
  }
  :is(:is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"]):checked + span)::after {
    opacity: 1;
  }
  :is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"]):focus-visible  + span::before {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
  :is(.body_tbl input[type="radio"],.body_tbl input[type="checkbox"]):focus:not(:focus-visible) + span::before {
    outline: none;
  }
}
@layer components {
  :is(.body_tbl input[type="radio"])  + span {
    --_form-input-highlight-icon-size: 14px;
    --_form-input-highlight-bg: var(--token-color-semantic-primary);
  }
  :is(:is(.body_tbl input[type="radio"]) + span)::before,:is(:is(.body_tbl input[type="radio"]) + span)::after {
    border-radius: 100%;
  }
  :is(:is(.body_tbl input[type="radio"]):checked + span)::before {
    --_form-input-icon-b-color: var(--_form-input-icon-active-b-color);
  }
}
@layer components {
  :is(.body_tbl input[type="checkbox"])  + span {
    --_form-input-highlight-icon-size: 14px;
    --_form-input-highlight-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"><path d="M11.7617 1.10215C11.9021 1.24278 11.981 1.4334 11.981 1.63215C11.981 1.8309 11.9021 2.02153 11.7617 2.16215L4.51166 9.41215C4.37103 9.5526 4.18041 9.63149 3.98166 9.63149C3.78291 9.63149 3.59228 9.5526 3.45166 9.41215L0.201657 6.16215C0.0690144 6.02001 -0.00324601 5.83191 0.000112008 5.63752C0.00347002 5.44312 0.0821839 5.25763 0.219657 5.12015C0.357136 4.98268 0.542628 4.90397 0.73702 4.90061C0.931411 4.89725 1.11951 4.96951 1.26166 5.10215L3.98166 7.82215L10.7017 1.10215C10.8423 0.961702 11.0329 0.882812 11.2317 0.882812C11.4304 0.882812 11.621 0.961702 11.7617 1.10215Z" fill="white"/></svg>')
          center / contain no-repeat;
  }
  :is(:is(.body_tbl input[type="checkbox"]):checked + span)::before {
    --_form-input-icon-b-color: var(--_form-input-icon-active-b-color);
    --_form-input-icon-bg: var(--_form-input-icon-active-bg);
  }
}
@layer components {
  .body_tbl .regulationCard {
    border: 1px solid #111;
    display: flex;
    height: 400px;
    max-width: 680px;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    overflow-y: scroll;
    margin-block: 8px;
  }
  :is(.body_tbl .regulationCard) .regulationCard__title {
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
  }
  :is(.body_tbl .regulationCard) .regulationCard__text {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
  }
  :is(:is(.body_tbl .regulationCard) .regulationCard__text) ul,:is(:is(.body_tbl .regulationCard) .regulationCard__text) ol {
    margin-top: 4px;
    padding-inline-start: calc(1em + 0.5em);
  }
  :is(:is(.body_tbl .regulationCard) .regulationCard__text) ul {
    list-style: disc;
  }
  :is(:is(.body_tbl .regulationCard) .regulationCard__text) ol {
    list-style: decimal;
  }
}
@layer components {
  .body_tbl .header_emesg {
    width: 100%;
    margin: 30px auto;
    padding: 20px 20px 20px 20px;
    border: 2px solid #ff0000;
    color: #ff0000;
    font-weight: 700;
  }
}
@layer components {
  .body_tbl .header_rmesg {
    width: 100%;
    margin: 30px auto;
    padding: 20px 20px 20px 20px;
    border: 1px solid var(--upc-color-body);
    font-weight: 700;
  }
}
@layer components {
  .body_tbl .msg {
    display: block;
    color: var(--token-colors-primitive-red-400);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
  }
}
@layer components {
  .body_tbl .thanks-button {
    margin-top: 24px;
    display: inline;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 6px;
    border: 1px solid var(--token-color-semantic-primary);
    background: var(--token-color-semantic-primary);
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s 0s ease;
  }
  :is(.body_tbl .thanks-button):hover {
    opacity: 0.7;
  }
}
@layer components {
  [data-category]:not(.-is-view) {
    display: none;
  }
  .-is-view[data-category] {
    display: block;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-font-weight: initial;
      --tw-tracking: initial;
      --tw-content: "";
    }
  }
}