@import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"
  layer(base);
@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP:var(--ja-18px-bold-font-weight),var(--ja-24px-bold-font-weight),500,700,var(--ja-24px-medium-font-weight),var(--ja-16px-medium-font-weight)|Noto+Sans+JP:var(--bold-JP-large-title-32-font-weight),500,400,700,var(--base-14-font-weight)|Zen+Kaku+Gothic+New:500|Sacramento:400|Noto+Sans:700|Jost:300"
  layer(base); /*! tailwindcss v4.1.16 | 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --color-white: #fff;
    --spacing: 0.25rem;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@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%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    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;
    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: -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 {
    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;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or
    (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      ::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"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  :root {
    --system-gray000: #fff;
    --system-gray800: #3b4043;
    --tins-colorblue-gray: #577080;
    --system-gray200: #f5f7f9;
    --system-gray1000: #000;
    --secondary-color050: #edf3ff;
    --key-color-graysecondary: #79657e;
    --secondary: #fef862;
    --primaryl-86: #ffc269;
    --accent-color600: #edcc5a;
    --ja-10px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-10px-light-font-weight: 300;
    --ja-10px-light-font-size: 10px;
    --ja-10px-light-letter-spacing: 0px;
    --ja-10px-light-line-height: 16px;
    --ja-10px-light-font-style: normal;
    --ja-12px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-12px-light-font-weight: 300;
    --ja-12px-light-font-size: 12px;
    --ja-12px-light-letter-spacing: 0px;
    --ja-12px-light-line-height: 20px;
    --ja-12px-light-font-style: normal;
    --ja-14px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-14px-light-font-weight: 300;
    --ja-14px-light-font-size: 14px;
    --ja-14px-light-letter-spacing: 0px;
    --ja-14px-light-line-height: 22px;
    --ja-14px-light-font-style: normal;
    --ja-16px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-16px-light-font-weight: 300;
    --ja-16px-light-font-size: 16px;
    --ja-16px-light-letter-spacing: 0px;
    --ja-16px-light-line-height: 32px;
    --ja-16px-light-font-style: normal;
    --ja-18px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-18px-light-font-weight: 300;
    --ja-18px-light-font-size: 18px;
    --ja-18px-light-letter-spacing: 0px;
    --ja-18px-light-line-height: 24px;
    --ja-18px-light-font-style: normal;
    --ja-24px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-24px-light-font-weight: 300;
    --ja-24px-light-font-size: 24px;
    --ja-24px-light-letter-spacing: 0px;
    --ja-24px-light-line-height: 32px;
    --ja-24px-light-font-style: normal;
    --ja-32px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-32px-light-font-weight: 300;
    --ja-32px-light-font-size: 32px;
    --ja-32px-light-letter-spacing: 0px;
    --ja-32px-light-line-height: 48px;
    --ja-32px-light-font-style: normal;
    --ja-40px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-40px-light-font-weight: 300;
    --ja-40px-light-font-size: 40px;
    --ja-40px-light-letter-spacing: 0px;
    --ja-40px-light-line-height: 56px;
    --ja-40px-light-font-style: normal;
    --ja-48px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-48px-light-font-weight: 300;
    --ja-48px-light-font-size: 48px;
    --ja-48px-light-letter-spacing: 0px;
    --ja-48px-light-line-height: 64px;
    --ja-48px-light-font-style: normal;
    --ja-56px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-56px-light-font-weight: 300;
    --ja-56px-light-font-size: 56px;
    --ja-56px-light-letter-spacing: 0px;
    --ja-56px-light-line-height: 80px;
    --ja-56px-light-font-style: normal;
    --ja-64px-light-font-family: "Noto Serif JP", Helvetica;
    --ja-64px-light-font-weight: 300;
    --ja-64px-light-font-size: 64px;
    --ja-64px-light-letter-spacing: 0px;
    --ja-64px-light-line-height: 88px;
    --ja-64px-light-font-style: normal;
    --ja-10px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-10px-regular-font-weight: 400;
    --ja-10px-regular-font-size: 10px;
    --ja-10px-regular-letter-spacing: 0px;
    --ja-10px-regular-line-height: 16px;
    --ja-10px-regular-font-style: normal;
    --ja-12px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-12px-regular-font-weight: 400;
    --ja-12px-regular-font-size: 12px;
    --ja-12px-regular-letter-spacing: 0px;
    --ja-12px-regular-line-height: 20px;
    --ja-12px-regular-font-style: normal;
    --ja-14px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-14px-regular-font-weight: 400;
    --ja-14px-regular-font-size: 14px;
    --ja-14px-regular-letter-spacing: 0px;
    --ja-14px-regular-line-height: 22px;
    --ja-14px-regular-font-style: normal;
    --ja-16px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-16px-regular-font-weight: 400;
    --ja-16px-regular-font-size: 16px;
    --ja-16px-regular-letter-spacing: 0px;
    --ja-16px-regular-line-height: 32px;
    --ja-16px-regular-font-style: normal;
    --ja-18px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-18px-regular-font-weight: 400;
    --ja-18px-regular-font-size: 18px;
    --ja-18px-regular-letter-spacing: 0px;
    --ja-18px-regular-line-height: 24px;
    --ja-18px-regular-font-style: normal;
    --ja-24px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-24px-regular-font-weight: 400;
    --ja-24px-regular-font-size: 24px;
    --ja-24px-regular-letter-spacing: 0px;
    --ja-24px-regular-line-height: 32px;
    --ja-24px-regular-font-style: normal;
    --ja-32px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-32px-regular-font-weight: 400;
    --ja-32px-regular-font-size: 32px;
    --ja-32px-regular-letter-spacing: 0px;
    --ja-32px-regular-line-height: 48px;
    --ja-32px-regular-font-style: normal;
    --ja-40px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-40px-regular-font-weight: 400;
    --ja-40px-regular-font-size: 40px;
    --ja-40px-regular-letter-spacing: 0px;
    --ja-40px-regular-line-height: 56px;
    --ja-40px-regular-font-style: normal;
    --ja-48px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-48px-regular-font-weight: 400;
    --ja-48px-regular-font-size: 48px;
    --ja-48px-regular-letter-spacing: 0px;
    --ja-48px-regular-line-height: 64px;
    --ja-48px-regular-font-style: normal;
    --ja-56px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-56px-regular-font-weight: 400;
    --ja-56px-regular-font-size: 56px;
    --ja-56px-regular-letter-spacing: 0px;
    --ja-56px-regular-line-height: 80px;
    --ja-56px-regular-font-style: normal;
    --ja-64px-regular-font-family: "Noto Serif JP", Helvetica;
    --ja-64px-regular-font-weight: 400;
    --ja-64px-regular-font-size: 64px;
    --ja-64px-regular-letter-spacing: 0px;
    --ja-64px-regular-line-height: 88px;
    --ja-64px-regular-font-style: normal;
    --ja-10px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-10px-medium-font-weight: 500;
    --ja-10px-medium-font-size: 10px;
    --ja-10px-medium-letter-spacing: 0px;
    --ja-10px-medium-line-height: 16px;
    --ja-10px-medium-font-style: normal;
    --ja-12px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-12px-medium-font-weight: 500;
    --ja-12px-medium-font-size: 12px;
    --ja-12px-medium-letter-spacing: 0px;
    --ja-12px-medium-line-height: 19px;
    --ja-12px-medium-font-style: normal;
    --ja-14px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-14px-medium-font-weight: 500;
    --ja-14px-medium-font-size: 14px;
    --ja-14px-medium-letter-spacing: 0px;
    --ja-14px-medium-line-height: 22px;
    --ja-14px-medium-font-style: normal;
    --ja-16px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-16px-medium-font-weight: 500;
    --ja-16px-medium-font-size: 16px;
    --ja-16px-medium-letter-spacing: 0px;
    --ja-16px-medium-line-height: 32px;
    --ja-16px-medium-font-style: normal;
    --ja-18px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-18px-medium-font-weight: 500;
    --ja-18px-medium-font-size: 18px;
    --ja-18px-medium-letter-spacing: 0px;
    --ja-18px-medium-line-height: 36px;
    --ja-18px-medium-font-style: normal;
    --ja-24px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-24px-medium-font-weight: 500;
    --ja-24px-medium-font-size: 24px;
    --ja-24px-medium-letter-spacing: 0px;
    --ja-24px-medium-line-height: 38px;
    --ja-24px-medium-font-style: normal;
    --ja-32px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-32px-medium-font-weight: 500;
    --ja-32px-medium-font-size: 32px;
    --ja-32px-medium-letter-spacing: 0px;
    --ja-32px-medium-line-height: 52px;
    --ja-32px-medium-font-style: normal;
    --ja-40px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-40px-medium-font-weight: 500;
    --ja-40px-medium-font-size: 40px;
    --ja-40px-medium-letter-spacing: 0px;
    --ja-40px-medium-line-height: 64px;
    --ja-40px-medium-font-style: normal;
    --ja-48px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-48px-medium-font-weight: 500;
    --ja-48px-medium-font-size: 48px;
    --ja-48px-medium-letter-spacing: 0px;
    --ja-48px-medium-line-height: 72px;
    --ja-48px-medium-font-style: normal;
    --ja-56px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-56px-medium-font-weight: 500;
    --ja-56px-medium-font-size: 56px;
    --ja-56px-medium-letter-spacing: 0px;
    --ja-56px-medium-line-height: 80px;
    --ja-56px-medium-font-style: normal;
    --ja-64px-medium-font-family: "Noto Serif JP", Helvetica;
    --ja-64px-medium-font-weight: 500;
    --ja-64px-medium-font-size: 64px;
    --ja-64px-medium-letter-spacing: 0px;
    --ja-64px-medium-line-height: 88px;
    --ja-64px-medium-font-style: normal;
    --ja-18px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-18px-bold-font-weight: 700;
    --ja-18px-bold-font-size: 18px;
    --ja-18px-bold-letter-spacing: 0px;
    --ja-18px-bold-line-height: 36px;
    --ja-18px-bold-font-style: normal;
    --ja-24px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-24px-bold-font-weight: 700;
    --ja-24px-bold-font-size: 24px;
    --ja-24px-bold-letter-spacing: 0px;
    --ja-24px-bold-line-height: 38px;
    --ja-24px-bold-font-style: normal;
    --ja-32px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-32px-bold-font-weight: 700;
    --ja-32px-bold-font-size: 32px;
    --ja-32px-bold-letter-spacing: 0px;
    --ja-32px-bold-line-height: 52px;
    --ja-32px-bold-font-style: normal;
    --ja-40px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-40px-bold-font-weight: 700;
    --ja-40px-bold-font-size: 40px;
    --ja-40px-bold-letter-spacing: 0px;
    --ja-40px-bold-line-height: 64px;
    --ja-40px-bold-font-style: normal;
    --ja-48px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-48px-bold-font-weight: 700;
    --ja-48px-bold-font-size: 48px;
    --ja-48px-bold-letter-spacing: 0px;
    --ja-48px-bold-line-height: 72px;
    --ja-48px-bold-font-style: normal;
    --ja-56px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-56px-bold-font-weight: 700;
    --ja-56px-bold-font-size: 56px;
    --ja-56px-bold-letter-spacing: 0px;
    --ja-56px-bold-line-height: 80px;
    --ja-56px-bold-font-style: normal;
    --ja-64px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-64px-bold-font-weight: 700;
    --ja-64px-bold-font-size: 64px;
    --ja-64px-bold-letter-spacing: 0px;
    --ja-64px-bold-line-height: 88px;
    --ja-64px-bold-font-style: normal;
    --ja-16px-bold-font-family: "Noto Serif JP", Helvetica;
    --ja-16px-bold-font-weight: 700;
    --ja-16px-bold-font-size: 16px;
    --ja-16px-bold-letter-spacing: 0px;
    --ja-16px-bold-line-height: 32px;
    --ja-16px-bold-font-style: normal;
    --base-14-font-family: "Noto Sans JP", Helvetica;
    --base-14-font-weight: 400;
    --base-14-font-size: 14px;
    --base-14-letter-spacing: 0px;
    --base-14-line-height: 24px;
    --base-14-font-style: normal;
    --bold-JP-large-title-32-font-family: "Noto Sans JP", Helvetica;
    --bold-JP-large-title-32-font-weight: 700;
    --bold-JP-large-title-32-font-size: 32px;
    --bold-JP-large-title-32-letter-spacing: 0px;
    --bold-JP-large-title-32-line-height: 44px;
    --bold-JP-large-title-32-font-style: normal;
    --primary-200: #ffc269;
  }
  .text-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #5f4eb4, #d36bc0);
    -webkit-background-clip: text;
  }
  * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
  }
  html,
  body {
    height: 100%;
    margin: 0;
  }
  button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
  }
  a {
    text-decoration: none;
  }
  @font-face {
    font-family: "Rounded Mplus 1c-Medium";
    src: url(https://anima-uploads.s3.amazonaws.com/5c7e39410a9299000aa18525/RoundedMplus1c-Medium.ttf)
      format("truetype");
  }
}
@layer components {
  @media (min-width: 601px) {
    body {
      background: linear-gradient(89deg, #74d4f51a, #b86ce51a 59%, #f783ca1a);
      max-width: 390px;
      margin: auto;
    }
  }
  body {
    margin-left: auto;
  }
  #lp-canvas {
    text-align: center;
  }
  .fx-center {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .body-wrap {
    flex-direction: column;
    align-items: center;
    min-width: 375px;
    padding-bottom: 40px;
    display: inline-flex;
    position: relative;
  }
  @layer utilities {
    .pt-60 {
      padding-top: 60px;
    }
    .txt-c {
      text-align: center;
    }
    .pt-0 {
      padding-top: 0;
    }
  }
  .body-wrap .hero {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }
  .body-wrap .hero-div {
    background-color: var(--system-gray200);
    width: 100%;
    height: 670px;
    position: relative;
    overflow: hidden;
  }
  .body-wrap .vector {
    mix-blend-mode: multiply;
    width: 359px;
    height: 694px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .mask-group {
    width: 50%;
    height: auto;
    position: absolute;
    top: 363px;
    right: 0;
  }
  .body-wrap .img {
    width: 50%;
    height: auto;
    position: absolute;
    top: 363px;
    left: 0;
  }
  .body-wrap .mask-group-2 {
    width: 50%;
    height: auto;
    position: absolute;
    top: 82px;
    right: 0;
  }
  .body-wrap .mask-group-3 {
    width: 50%;
    height: auto;
    position: absolute;
    top: 82px;
    left: 0;
  }
  .body-wrap .group {
    width: 100%;
    height: auto;
    position: relative;
    top: 187px;
    left: 0;
  }
  .body-wrap .group-2 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .rectangle {
    background-color: #fffc;
    width: 100%;
    height: 141px;
    position: absolute;
    top: 27px;
    left: 69px;
  }
  .body-wrap .rectangle-2 {
    background-color: #fffc;
    width: 328px;
    height: 45px;
    position: absolute;
    top: 45px;
    left: 184px;
  }
  .body-wrap .rectangle-3 {
    background: linear-gradient(89deg, #74d4f580, #b86ce580 59%, #f783ca80);
    width: 440px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 1px;
  }
  .body-wrap .frame {
    flex-direction: column;
    gap: 1px;
    width: 356px;
    height: 146px;
    display: flex;
    position: absolute;
    top: 26px;
    left: 84px;
    transform: rotate(-3.4deg);
  }
  .body-wrap .text-wrapper {
    width: 90%;
    height: 28px;
    color: var(--system-gray000);
    letter-spacing: 4px;
    margin-top: -12.6px;
    margin-left: -26.3px;
    font-family: Noto Serif JP, Helvetica;
    font-size: 20px;
    font-weight: 700;
    line-height: 27.5px;
  }
  .body-wrap .p {
    width: 90%;
    height: 130px;
    color: var(--system-gray800);
    text-align: right;
    margin-left: -59.4px;
    font-family: Noto Serif JP, Helvetica;
    font-size: 33.1px;
    font-weight: 700;
    line-height: 66px;
  }
  .body-wrap .span {
    letter-spacing: 0.66px;
  }
  .body-wrap .text-wrapper-2 {
    letter-spacing: 0.77px;
    font-size: 38.4px;
  }
  .body-wrap .text-wrapper-3 {
    letter-spacing: 1.8px;
    font-size: 44.9px;
  }
  .body-wrap .text-wrapper-4 {
    letter-spacing: 1.36px;
    font-size: 34px;
  }
  .body-wrap .rectangle-4 {
    background-color: #fffc;
    width: 532px;
    height: 158px;
    position: absolute;
    top: 563px;
    left: -22px;
    transform: rotate(-3.46deg);
  }
  .body-wrap .group-3 {
    width: 100%;
    height: 72px;
    position: relative;
    top: 27px;
    left: 0;
  }
  .body-wrap .navigation-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .navigation {
    flex: 1;
    width: 100%;
    display: flex;
  }
  .body-wrap .frame-2 {
    width: 177.84px;
    height: 18.72px;
    margin-top: 31.2px;
    margin-left: 74.9px;
  }
  .body-wrap .logo {
    z-index: 100;
    width: 113px;
    height: 30px;
    position: absolute;
    top: 36px;
    left: 30px;
  }
  .body-wrap .logo-ver {
    background-image: url(../anima_images/--symbol@2x.png);
    background-size: 100% 100%;
    width: 29px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-5 {
    color: #222;
    letter-spacing: 0.94px;
    justify-content: center;
    align-items: center;
    width: 76px;
    height: 18px;
    font-family: "Rounded Mplus 1c-Medium", Helvetica;
    font-size: 5.9px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    position: absolute;
    top: 2px;
    left: 33px;
  }
  .body-wrap .union {
    width: 78px;
    height: 17px;
    position: absolute;
    top: 11px;
    left: 33px;
  }
  .body-wrap .div-wrapper {
    background-color: #fff;
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 96%;
    margin: auto;
    padding: 10px 16px;
    display: flex;
    position: relative;
    bottom: 200px;
    left: 0;
  }
  .body-wrap .div-2 {
    color: var(--tins-colorblue-gray);
    text-align: center;
    align-self: stretch;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 19.7px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
  }
  .body-wrap .text-wrapper-6 {
    letter-spacing: 0.39px;
  }
  .body-wrap .text-wrapper-7 {
    letter-spacing: 0.32px;
    font-size: 16.1px;
  }
  .body-wrap .text-wrapper-8 {
    letter-spacing: 0.12px;
  }
  .body-wrap .text-wrapper-9 {
    letter-spacing: 0.1px;
    font-size: 16.1px;
  }
  .primary-button {
    background: linear-gradient(#0000001a 0% 100%),
      linear-gradient(90deg, #6be4ff, #92b0ef 42%, #b86ce5 75%, #f783ca);
    border-radius: 38px;
    width: 100%;
    min-width: 330px;
    height: 75.9px;
    position: relative;
  }
  .primary-button .text-wrapper {
    font-family: var(--bold-JP-large-title-32-font-family);
    font-weight: var(--bold-JP-large-title-32-font-weight);
    color: var(--system-gray200);
    font-size: var(--bold-JP-large-title-32-font-size);
    text-align: center;
    letter-spacing: var(--bold-JP-large-title-32-letter-spacing);
    line-height: var(--bold-JP-large-title-32-line-height);
    font-style: var(--bold-JP-large-title-32-font-style);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .body-wrap .text-wrapper-10 {
    font-family: var(--bold-JP-large-title-32-font-family);
    font-weight: var(--bold-JP-large-title-32-font-weight);
    color: var(--system-gray200);
    font-size: var(--bold-JP-large-title-32-font-size);
    text-align: center;
    letter-spacing: var(--bold-JP-large-title-32-letter-spacing);
    line-height: var(--bold-JP-large-title-32-line-height);
    font-style: var(--bold-JP-large-title-32-font-style);
    justify-content: center;
    align-items: center;
    display: block;
  }
  .body-wrap .container {
    background-color: #fff;
    width: 100%;
    height: 728px;
    position: relative;
  }
  .body-wrap .BG {
    float: right;
    width: 100%;
    height: auto;
  }
  .body-wrap .inner {
    flex-direction: column;
    align-items: center;
    gap: 3.27px;
    width: 100%;
    padding: 0 16px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .container-text {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: center;
    width: 100%;
    min-width: 230.65px;
    display: flex;
    position: relative;
  }
  .body-wrap .header {
    align-self: stretch;
    width: 100%;
    min-width: 230.65px;
    height: 389px;
    position: relative;
  }
  .body-wrap .pixta {
    aspect-ratio: 1.46;
    -o-object-fit: cover;
    object-fit: cover;
    width: 90%;
    height: 346px;
    position: absolute;
    top: 85px;
    left: -16px;
  }
  .body-wrap .text-wrapper-11 {
    font-family: var(--ja-24px-bold-font-family);
    font-weight: var(--ja-24px-bold-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-24px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-bold-letter-spacing);
    line-height: var(--ja-24px-bold-line-height);
    font-style: var(--ja-24px-bold-font-style);
    margin: auto;
    padding-top: 0;
  }
  .body-wrap .group-4 {
    height: 178px;
    position: absolute;
    top: 327px;
    left: -27px;
  }
  .rectangles {
    height: 178px;
    position: absolute;
    top: 187px;
    left: -27px;
  }
  .body-wrap .rectangle-5 {
    background: linear-gradient(#0003 0% 100%),
      linear-gradient(90deg, #74d4f580, #b86ce580, #f783ca80);
    width: 204px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .rectangle-6 {
    background: linear-gradient(#0003 0% 100%),
      linear-gradient(90deg, #74d4f580, #b86ce580, #f783ca80);
    width: 255px;
    height: 55px;
    position: absolute;
    top: 60px;
    left: 0;
  }
  .body-wrap .rectangle-7 {
    background: linear-gradient(#0003 0% 100%),
      linear-gradient(90deg, #74d4f580, #b86ce580, #f783ca80);
    width: 303px;
    height: 55px;
    position: absolute;
    top: 123px;
    left: 0;
  }
  .body-wrap .text-wrapper-12 {
    text-align: left;
    width: 299px;
    color: var(--system-gray000);
    letter-spacing: 1.91px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 15.3px;
    font-weight: 700;
    line-height: 20.4px;
    position: absolute;
    top: 7px;
    left: 27px;
  }
  .body-wrap .body {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 40px;
    width: 100%;
    min-width: 230.65px;
    padding: 0 0 40px;
    display: flex;
    position: relative;
  }
  .body-wrap .element-point {
    flex: none;
    align-items: flex-end;
    gap: 6px;
    padding-top: 100px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .frame-3 {
    background: linear-gradient(119deg, #387caecc, #7ab9ffcc);
    border: 2px solid #fff;
    border-radius: 6px;
    width: 120px;
    height: 76px;
    padding: 10px 4px;
    position: relative;
  }
  .body-wrap .text-wrapper-13 {
    text-shadow: 1px 1px 2px #0000005c;
    color: var(--system-gray000);
    text-align: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
  }
  .body-wrap .text-wrapper-14 {
    letter-spacing: 0.4px;
  }
  .body-wrap .text-wrapper-15 {
    letter-spacing: 0.14px;
    font-size: 14px;
  }
  .body-wrap .frame-4 {
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .group-5 {
    width: 360px;
    height: 72px;
    margin-right: -2px;
    position: relative;
  }
  .body-wrap .text-wrapper-16 {
    text-align: left;
    width: 358px;
    font-family: var(--ja-18px-bold-font-family);
    font-weight: var(--ja-18px-bold-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-18px-bold-font-size);
    letter-spacing: var(--ja-18px-bold-letter-spacing);
    line-height: var(--ja-18px-bold-line-height);
    font-style: var(--ja-18px-bold-font-style);
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .group-6 {
    flex-direction: column;
    gap: 34px;
    width: 286px;
    height: 35px;
    display: flex;
    position: absolute;
    top: 31px;
    left: 1px;
  }
  .body-wrap .line {
    width: 210px;
    height: 1px;
    display: flex;
  }
  .line17 {
    width: 410px;
  }
  .body-wrap .line-2 {
    flex: 1;
    width: 210px;
  }
  .body-wrap .line-wrapper {
    width: 286px;
    height: 1px;
    display: flex;
  }
  .body-wrap .line-3 {
    flex: 1;
    width: 286px;
  }
  .body-wrap .text-wrapper-17 {
    text-align: left;
    width: 358px;
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
    position: relative;
  }
  .body-wrap .container-2 {
    text-align: left;
    background-color: #fff;
    width: 100%;
    height: 950px;
    padding-top: 40px;
    position: relative;
  }
  .body-wrap .BG-2 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
    position: absolute;
    top: -100px;
    left: 0;
  }
  .body-wrap .header-2 {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 6.19px;
    min-width: 230.65px;
    padding: 80px 0 40px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .text-wrapper-18 {
    font-family: var(--ja-24px-bold-font-family);
    font-weight: var(--ja-24px-bold-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-24px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-bold-letter-spacing);
    line-height: var(--ja-24px-bold-line-height);
    font-style: var(--ja-24px-bold-font-style);
    flex: 1;
    margin-top: -0.62px;
    position: relative;
  }
  .body-wrap .body-2 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 30px;
    width: 100%;
    min-width: 230.65px;
    padding: 0 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .IMG-wrapper {
    width: 100%;
    height: 331px;
    position: absolute;
    top: 200px;
  }
  .body-wrap .IMG {
    width: 100%;
    height: auto;
  }
  .body-wrap .div-4 {
    color: var(--system-gray800);
    letter-spacing: 0;
    align-self: stretch;
    max-width: 80%;
    margin: auto;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .text-wrapper-19 {
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: #3b4043;
    font-size: var(--base-14-font-size);
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
  }
  .body-wrap .text-wrapper-20 {
    font-weight: 700;
  }
  .body-wrap .frame-5 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    padding: 180px 0 0;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-6 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-7 {
    background-color: var(--system-gray000);
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .text-wrapper-21 {
    width: -moz-fit-content;
    width: fit-content;
    color: var(--system-gray800);
    letter-spacing: 2px;
    white-space: nowrap;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .frame-8 {
    border-color: var(--primary-200);
    background: linear-gradient(#ffffffdb 0% 100%),
      linear-gradient(#ffc269 0% 100%);
    background-color: var(--primaryl-86);
    border-radius: 14.28px;
    align-self: stretch;
    width: 100%;
    height: 60px;
    position: relative;
  }
  .body-wrap .frame-9 {
    align-items: flex-start;
    width: 15px;
    height: 14px;
    display: flex;
    position: absolute;
    top: 10px;
    left: 40px;
  }
  .body-wrap .icon-stor {
    aspect-ratio: 1.09;
    width: 15px;
    height: 13.75px;
    position: relative;
  }
  .body-wrap .icon-good {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 6px;
    left: 11px;
  }
  .body-wrap .member-profile {
    align-items: center;
    gap: 5.86px;
    width: 339px;
    height: 29px;
    display: flex;
    position: absolute;
    top: 27px;
    left: 10px;
  }
  .body-wrap .text-wrapper-22 {
    width: 305px;
    height: 29px;
    color: var(--system-gray800);
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: -0.87px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    position: relative;
    overflow: hidden;
  }
  .body-wrap .member-profile-2 {
    width: 339px;
    height: 29px;
    display: flex;
    position: absolute;
    top: 37px;
    left: 10px;
  }
  .body-wrap .text-wrapper-23 {
    width: 338px;
    height: 50px;
    color: var(--system-gray800);
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: -10.7px;
    margin-left: 0.5px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
  }
  .body-wrap .container-3 {
    background-color: #fff;
    width: 100%;
    height: 2761px;
    position: relative;
    overflow: hidden;
  }
  .body-wrap .group-7 {
    background: linear-gradient(#0003 0% 100%),
      linear-gradient(181deg, #00c3ff80, #b86ce580, #f783ca80);
    width: 100vw;
    height: 2147px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .body-wrap .vector-3 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .group-8 {
    mix-blend-mode: soft-light;
    flex-direction: column;
    align-items: center;
    height: 2361px;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .gemini-generated {
    mix-blend-mode: overlay;
    aspect-ratio: 0.48;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 815.11px;
    position: relative;
  }
  .body-wrap .gemini-generated-2 {
    mix-blend-mode: overlay;
    aspect-ratio: 0.48;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 730.77px;
    position: relative;
  }
  .body-wrap .inner-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    padding: 60px 0;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .container-text-wrapper {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: center;
    gap: 3.27px;
    width: 100%;
    padding: 0 16px;
    display: flex;
    position: relative;
  }
  .body-wrap .header-3 {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 6.19px;
    width: 100%;
    min-width: 230.65px;
    padding: 40px 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-24 {
    font-family: var(--ja-24px-bold-font-family);
    font-weight: var(--ja-24px-bold-font-weight);
    color: var(--system-gray000);
    font-size: var(--ja-24px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-bold-letter-spacing);
    line-height: var(--ja-24px-bold-line-height);
    font-style: var(--ja-24px-bold-font-style);
    flex: 1;
    margin-top: -0.62px;
    position: relative;
  }
  .body-wrap .body-3 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 20px;
    width: 100%;
    min-width: 230.65px;
    padding: 0 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-10 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .label {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 40px 0 10px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-25 {
    font-family: var(--ja-18px-bold-font-family);
    font-weight: var(--ja-18px-bold-font-weight);
    color: var(--system-gray000);
    font-size: var(--ja-18px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-18px-bold-letter-spacing);
    line-height: var(--ja-18px-bold-line-height);
    font-style: var(--ja-18px-bold-font-style);
    align-self: stretch;
    margin-top: -1px;
    position: relative;
  }
  .body-wrap .line-4 {
    mix-blend-mode: multiply;
    background-color: #fff;
    width: 210px;
    height: 1px;
    margin-bottom: -1px;
    position: relative;
  }
  .body-wrap .line-5 {
    width: 100%;
    height: 2px;
    position: absolute;
    top: -2px;
    left: 0;
  }
  .body-wrap .archer-image {
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    height: auto;
    margin: auto;
    padding-bottom: 40px;
    display: flex;
    position: relative;
  }
  .body-wrap .component {
    width: 306px;
    height: 299px;
  }
  .body-wrap .group-9 {
    width: 339px;
    height: 95px;
    margin-top: -60px;
    transform: rotate(-3deg);
  }
  .body-wrap .rectangle-8 {
    background-color: var(--system-gray000);
    width: 337px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 1px;
  }
  .body-wrap .text-wrapper-26 {
    color: #0003;
    letter-spacing: 1px;
    font-family: Noto Serif JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    position: absolute;
    top: 5px;
    left: 10px;
  }
  .body-wrap .line-6 {
    width: 210px;
    height: 1px;
    margin-bottom: -1px;
    position: relative;
  }
  .body-wrap .archer-image-2 {
    width: 341px;
    height: 354px;
    margin: auto;
    padding: 40px 0;
    position: relative;
  }
  .body-wrap .component-2 {
    width: 91.5%;
    height: 83.9%;
    position: absolute;
    top: 0;
    left: 8.5%;
  }
  .body-wrap .group-10 {
    width: 329px;
    height: 95px;
    position: absolute;
    top: 250px;
    left: 3px;
    transform: rotate(3deg);
  }
  .body-wrap .rectangle-9 {
    background-color: var(--system-gray000);
    width: 327px;
    height: 95px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-27 {
    color: #0003;
    letter-spacing: 0;
    font-family: Noto Serif JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    position: absolute;
    top: 5px;
    left: 10px;
  }
  .body-wrap .archer-image-3 {
    align-self: stretch;
    width: 100%;
    height: 376px;
    position: relative;
  }
  .body-wrap .component-3 {
    width: 331px;
    height: 301px;
  }
  .body-wrap .group-11 {
    width: 329px;
    height: 120px;
    position: absolute;
    top: 247px;
    left: 18px;
    transform: rotate(-3deg);
  }
  .body-wrap .rectangle-10 {
    background-color: var(--system-gray000);
    width: 327px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-28 {
    color: #0003;
    letter-spacing: 0;
    width: 306px;
    font-family: Noto Serif JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    position: absolute;
    top: 5px;
    left: 10px;
  }
  .body-wrap .group-12 {
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .group-12-innder {
    margin: auto;
    padding-top: 30px;
  }
  .body-wrap .rencon-tum {
    margin: 16px;
    padding-top: 70px;
  }
  .body-wrap .group-13 {
    width: 355px;
    height: 510.45px;
    margin-top: 43.5px;
    position: relative;
  }
  .body-wrap .backbround-about-sp {
    width: 182px;
    height: 365px;
    position: absolute;
    top: 146px;
    left: 64px;
  }
  .body-wrap .section {
    flex-direction: column;
    align-items: flex-start;
    gap: 3.89px;
    width: 336px;
    height: 282px;
    display: flex;
    position: absolute;
    top: 203px;
    left: 9px;
    overflow: hidden;
  }
  .body-wrap .large-title {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 3.89px;
    margin-right: -22px;
    padding: 7.78px 0;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .large-title-2 {
    width: 358px;
    color: var(--system-gray800);
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    margin-top: -0.39px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 10.9px;
    font-weight: 700;
    line-height: 14.8px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-wrapper {
    align-items: flex-start;
    gap: 5.78px;
    display: inline-flex;
    position: absolute;
    top: 34px;
    left: 0;
  }
  .body-wrap .frame-11 {
    align-items: flex-start;
    gap: 10.27px;
    width: 443px;
    display: flex;
    position: relative;
  }
  .body-wrap .group-14 {
    width: 165.78px;
    height: 256.61px;
    position: relative;
  }
  .body-wrap .element-wrapper {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    padding: 0 5px;
    display: inline-flex;
    position: absolute;
    top: 3px;
    left: 5px;
  }
  .body-wrap .element {
    aspect-ratio: 0.59;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150.78px;
    height: 245.2px;
    position: relative;
  }
  .body-wrap .profile-status {
    background-image: url(../anima_images/group@2x.png);
    background-size: 100% 100%;
    width: 21px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-29 {
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 46.73%;
    height: 102.26%;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16.2px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: -8.07%;
    left: 25.68%;
  }
  .body-wrap .group-15 {
    width: 162.96px;
    height: 247px;
    position: relative;
  }
  .body-wrap .group-wrapper {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    padding: 0 5px;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 6px;
  }
  .body-wrap .group-16 {
    background-image: url(../anima_images/01-1@2x.png);
    background-position: 50%;
    background-size: cover;
    width: 147px;
    height: 247px;
    position: relative;
  }
  .body-wrap .profile-status-2 {
    background-image: url(../anima_images/group-1@2x.png);
    background-size: 100% 100%;
    width: 21px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 1px;
  }
  .body-wrap .text-wrapper-30 {
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 46.73%;
    height: 102.26%;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16.2px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: -8.06%;
    left: 25.68%;
  }
  .body-wrap .group-17 {
    width: 150.12px;
    height: 240.58px;
    margin-right: -56.38px;
    position: relative;
  }
  .body-wrap .element-2 {
    aspect-ratio: 0.62;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150px;
    height: 241px;
    position: absolute;
    top: 1102px;
    left: 17770px;
  }
  .body-wrap .profile-status-3 {
    width: 21px;
    height: 22px;
    position: absolute;
    top: 1px;
    left: 1px;
    overflow: hidden;
  }
  .body-wrap .group-18 {
    width: 100.27%;
    height: 100%;
    position: absolute;
    top: 5117.66%;
    left: 81410.9%;
  }
  .body-wrap .text-wrapper-31 {
    color: #fff;
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 46.73%;
    height: 102.26%;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16.2px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: -8.06%;
    left: 25.67%;
  }
  .body-wrap .group-19 {
    width: 144.24px;
    height: 235.38px;
    margin-right: -210.89px;
    position: relative;
  }
  .body-wrap .element-3 {
    aspect-ratio: 0.61;
    -o-object-fit: cover;
    object-fit: cover;
    width: 144px;
    height: 235px;
    position: absolute;
    top: 1102px;
    left: 17770px;
  }
  .body-wrap .group-20 {
    width: 100.27%;
    height: 100%;
    position: absolute;
    top: 5117.66%;
    left: 80661.4%;
  }
  .body-wrap .text-wrapper-32 {
    color: #737171;
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 46.73%;
    height: 102.26%;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16.2px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: absolute;
    top: -8.06%;
    left: 25.68%;
  }
  .body-wrap .element-4 {
    aspect-ratio: 0.63;
    -o-object-fit: cover;
    object-fit: cover;
    width: 150.86px;
    height: 240.72px;
    margin-bottom: -1085.69px;
    margin-right: -18142px;
    position: relative;
  }
  .body-wrap .group-21 {
    width: 314px;
    height: 81px;
    position: absolute;
    top: 0;
    left: 22px;
  }
  .body-wrap .rectangle-11 {
    background-color: var(--secondary);
    mix-blend-mode: multiply;
    border-radius: 51.77px;
    width: 294px;
    height: 7px;
    position: absolute;
    top: 60px;
    left: 6px;
  }
  .body-wrap .div-5 {
    width: 312px;
    color: var(--system-gray800);
    text-align: center;
    font-family: Zen Kaku Gothic New, Helvetica;
    font-size: 24.3px;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 1px;
  }
  .body-wrap .text-wrapper-33 {
    letter-spacing: 1.18px;
  }
  .body-wrap .text-wrapper-34 {
    letter-spacing: -0.59px;
  }
  .body-wrap .frame-12 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 355px;
    padding: 0 27.67px;
    display: flex;
    position: absolute;
    top: 86px;
    left: 0;
  }
  .body-wrap .frame-13 {
    background-color: #fff;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 5.19px;
    padding: 4.15px 5.19px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .text-wrapper-35 {
    width: -moz-fit-content;
    width: fit-content;
    color: var(--system-gray800);
    text-align: center;
    letter-spacing: 5.19px;
    white-space: nowrap;
    margin-top: -0.52px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 17.6px;
    position: relative;
  }
  .body-wrap .group-22 {
    width: 211px;
    height: 79.19px;
    position: relative;
  }
  .body-wrap .logo-2 {
    width: 211px;
    height: 79px;
    position: absolute;
    top: 1px;
    left: 1px;
    overflow: hidden;
  }
  .body-wrap .vector-4 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1536.09%;
    left: 8391.94%;
  }
  .body-wrap .union-2 {
    width: 100%;
    position: absolute;
    top: 4.84%;
    left: 0;
  }
  .body-wrap .union-3 {
    width: 52.18%;
    height: 29.64%;
    position: absolute;
    top: 25.03%;
    left: 38.41%;
  }
  .body-wrap .text-wrapper-36 {
    color: var(--system-gray1000);
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18px;
    font-weight: 400;
    line-height: 91.9px;
    position: absolute;
    top: 81px;
    left: 146px;
  }
  .body-wrap .symbol {
    background-image: url(../anima_images/group-4@2x.png);
    background-size: 100% 100%;
    width: 30.58%;
    height: 73.29%;
    position: absolute;
    top: 13.36%;
    left: 4.77%;
  }
  .body-wrap .text {
    width: 52.18%;
    height: 29.64%;
    position: absolute;
    top: 33.55%;
    left: 41.6%;
  }
  .body-wrap .vector-5 {
    width: 16.12%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .vector-6 {
    width: 13.67%;
    height: 76.28%;
    position: absolute;
    top: 22.33%;
    left: 17.98%;
  }
  .body-wrap .vector-7 {
    width: 12.96%;
    height: 75.99%;
    position: absolute;
    top: 22.34%;
    left: 35.77%;
  }
  .body-wrap .vector-8 {
    width: 11.95%;
    height: 74.59%;
    position: absolute;
    top: 24.02%;
    left: 52.8%;
  }
  .body-wrap .vector-9 {
    width: 12.96%;
    height: 75.99%;
    position: absolute;
    top: 22.34%;
    left: 87.04%;
  }
  .body-wrap .vector-10 {
    width: 14.38%;
    height: 74.07%;
    position: absolute;
    top: 24.28%;
    left: 69.02%;
  }
  .body-wrap .group-23 {
    width: 306px;
    height: 163px;
    position: absolute;
    top: 136px;
    right: 10px;
  }
  .body-wrap .union-4 {
    width: 290px;
    height: 161px;
    position: absolute;
    top: 2px;
    left: 14px;
  }
  .body-wrap .union-5 {
    width: 290px;
    height: 161px;
    position: absolute;
    top: 1px;
    left: 14px;
  }
  .body-wrap .text-wrapper-37 {
    width: 244px;
    color: var(--system-gray800);
    text-align: center;
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    top: 49px;
    left: 51px;
  }
  .body-wrap .symbol-2 {
    background-image: url(../anima_images/group-5@2x.png);
    background-size: 100% 100%;
    width: 17.98%;
    height: 30.29%;
    position: absolute;
    top: 10.83%;
    left: 0;
  }
  .body-wrap .group-24 {
    flex-direction: column;
    gap: 5.3px;
    width: 236px;
    height: 27px;
    display: flex;
    position: relative;
    margin: auto;
    padding-top: 60px;
  }
  .body-wrap .text-wrapper-38 {
    width: 234px;
    height: 82px;
    color: var(--system-gray000);
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
  }
  .body-wrap .line-7 {
    width: 210px;
    height: 1px;
    margin-left: 12px;
    display: flex;
  }
  .body-wrap .point {
    gap: 7.7px;
    width: 162px;
    height: 111px;
    display: flex;
    position: absolute;
    top: 0;
    left: 20px;
  }
  .body-wrap .group-25 {
    width: 40.42px;
    height: 52px;
    margin-top: 59px;
    margin-left: -2.8px;
  }
  .body-wrap .text-wrapper-39 {
    color: #00000080;
    letter-spacing: 2.48px;
    white-space: nowrap;
    width: 109px;
    height: 76px;
    margin-top: 8.6px;
    font-family: Sacramento, Helvetica;
    font-size: 41.3px;
    font-weight: 400;
    line-height: 75.1px;
    transform: rotate(-9.7deg);
  }
  .body-wrap .container-4 {
    background-color: #fff;
    width: 100%;
    height: 880px;
    padding-bottom: 40px;
    position: relative;
  }
  .body-wrap .frame-14 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .inner-2 {
    flex-direction: column;
    align-items: center;
    gap: 3.27px;
    width: 100%;
    padding: 0 16px 60px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .header-4 {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 6.19px;
    width: 263.45px;
    padding: 40px 0;
    display: flex;
    position: relative;
  }
  .body-wrap .body-4 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 5px;
    width: 100%;
    min-width: 230.65px;
    padding: 0 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .group-26 {
    width: 353.83px;
    height: 346.82px;
    position: relative;
  }
  .body-wrap .div-6 {
    color: var(--system-gray1000);
    text-align: center;
    letter-spacing: 0;
    align-self: stretch;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .text-wrapper-40 {
    color: #000;
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .body-wrap .container-5 {
    text-align: left;
    background-color: #fff;
    flex-direction: column;
    flex: none;
    align-items: center;
    gap: 40px;
    width: 100%;
    padding: 0 0 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-41 {
    font-family: var(--ja-24px-medium-font-family);
    font-weight: var(--ja-24px-medium-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-24px-medium-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-medium-letter-spacing);
    line-height: var(--ja-24px-medium-line-height);
    font-style: var(--ja-24px-medium-font-style);
    flex: 1;
    margin-top: -0.62px;
    position: relative;
  }
  .body-wrap .body-5 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 20px;
    width: 100%;
    min-width: 230.65px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-15 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-42 {
    font-family: var(--ja-18px-bold-font-family);
    font-weight: var(--ja-18px-bold-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-18px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-18px-bold-letter-spacing);
    line-height: var(--ja-18px-bold-line-height);
    font-style: var(--ja-18px-bold-font-style);
    align-self: stretch;
    margin-top: -1px;
    position: relative;
  }
  .body-wrap .voice {
    align-self: stretch;
    width: 100%;
    height: 509px;
    position: relative;
  }
  .body-wrap .frame-16 {
    flex-direction: column;
    align-items: center;
    gap: 11.49px;
    width: 345px;
    display: flex;
    position: relative;
    top: 1px;
    left: 6px;
  }
  .body-wrap .ao {
    -o-object-fit: cover;
    object-fit: cover;
    align-self: stretch;
    width: 100%;
    height: 247.45px;
    margin-left: -5.78px;
    margin-right: -5.78px;
    position: relative;
  }
  .body-wrap .frame-17 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 16.08px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-43 {
    color: var(--system-gray800);
    letter-spacing: 0;
    align-self: stretch;
    margin-top: -1.15px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18.4px;
    font-weight: 700;
    line-height: 25.3px;
    position: relative;
  }
  .body-wrap .text-wrapper-44 {
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
    align-self: stretch;
    position: relative;
  }
  .body-wrap .frame-18 {
    flex: none;
    align-self: stretch;
    align-items: center;
    gap: 11.49px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .group-27 {
    background-image: url(../anima_images/image@2x.png);
    background-position: 50%;
    background-size: cover;
    width: 55.13px;
    height: 55.14px;
    position: relative;
  }
  .body-wrap .text-wrapper-45 {
    width: 278px;
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
    margin-right: -0.03px;
    position: relative;
  }
  .body-wrap .voice-2 {
    align-self: stretch;
    width: 100%;
    height: 460px;
    position: relative;
  }
  .body-wrap .ao-2 {
    -o-object-fit: cover;
    object-fit: cover;
    align-self: stretch;
    width: 100%;
    height: 247.56px;
    margin-left: -5.78px;
    margin-right: -5.78px;
    position: relative;
  }
  .body-wrap .frame-19 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 16.09px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .group-28 {
    background-image: url(../anima_images/image-1@2x.png);
    background-position: 50%;
    background-size: cover;
    width: 55.16px;
    height: 55.16px;
    position: relative;
  }
  .body-wrap .text-wrapper-46 {
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    white-space: nowrap;
    font-style: var(--base-14-font-style);
    position: relative;
  }
  .body-wrap .label-2 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 40px 0 10px;
    display: flex;
    position: relative;
  }
  .body-wrap .line-8 {
    width: 210px;
    height: 1px;
    position: relative;
  }
  .body-wrap .text-wrapper-47 {
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    text-align: center;
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
    align-self: stretch;
    position: relative;
  }
  .body-wrap .vector-11 {
    mix-blend-mode: multiply;
    width: 209px;
    height: 59px;
    position: absolute;
    top: 1386px;
    left: 0;
  }
  .body-wrap .container-6 {
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
  }
  .body-wrap .inner-3 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 3.27px;
    width: 100%;
    height: auto;
    padding: 0 16px 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .vector-12 {
    mix-blend-mode: multiply;
    width: 212px;
    height: 290px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .vector-13 {
    mix-blend-mode: multiply;
    width: 346px;
    height: 639px;
    position: absolute;
    top: 7px;
    right: 0;
  }
  .body-wrap .vector-14 {
    mix-blend-mode: multiply;
    width: 234px;
    height: 263px;
    position: absolute;
    top: 551px;
    left: 0;
  }
  .body-wrap .vector-15 {
    mix-blend-mode: multiply;
    width: 100%;
    height: 685px;
    position: absolute;
    top: 715px;
    left: 0;
  }
  .body-wrap .frame-20 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: auto;
    padding: 0 0 60px;
    display: flex;
    position: relative;
  }
  .body-wrap .body-wrapper {
    background: linear-gradient(#ffffffb3 0% 100%);
    border-radius: 30px;
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: center;
    width: 100%;
    min-width: 230.65px;
    padding: 30px 0;
    display: flex;
    position: relative;
  }
  .body-wrap .group-29 {
    background-image: url(../anima_images/ellipse-41.svg);
    background-size: 100% 100%;
    width: 45px;
    height: 45px;
    position: relative;
  }
  .body-wrap .group-30 {
    background-image: url(../anima_images/union-5.svg);
    background-size: 100% 100%;
    width: 13px;
    height: 27px;
    position: relative;
    top: 3px;
    left: 11px;
  }
  .body-wrap .text-wrapper-48 {
    font-family: var(--ja-18px-bold-font-family);
    font-weight: var(--ja-18px-bold-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-18px-bold-font-size);
    text-align: center;
    letter-spacing: var(--ja-18px-bold-letter-spacing);
    line-height: var(--ja-18px-bold-line-height);
    font-style: var(--ja-18px-bold-font-style);
    align-self: stretch;
    position: relative;
  }
  .body-wrap .voice-3 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
    padding: 0 6px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-21 {
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    gap: 11.49px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-49 {
    width: 53px;
    color: var(--system-gray800);
    letter-spacing: 0;
    margin-top: -1.15px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .frame-22 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16.08px;
    width: 231px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-50 {
    color: var(--system-gray800);
    letter-spacing: 0;
    align-self: stretch;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .group-31 {
    background-image: url(../anima_images/ellipse-41-1.svg);
    background-size: 100% 100%;
    width: 45px;
    height: 45px;
    position: relative;
  }
  .body-wrap .group-32 {
    background-image: url(../anima_images/union-6.svg);
    background-size: 100% 100%;
    width: 13px;
    height: 27px;
    position: relative;
    top: 3px;
    left: 11px;
  }
  .body-wrap .frame-23 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    margin-bottom: -30.64px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-23 .compare {
    width: 100%;
    height: auto;
    padding-bottom: 80px;
  }
  .body-wrap .header-5 {
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 6.19px;
    width: 100%;
    min-width: 230.65px;
    padding: 14.87px 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .container-text-2 {
    border-radius: 30px;
    width: 358px;
    height: 563px;
    position: relative;
  }
  .body-wrap .group-33 {
    width: 370px;
    height: 455px;
    position: absolute;
    top: 97px;
    left: 0;
  }
  .body-wrap .BG-3 {
    width: 358px;
    height: 455px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .l {
    background-color: #ffffff80;
    border: 2px solid #0000;
    border-radius: 8px 0 8px 8px;
    width: 358px;
    height: 425px;
    position: absolute;
    top: 30px;
    left: 0;
    box-shadow: 0 0.99px 0.99px #00000040;
  }
  .body-wrap .l-2 {
    background-color: #918b97;
    border-radius: 8px 8px 0 0;
    width: 128px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 230px;
  }
  .body-wrap .l-3 {
    border: 2px solid #0000;
    border-radius: 8px 8px 0 0;
    width: 128px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 230px;
  }
  .body-wrap .text-wrapper-51 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    display: flex;
    position: absolute;
    top: 345px;
    left: 7px;
  }
  .body-wrap .text-wrapper-52 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: 287px;
    left: 7px;
  }
  .body-wrap .text-wrapper-53 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 24px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 44px;
    left: 7px;
  }
  .body-wrap .text-wrapper-54 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 24px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 89px;
    left: 7px;
  }
  .body-wrap .text-wrapper-55 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 24px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 134px;
    left: 7px;
  }
  .body-wrap .text-wrapper-56 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 94px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 180px;
    left: 7px;
  }
  .body-wrap .text-wrapper-57 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: 499px;
    left: 7px;
  }
  .body-wrap .union-6 {
    width: 99.44%;
    height: 99.81%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .line-9 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 268px;
    left: 1px;
  }
  .body-wrap .line-10 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 172px;
    left: 1px;
  }
  .body-wrap .line-11 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 220px;
    left: 1px;
  }
  .body-wrap .line-12 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 379px;
    left: 1px;
  }
  .body-wrap .line-13 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 437px;
    left: 1px;
  }
  .body-wrap .line-14 {
    mix-blend-mode: multiply;
    background-image: url(../anima_images/line-34-5.svg);
    background-size: 100% 100%;
    width: 357px;
    height: 1px;
    position: absolute;
    top: 494px;
    left: 1px;
  }
  .body-wrap .text-wrapper-58 {
    width: 148px;
    height: 50px;
    color: var(--secondary-color050);
    text-align: center;
    letter-spacing: 2.2px;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 22px;
    font-weight: 700;
    line-height: 19.8px;
    display: flex;
    position: absolute;
    top: 384px;
    left: 82px;
  }
  .body-wrap .text-wrapper-59 {
    width: 148px;
    height: 20px;
    color: var(--secondary-color050);
    text-align: center;
    letter-spacing: 2.2px;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 22px;
    font-weight: 700;
    line-height: 19.8px;
    display: flex;
    position: absolute;
    top: 143px;
    left: 82px;
  }
  .body-wrap .text-wrapper-60 {
    width: 148px;
    height: 48px;
    color: var(--secondary-color050);
    text-align: center;
    letter-spacing: 2.2px;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 22px;
    font-weight: 700;
    line-height: 19.8px;
    display: flex;
    position: absolute;
    top: 172px;
    left: 82px;
  }
  .body-wrap .text-wrapper-61 {
    width: 148px;
    height: 20px;
    color: var(--secondary-color050);
    text-align: center;
    letter-spacing: 2.2px;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 22px;
    font-weight: 700;
    line-height: 19.8px;
    display: flex;
    position: absolute;
    top: 234px;
    left: 82px;
  }
  .body-wrap .OK-2 {
    letter-spacing: 0;
    color: var(--system-gray000);
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    display: flex;
  }
  .body-wrap .text-wrapper-62 {
    color: #fff;
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
  }
  .body-wrap .text-wrapper-63 {
    font-size: 14px;
  }
  .body-wrap .text-wrapper-64 {
    width: 148px;
    height: 50px;
    color: var(--system-gray000);
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 503px;
    left: 82px;
  }
  .body-wrap .text-wrapper-65 {
    height: 24px;
    color: var(--system-gray000);
    text-align: center;
    letter-spacing: 0;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 100px;
    left: 261px;
  }
  .body-wrap .text-wrapper-66 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    position: absolute;
    top: 384px;
    left: 280px;
  }
  .body-wrap .frame-24 {
    flex-direction: column;
    width: 98px;
    height: 126px;
    display: flex;
    position: absolute;
    top: 141px;
    left: 247px;
  }
  .body-wrap .text-wrapper-67 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 98px;
    height: 24px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
  }
  .body-wrap .text-wrapper-68 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 98px;
    height: 24px;
    margin-top: 21px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
  }
  .body-wrap .div-7 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 67px;
    height: 36px;
    margin-top: 16px;
    margin-left: 15.5px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
  }
  .body-wrap .text-wrapper-69 {
    line-height: 20px;
  }
  .body-wrap .text-wrapper-70 {
    font-size: 11px;
    line-height: 16px;
  }
  .body-wrap .text-wrapper-71 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 97px;
    height: 94px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    position: absolute;
    top: 278px;
    left: 250px;
  }
  .body-wrap .element-h {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    display: flex;
    position: absolute;
    top: 442px;
    left: 237px;
  }
  .body-wrap .text-wrapper-72 {
    color: #4a6b81;
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
  }
  .body-wrap .text-wrapper-73 {
    font-size: 12px;
  }
  .body-wrap .text-wrapper-74 {
    color: #4a6b81;
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 50px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: 499px;
    left: 237px;
  }
  .body-wrap .group-34 {
    flex-direction: column;
    gap: 6px;
    width: 152px;
    height: 94px;
    display: flex;
    position: absolute;
    top: 278px;
    left: 82px;
  }
  .body-wrap .element-5 {
    width: 148px;
    height: 44px;
    color: var(--system-gray000);
    text-align: center;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
  }
  .body-wrap .text-wrapper-75 {
    color: #fff;
    letter-spacing: 0;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }
  .body-wrap .rectangle-12 {
    background-color: #fff;
    border-radius: 5.94px;
    width: 37.43%;
    height: 12.43%;
    position: absolute;
    top: 10.48%;
    left: 24.86%;
    transform: rotate(180deg);
  }
  .body-wrap .text-wrapper-76 {
    width: 80%;
    height: 7.1%;
    color: var(--system-gray000);
    text-align: center;
    letter-spacing: 2px;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans, Helvetica;
    font-size: 17.8px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    position: absolute;
    top: 10px;
    left: 12.85%;
  }
  .body-wrap .logo-symbol {
    flex-direction: column;
    align-items: center;
    gap: 4.31px;
    width: 22%;
    height: 9.67%;
    padding: 0 4.31px;
    display: inline-flex;
    position: absolute;
    top: 11.9%;
    left: 32.68%;
  }
  .body-wrap .logo-ver-2 {
    background-image: url(../anima_images/--symbol-1@2x.png);
    background-size: 100% 100%;
    width: 35.4px;
    height: 35.08px;
    position: relative;
  }
  .body-wrap .union-7 {
    width: 70.16px;
    height: 14.81px;
    position: relative;
  }
  .body-wrap .header-6 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 6.19px;
    width: 100%;
    min-width: 230.65px;
    padding: 14.87px 0 12.39px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-77 {
    font-family: var(--ja-24px-medium-font-family);
    font-weight: var(--ja-24px-medium-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-24px-medium-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-medium-letter-spacing);
    line-height: var(--ja-24px-medium-line-height);
    font-style: var(--ja-24px-medium-font-style);
    align-self: stretch;
    margin-top: -0.62px;
    position: relative;
  }
  .body-wrap .frame-25 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 20px;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .mask-group-4 {
    width: 226.43px;
    height: 197.31px;
    position: relative;
  }
  .body-wrap .element-no {
    font-family: var(--ja-16px-medium-font-family);
    font-weight: var(--ja-16px-medium-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-16px-medium-font-size);
    text-align: center;
    letter-spacing: var(--ja-16px-medium-letter-spacing);
    line-height: var(--ja-16px-medium-line-height);
    font-style: var(--ja-16px-medium-font-style);
    align-self: stretch;
    position: relative;
  }
  .body-wrap .frame-26 {
    width: 100%;
    height: 933px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .inner-4 {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: center;
    gap: 3.27px;
    width: 100%;
    padding: 80px 16px 0;
    display: flex;
    position: relative;
  }
  .body-wrap .body-6 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .body-wrap .frame-27 {
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    gap: 30px;
    width: 100%;
    display: flex;
  }
  .body-wrap .voice-4 {
    align-self: stretch;
    width: 100%;
    height: 120px;
    position: relative;
  }
  .body-wrap .fukidashi {
    border-color: var(--primary-200);
    border-radius: 11.57px;
    width: 283px;
    height: 120px;
    position: absolute;
    top: calc(50% - 60px);
    left: 74px;
  }
  .body-wrap .fukidashi-bg {
    width: 276px;
    height: 98px;
    position: absolute;
    top: 1px;
    left: 1px;
  }
  .body-wrap .union-8 {
    mix-blend-mode: multiply;
    width: 100%;
    height: 96.31%;
    position: absolute;
    top: 3.59%;
    left: 0;
  }
  .body-wrap .union-9 {
    width: 100%;
    height: 96.31%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-78 {
    color: #405e6f;
    letter-spacing: 0;
    width: 244px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: 10px;
    left: 20px;
  }
  .body-wrap .text-wrapper-79 {
    color: var(--system-gray800);
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Noto Sans JP, Helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: 98px;
    left: 8px;
  }
  .body-wrap .icon-good-2 {
    width: 358px;
    height: 88px;
    position: absolute;
    top: 30px;
    left: 0;
  }
  .body-wrap .voice-5 {
    width: 360px;
    height: 149.34px;
    margin-right: -2px;
    position: relative;
    transform: rotate(-180deg);
  }
  .body-wrap .fukidashi-2 {
    border-color: var(--primary-200);
    border-radius: 11.57px;
    width: 284px;
    height: 132px;
    position: relative;
    left: 74px;
  }
  .body-wrap .fukidashi-bg-2 {
    width: 276px;
    height: 132px;
    position: absolute;
    top: 0;
    left: 1px;
  }
  .body-wrap .union-10 {
    mix-blend-mode: multiply;
    width: 100%;
    height: 96.17%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
  }
  .body-wrap .union-11 {
    width: 100%;
    height: 96.17%;
    position: absolute;
    top: 3.83%;
    left: 0;
    transform: rotate(180deg);
  }
  .body-wrap .text-wrapper-80 {
    color: #405e6f;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 244px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    display: -webkit-box;
    position: absolute;
    top: 30px;
    left: 16px;
    overflow: hidden;
    transform: rotate(-180deg);
  }
  .body-wrap .icon-good-3 {
    width: 88px;
    height: 88px;
    position: absolute;
    top: 7px;
    left: 0;
    transform: rotate(180deg);
  }
  .body-wrap .text-wrapper-81 {
    color: var(--system-gray800);
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Noto Sans JP, Helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: -20px;
    left: 70px;
    transform: rotate(180deg);
  }
  .body-wrap .voice-6 {
    align-self: stretch;
    width: 100%;
    height: 148.72px;
    position: relative;
  }
  .body-wrap .fukidashi-3 {
    border-color: var(--primary-200);
    border-radius: 11.57px;
    width: 286px;
    height: 149px;
    position: absolute;
    top: calc(50% - 74px);
    left: 72px;
  }
  .body-wrap .fukidashi-bg-3 {
    width: 276px;
    height: 132px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .union-12 {
    mix-blend-mode: multiply;
    width: 100%;
    height: 96.17%;
    position: absolute;
    top: 3.59%;
    left: 0;
  }
  .body-wrap .union-13 {
    width: 100%;
    height: 96.17%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .body-wrap .text-wrapper-82 {
    color: #405e6f;
    letter-spacing: 0;
    width: 244px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: 9px;
    left: 20px;
  }
  .body-wrap .text-wrapper-83 {
    color: var(--system-gray800);
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Noto Sans JP, Helvetica;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: 127px;
    left: 11px;
  }
  .body-wrap .icon-good-4 {
    width: 91px;
    height: 88px;
    position: absolute;
    top: 57px;
    left: 0;
  }
  .body-wrap .icon-good-5 {
    width: 88px;
    height: 88px;
    position: absolute;
    top: 1px;
    left: 0;
    transform: rotate(180deg);
  }
  .body-wrap .q-a {
    color: var(--system-gray800);
    text-align: center;
    letter-spacing: 0.48px;
    flex: 1;
    margin-top: -0.62px;
    font-family: Noto Serif JP, Helvetica;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    position: relative;
  }
  .body-wrap .section-q-a {
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    width: 100%;
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-28 {
    background: linear-gradient(#74d4f54d, #b86ce54d, #f783ca4d);
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    padding: 40px 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .q {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-end;
    width: 338px;
    margin-right: -8px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-29 {
    background-color: var(--system-gray000);
    border-radius: 6px;
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    padding: 8px 16px 8px 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-85 {
    color: var(--tins-colorblue-gray);
    letter-spacing: 0;
    align-self: stretch;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .text-wrapper-86 {
    color: #60c2e4;
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Jost, Helvetica;
    font-size: 48px;
    font-weight: 300;
    line-height: 30px;
    position: absolute;
    top: 8px;
    left: -12px;
  }
  .body-wrap .fukidashi-r {
    background-image: url(../anima_images/vector-39.svg);
    background-size: 100% 100%;
    width: 100%;
    height: 8px;
    position: relative;
  }
  .body-wrap .a {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-87 {
    color: var(--key-color-graysecondary);
    letter-spacing: 0;
    align-self: stretch;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .text-wrapper-88 {
    color: #b86ce5;
    letter-spacing: 0;
    white-space: nowrap;
    font-family: Jost, Helvetica;
    font-size: 48px;
    font-weight: 300;
    line-height: 30px;
    position: absolute;
    top: 8px;
    left: -12px;
  }
  .body-wrap .fukidashi-r-2 {
    width: 18.35px;
    height: 8px;
    position: relative;
    transform: rotate(180deg);
  }
  .body-wrap .vector-16 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-180deg);
  }
  .body-wrap .q-2 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: relative;
  }
  .body-wrap .text-wrapper-89 {
    color: var(--tins-colorblue-gray);
    letter-spacing: 0;
    align-self: stretch;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .element-6 {
    color: var(--key-color-graysecondary);
    letter-spacing: 0;
    align-self: stretch;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
  }
  .body-wrap .a-2 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 338px;
    margin-right: -8px;
    padding: 10px 0 30px;
    display: flex;
    position: relative;
  }
  .body-wrap .container-7 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 80px;
    display: flex;
    position: relative;
  }
  .body-wrap .inner-5 {
    flex-direction: column;
    flex: none;
    align-items: center;
    gap: 3.27px;
    width: 100%;
    padding: 0 16px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-30-wrap {
    background-color: #fff;
    margin: 0 -16px;
    padding-bottom: 160px;
    position: absolute;
    overflow: hidden;
  }
  .body-wrap .frame-30 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 187px;
  }
  .body-wrap .text-wrapper-90 {
    font-family: var(--base-14-font-family);
    font-weight: var(--base-14-font-weight);
    color: var(--system-gray800);
    font-size: var(--base-14-font-size);
    text-align: center;
    letter-spacing: var(--base-14-letter-spacing);
    line-height: var(--base-14-line-height);
    font-style: var(--base-14-font-style);
    align-self: stretch;
    margin-top: -0.62px;
    position: relative;
  }
  .body-wrap .frame-31 {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 464px;
    padding: 180px 0 200px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-32 {
    -webkit-backdrop-filter: blur(2px) brightness();
    background: linear-gradient(#fffc 0% 100%),
      linear-gradient(#74d4f566, #b86ce566, #f783ca66);
    border: 3px solid #ffe7f6;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 100%;
    max-width: 370px;
    margin: 0 auto 100px;
    padding: 30px 30px 40px;
    display: flex;
    position: relative;
  }
  .body-wrap .frame-33 {
    flex-direction: column;
    flex: none;
    align-items: center;
    margin-top: -19px;
    margin-left: -7px;
    margin-right: -7px;
    padding: 0 0 10px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .text-wrapper-91 {
    width: 312px;
    font-family: var(--ja-16px-medium-font-family);
    font-weight: var(--ja-16px-medium-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-16px-medium-font-size);
    text-align: center;
    letter-spacing: var(--ja-16px-medium-letter-spacing);
    line-height: var(--ja-16px-medium-line-height);
    font-style: var(--ja-16px-medium-font-style);
    margin-top: -1px;
    position: relative;
  }
  .body-wrap .text-wrapper-92 {
    width: 312px;
    font-family: var(--ja-24px-medium-font-family);
    font-weight: var(--ja-24px-medium-font-weight);
    color: var(--system-gray800);
    font-size: var(--ja-24px-medium-font-size);
    text-align: center;
    letter-spacing: var(--ja-24px-medium-letter-spacing);
    line-height: var(--ja-24px-medium-line-height);
    font-style: var(--ja-24px-medium-font-style);
    position: relative;
  }
  .body-wrap .frame-34 {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: -19px;
    margin-left: -7px;
    margin-right: -7px;
    display: inline-flex;
    position: relative;
  }
  .body-wrap .element-7 {
    color: #0000;
    text-align: center;
    width: 312px;
    margin-top: -1px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 18px;
    font-weight: 700;
    line-height: 38px;
    position: relative;
  }
  .body-wrap .text-wrapper-93 {
    color: #707f89;
    letter-spacing: 0.03px;
  }
  .body-wrap .text-wrapper-94 {
    color: #707f89;
    letter-spacing: 0.1px;
    font-size: 32px;
  }
  .body-wrap .text-wrapper-95 {
    color: #60c2e4;
    letter-spacing: 0.1px;
    font-size: 32px;
  }
  .body-wrap .text-wrapper-96 {
    color: #60c2e4;
    letter-spacing: 0.03px;
  }
  .body-wrap .text-wrapper-97 {
    color: #707f89;
    letter-spacing: 0.2px;
    font-size: 32px;
  }
  .body-wrap .element-8 {
    color: #0000;
    text-align: center;
    width: 312px;
    font-family: Noto Sans JP, Helvetica;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    position: relative;
  }
  .body-wrap .text-wrapper-98 {
    color: #707f89;
    letter-spacing: 0.1px;
  }
  .body-wrap .text-wrapper-99 {
    color: #707f89;
    letter-spacing: 0.03px;
    font-size: 18px;
  }
  .body-wrap .text-wrapper-100 {
    color: #60c2e4;
    letter-spacing: 0.1px;
  }
  .body-wrap .text-wrapper-101 {
    color: #60c2e4;
    letter-spacing: 0.03px;
    font-size: 18px;
  }
  .body-wrap .text-wrapper-102 {
    color: #707f89;
    letter-spacing: 0.2px;
  }
  .body-wrap .primary-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .body-wrap .primary-button-2 {
    align-self: stretch;
    width: 100%;
    height: 75.9px;
    position: relative;
  }
}
@layer utilities {
  .container {
    width: 100%;
  }
  @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: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .w-full {
    width: 100%;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
      var(--tw-skew-x) var(--tw-skew-y);
  }
  .resize {
    resize: both;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .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, 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));
  }
}
@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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}