/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-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;
    --spacing: .25rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

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

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size !important;
  }

  .visible {
    visibility: visible !important;
  }

  .absolute {
    position: absolute !important;
  }

  .fixed {
    position: fixed !important;
  }

  .relative {
    position: relative !important;
  }

  .static {
    position: static !important;
  }

  .start {
    inset-inline-start: var(--spacing) !important;
  }

  .end {
    inset-inline-end: var(--spacing) !important;
  }

  .container {
    width: 100% !important;
  }

  @media (min-width: 60em) {
    .container {
      max-width: 60em !important;
    }
  }

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

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

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

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

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

  .block {
    display: block !important;
  }

  .contents {
    display: contents !important;
  }

  .flex {
    display: flex !important;
  }

  .grid {
    display: grid !important;
  }

  .hidden {
    display: none !important;
  }

  .inline {
    display: inline !important;
  }

  .inline-block {
    display: inline-block !important;
  }

  .table {
    display: table !important;
  }

  .w-\[7\.9\%\] {
    width: 7.9% !important;
  }

  .w-\[12\.9\%\] {
    width: 12.9% !important;
  }

  .w-\[15\.4\%\] {
    width: 15.4% !important;
  }

  .w-\[24\.1\%\] {
    width: 24.1% !important;
  }

  .w-\[39\.8\%\] {
    width: 39.8% !important;
  }

  .w-full {
    width: 100% !important;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .resize {
    resize: both !important;
  }

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

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

  .mask-repeat {
    -webkit-mask-repeat: repeat !important;
    mask-repeat: repeat !important;
  }

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

  .blur {
    --tw-blur: blur(8px) !important;
    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, ) !important;
  }

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

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

  @media not all and (min-width: 60em) {
    .sp\:mx-auto {
      margin-inline: auto !important;
    }

    .sp\:mt-16 {
      margin-top: calc(var(--spacing) * 16) !important;
    }

    .sp\:grid {
      display: grid !important;
    }

    .sp\:hidden {
      display: none !important;
    }

    .sp\:max-w-160 {
      max-width: calc(var(--spacing) * 160) !important;
    }

    .sp\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4) !important;
    }
  }

  @media (min-width: 60em) {
    .pc\:mt-40 {
      margin-top: calc(var(--spacing) * 40) !important;
    }

    .pc\:flex {
      display: flex !important;
    }

    .pc\:hidden {
      display: none !important;
    }

    .pc\:gap-x-8 {
      -moz-column-gap: calc(var(--spacing) * 8) !important;
           column-gap: calc(var(--spacing) * 8) !important;
    }
  }

  @media not all and (min-width: 43.75em) {
    .hero-sp\:hidden {
      display: none !important;
    }
  }

  @media (min-width: 43.75em) {
    .hero-pc\:hidden {
      display: none !important;
    }
  }
}

:root {
  --primary_black: #303030;
  --primary_pink: #e3195c;
  --primary_yellow: #f7dc66;
  --secondary_yellow: #b49b2d;
  --sub_color_01: #faf7e5;
  --white: #fff;
  --gray_annotation: #7f7f7f;
  --gray_border: #e5e5e5;
  --gray_dark: #424242;
  --article_hero_bg: #f9e794;
  --secondary_yellow_02: #ede4af;
  --icon-arrow: url("data:image/svg+xml;charset=UTF-8,<svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M8 11L12.2929 6.70711C12.6834 6.31658 12.6834 5.68342 12.2929 5.29289L8 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>");
  --icon-hamburger: url("data:image/svg+xml;charset=UTF-8,<svg width=\"24\" height=\"18\" viewBox=\"0 0 24 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"9\" x2=\"23\" y2=\"9\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"1\" y1=\"17\" x2=\"23\" y2=\"17\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>");
  --icon-close: url("data:image/svg+xml;charset=UTF-8,<svg width=\"24\" height=\"17\" viewBox=\"0 0 24 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1.5\" x2=\"22\" y2=\"15.5\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/><line x1=\"22\" y1=\"1.5\" x2=\"2\" y2=\"15.5\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>");
  --icon-balloon-pointer: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"17\" viewBox=\"0 0 26 17\" fill=\"none\"><g><path d=\"M14.6339 14.6853C13.8371 15.8141 12.1629 15.8141 11.3661 14.6853L1 -1.90798e-07L13 8.58275e-07L25 1.90735e-06L14.6339 14.6853Z\" fill=\"%23FAF7E5\"/><path d=\"M1 -1.90798e-07L11.3661 14.6853C12.1629 15.8141 13.8371 15.8141 14.6339 14.6853L25 1.90735e-06\" stroke=\"%23303030\"/></g></svg>");
  --icon-balloon-pointer-white: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"17\" viewBox=\"0 0 26 17\" fill=\"none\"><g><path d=\"M14.6339 14.6853C13.8371 15.8141 12.1629 15.8141 11.3661 14.6853L1 -1.90798e-07L13 8.58275e-07L25 1.90735e-06L14.6339 14.6853Z\" fill=\"%23ffffff\"/><path d=\"M1 -1.90798e-07L11.3661 14.6853C12.1629 15.8141 13.8371 15.8141 14.6339 14.6853L25 1.90735e-06\" stroke=\"%23303030\"/></g></svg>");
  --icon-stop: url("data:image/svg+xml;charset=UTF-8,<svg width=\"10\" height=\"12\" viewBox=\"0 0 10 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"3\" height=\"12\" rx=\"1\" fill=\"black\"/><rect x=\"7\" width=\"3\" height=\"12\" rx=\"1\" fill=\"black\"/></svg>");
  --icon-triangle-right: url("data:image/svg+xml;charset=UTF-8,<svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0L9 8L0 16Z\" fill=\"%23303030\"/></svg>");
  --path-play: polygon(0 0, 0 100%, 100% 50%);
  --logo-danny: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 65 29.9329\" fill=\"none\"><path d=\"M5.47626 22.4734H0.817055C0.314865 22.4734 0 22.0629 0 21.5608V0.912647C0 0.502155 0.378635 0 0.817055 0H5.47626C9.88437 0 11.9928 2.26767 11.9928 7.01821V15.4233C11.9928 20.2376 9.88437 22.4734 5.47626 22.4734ZM8.50136 7.99463C8.50136 4.43969 7.62053 3.2122 5.19727 3.2122H4.31644C3.81425 3.2122 3.4675 3.55892 3.4675 4.06108V18.5399C3.4675 18.9504 3.84614 19.2652 4.22477 19.2652H5.20125C7.62452 19.2652 8.50534 18.0058 8.50534 14.5107V7.99463H8.50136Z\" fill=\"black\"/><path d=\"M24.4228 22.4722H23.0079C22.5057 22.4722 22.1909 22.0019 22.1909 21.5596C22.1909 21.2128 22.0354 21.0893 21.8441 21.0893C21.5611 21.0893 21.5293 21.3085 21.2463 21.5596C20.2379 22.3766 19.4209 22.6595 18.3806 22.6595C16.2403 22.6595 14.9809 21.2128 14.9809 18.726C14.9809 17.2793 15.4512 16.2072 16.4595 15.3902C17.4998 14.5732 18.4125 14.1309 21.2423 12.9671C21.7764 12.7479 22.1869 12.465 22.1869 11.8353C22.1869 10.3249 21.7445 10.0419 20.5488 10.0419C19.668 10.0419 19.102 10.2013 18.8509 10.9227C18.6915 11.3929 18.3487 11.8353 17.7788 11.8353H16.2682C15.8258 11.8353 15.483 11.5205 15.483 11.11C15.483 10.5122 16.1765 7.2083 20.9593 7.2083C22.5336 7.2083 23.6656 7.6188 24.3909 8.37203C25.1761 9.18903 25.3355 9.78683 25.3355 11.6759V21.6871C25.3355 22.1295 24.8015 22.4722 24.4228 22.4722ZM22.1869 16.2072C22.1869 15.7967 21.9039 15.8286 21.6209 15.9562C19.2614 16.9645 18.0339 17.2793 18.0339 18.5985C18.0339 19.0408 18.1295 19.4792 18.6955 19.4792C19.0103 19.4792 19.4527 19.3517 20.0187 19.0368C21.4017 18.3115 22.1909 17.5583 22.1909 16.5819V16.2033L22.1869 16.2072Z\" fill=\"black\"/><path d=\"M37.5939 22.4692H36.3025C35.8003 22.4692 35.4217 22.0905 35.4217 21.5884V12.2069C35.4217 10.8837 35.0749 10.4453 34.1941 10.4453C33.5006 10.4453 32.7473 10.7921 32.0857 11.4536C31.8027 11.7366 31.6433 11.9558 31.6433 12.3982V21.5884C31.6433 22.0905 31.2328 22.4692 30.7306 22.4692H29.4074C28.9371 22.4692 28.4947 22.0587 28.4947 21.5884V8.27331C28.4947 7.73927 28.965 7.39255 29.4074 7.39255H30.6987C31.169 7.39255 31.6114 7.73927 31.6114 8.24143V8.87112C31.6114 9.21784 31.8306 9.18596 32.1136 8.903C33.3731 7.64363 34.4731 7.20125 35.7645 7.20125C37.6855 7.20125 38.5664 8.33309 38.5664 10.6964V21.5884C38.5664 22.0905 38.0642 22.4692 37.5899 22.4692H37.5939Z\" fill=\"black\"/><path d=\"M50.8044 22.4692H49.513C49.0109 22.4692 48.6322 22.0905 48.6322 21.5884V12.2069C48.6322 10.8837 48.2855 10.4453 47.4046 10.4453C46.7111 10.4453 45.9579 10.7921 45.2962 11.4536C45.0133 11.7366 44.8538 11.9558 44.8538 12.3982V21.5884C44.8538 22.0905 44.4433 22.4692 43.9411 22.4692H42.6179C42.1476 22.4692 41.7052 22.0587 41.7052 21.5884V8.27331C41.7052 7.73927 42.1755 7.39255 42.6179 7.39255H43.9092C44.3795 7.39255 44.822 7.73927 44.822 8.24143V8.87112C44.822 9.21784 45.0412 9.18596 45.3241 8.903C46.5836 7.64363 47.6836 7.20125 48.975 7.20125C50.8961 7.20125 51.7769 8.33309 51.7769 10.6964V21.5884C51.7769 22.0905 51.2747 22.4692 50.8004 22.4692H50.8044Z\" fill=\"black\"/><path d=\"M61.6015 23.9508C61.0993 26.2504 60.4058 28.797 57.8868 29.5543C57.0379 29.8053 56.6274 29.901 55.336 29.9329C54.802 29.9329 54.4552 29.618 54.4552 29.0202V27.6333C54.4552 27.1909 54.8976 26.6888 55.336 26.6569C56.8466 26.5294 57.855 25.5848 57.855 24.2019C57.855 23.8871 57.7912 23.5085 57.6676 22.9107L54.2041 8.33622C54.0447 7.73841 54.2041 7.39169 54.8657 7.39169H56.3125C56.9422 7.39169 57.3209 7.67465 57.4763 8.30433L59.5847 17.1797C59.6485 17.4627 59.772 17.4627 59.8358 17.1797L61.7569 8.30433C61.8525 7.7703 62.3547 7.39169 62.8888 7.39169H64.2439C64.8418 7.39169 65.0929 7.73841 64.9693 8.33622L61.6015 23.9469V23.9508Z\" fill=\"black\"/></svg>");
  --content-width: min(calc(100% - var(--content-spacing-horizontal) * 2),
		var(--content-max-width));
  --min-card-width: 28rem;
  --hero-content-width: min(calc(100% - var(--hero-content-spacing-horizontal) * 2),
		var(--hero-content-max-width));
}

@media (min-width: 60rem) {
  :root {
    --pc: true;
    --content-spacing-horizontal: 6.4rem;
    --content-max-width: 112rem;
  }
}

@media not all and (min-width: 60rem) {
  :root {
    --sp: true;
    --content-spacing-horizontal: 2.4rem;
    --content-max-width: 66rem;
  }
}

@media (min-width: 43.75rem) {
  :root {
    --hero-pc: true;
    --hero-content-spacing-horizontal: 6.4rem;
    --hero-content-max-width: 112rem;
  }
}

@media not all and (min-width: 43.75rem) {
  :root {
    --hero-sp: true;
    --hero-content-spacing-horizontal: 2.4rem;
    --hero-content-max-width: 66rem;
  }
}

.danny {
  color: var(--primary_black);
  letter-spacing: normal;
  font-family: Noto Sans JP, sans-serif;
  position: relative;
  overflow: hidden;
}

.danny * {
  outline: revert;
}

.danny :where(img), .danny :where(video) {
  max-width: 100%;
  height: auto;
  display: block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .danny :where(img) {
    image-rendering: -webkit-optimize-contrast;
  }

  :root :is(.danny :where(img)) {
    image-rendering: auto;
  }

  .danny :where(img) _::-webkit-full-page-media {
    image-rendering: auto;
  }

  .danny :where(img) _:future {
    image-rendering: auto;
  }
}

.danny :where(dialog) {
  background: none;
  border: none;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
}

.danny :where(dialog)::backdrop {
  background: none;
}

.danny a {
  color: var(--primary_black);
}

.danny a:hover, .danny a:active {
  outline: initial;
  text-decoration: none;
}

@media (hover: hover) {
  :is(.danny a:hover, .danny a:active) img {
    opacity: 1;
  }
}

.danny [data-scroll-fade] {
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .5s;
  transform: translate3d(0, 2rem, 0);
}

.danny [data-scroll-fade][data-scroll-fade="show"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.danny mark {
  color: currentColor;
  background-color: initial;
}

.danny em {
  font-style: normal;
}

.danny summary {
  cursor: pointer;
  list-style: none;
}

.danny summary::-webkit-details-marker {
  display: none;
}

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

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

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

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

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

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

@property --tw-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
}
/** biome-ignore-all lint/correctness/noUnknownPseudoClass: globalを多用しているため　 */
._HeaderPc_1wwut_2 {
	background-color: var(--white);

	&[data-header-fixed] {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 100;
	}

	@container style(--sp: true) {
		display: none;
	}
}

._HeaderPc__NavBar_1wwut_18 {
	display: grid;
	grid-auto-flow: column;
	-moz-column-gap: 3.2rem;
	     column-gap: 3.2rem;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	border-top: 1px solid var(--gray_border);
}

._HeaderPc__DannyLogoLink_1wwut_28 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7.6rem;
	padding-top: 0.4rem;

	&::before {
		display: block;
		width: 7.2rem;
		aspect-ratio: 76 / 35;
		content: "";
		background-color: var(--primary_pink);
		-webkit-mask-image: var(--logo-danny);
		        mask-image: var(--logo-danny);
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		-webkit-mask-size: contain;
		        mask-size: contain;
		transition: background-color 0.2s;
	}

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			&::before {
				background-color: var(--primary_yellow);
			}
		}
		&:where(:any-link, :enabled, summary, label):hover {
			&::before {
				background-color: var(--primary_yellow);
			}
		}
	}
}

._HeaderPc__DannyLogo_1wwut_28 {
	display: block;
	width: 7.2rem;
	aspect-ratio: 76 / 35;

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			fill: var(--sub_color_01);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			fill: var(--sub_color_01);
		}
	}
}

._HeaderPc__NavList_1wwut_69 {
	display: grid;
	grid-auto-flow: column;
	-moz-column-gap: 3.2rem;
	     column-gap: 3.2rem;
	align-items: center;
}

._HeaderPc__NavLink_1wwut_76 {
	position: relative;
	display: grid;
	row-gap: 3px;
	align-items: center;
	justify-content: center;

	> span {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.5;
	}

	&::after {
		display: block;
		width: 100%;
		height: 2px;
		content: "";
		background-color: transparent;
		transition: background-color 0.2s;
	}

	&[aria-current] {
		&::after {
			background-color: var(--primary_pink);
		}
	}

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			&::after {
				background-color: var(--primary_pink);
			}
		}
		&:where(:any-link, :enabled, summary, label):hover {
			&::after {
				background-color: var(--primary_pink);
			}
		}
	}

	&.is-highlighted {
		align-content: center;
		height: 7.6rem;
		padding-inline: 2rem;
		background-color: var(--sub_color_01);

		&[aria-current] {
			&::after {
				background-color: var(--primary_yellow);
			}
		}

		@media (hover: hover) {
			&:where(:-moz-any-link, :enabled, summary, label):hover {
				&::after {
					background-color: var(--primary_yellow);
				}
			}
			&:where(:any-link, :enabled, summary, label):hover {
				&::after {
					background-color: var(--primary_yellow);
				}
			}
		}
	}
}
/** biome-ignore-all lint/correctness/noUnknownPseudoClass: globalを使用するため */
._HeaderSp_1a5pr_2 {
	display: grid;
	align-items: center;
	height: 6.6rem;
	background-color: var(--white);

	&[data-header-fixed] {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 100;
	}

	@container style(--pc: true) {
		display: none;
	}
}

._HeaderSp__NavBar_1a5pr_21 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-inline: 2rem;
	background-color: var(--white);
}

._HeaderSp__DannyLogoLink_1a5pr_29 {
	display: flex;
	align-items: center;
}

._HeaderSp__DannyLogoImg_1a5pr_34 {
	display: block;
	width: 6.5rem;
	height: auto;
}

._HeaderSp__MenuButton_1a5pr_40 {
	display: block;
	width: 2.4rem;
	height: 1.8rem;
	background-color: var(--primary_black);
	-webkit-mask-image: var(--icon-hamburger);
	        mask-image: var(--icon-hamburger);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
	transition: background-color 0.2s;

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
	}
}

._HeaderSp__Dialog_1a5pr_58 {
	position: fixed;
	inset: 0;
	width: 100%;
	overflow-y: auto;
	background-color: var(--white);
	border: none;
	animation: _dialog-show_1a5pr_1 0.3s ease;

	&.is-closing {
		animation: _dialog-close_1a5pr_1 0.3s ease;
	}
}

@keyframes _dialog-show_1a5pr_1 {
	from {
		opacity: 0;
		transform: translateX(100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes _dialog-close_1a5pr_1 {
	from {
		opacity: 1;
		transform: translateX(0);
	}
	to {
		opacity: 0;
		transform: translateX(100%);
	}
}

._HeaderSp__DialogInner_1a5pr_94 {
	position: relative;
	height: 100%;
	padding: 2rem 4rem 4rem;
	background-color: var(--primary_yellow);
}

._HeaderSp__CloseButton_1a5pr_101 {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 1.8rem;
}

._HeaderSp__CloseIcon_1a5pr_112 {
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--primary_black);
	-webkit-mask-image: var(--icon-close);
	        mask-image: var(--icon-close);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	transition: background-color 0.2s;

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
	}
}

._HeaderSp__TitleSection_1a5pr_129 {
	padding-block: 4rem;
}

._HeaderSp__TitleLink_1a5pr_133 {
	display: grid;
	justify-items: center;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

._HeaderSp__TitleImg_1a5pr_140 {
	display: block;
	width: 9.6rem;
}

._HeaderSp__MainLogo_1a5pr_145 {
	position: relative;
	display: block;
	width: 20.4rem;
	margin-top: 0.8rem;
}

._HeaderSp__Tick_1a5pr_152 {
	position: absolute;
	right: 8.6%;
	bottom: -5%;
	animation: _tick-vibration_1a5pr_1 0.5s ease forwards;
	animation-delay: 0.3s;

	@container style(--sp: true) {
		width: 4rem;
		height: 4rem;
	}
}

@keyframes _tick-vibration_1a5pr_1 {
	0% {
		rotate: 0deg;
	}
	20% {
		rotate: 10deg;
	}
	60% {
		rotate: 0deg;
	}
	80% {
		rotate: 10deg;
	}
	100% {
		rotate: 0deg;
	}
}

._HeaderSp__DannyLogoLarge_1a5pr_183 {
	display: block;
	width: 7rem;
	height: auto;
}

._HeaderSp__NavList_1a5pr_189 {
	padding: 0;
	margin: 0;
	list-style: none;
}

._HeaderSp__NavItem_1a5pr_195 {
	border-bottom: 1px solid var(--primary_black);

	&:first-child {
		border-top: 1px solid var(--primary_black);
	}
}

._HeaderSp__NavLink_1a5pr_203 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.2rem 1.2rem 2.2rem 1.6rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.2s;

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			color: var(--primary_pink);
		}
		&:where(:any-link, :enabled, summary, label):hover {
			color: var(--primary_pink);
		}
	}

	&.is-highlighted {
		background-color: var(--sub_color_01);

		@media (hover: hover) {
			&:where(:-moz-any-link, :enabled, summary, label):hover {
				color: var(--primary_pink);
			}
			&:where(:any-link, :enabled, summary, label):hover {
				color: var(--primary_pink);
			}
		}
	}
}

._HeaderSp__NavLabel_1a5pr_230 {
	flex: 1;
}

._HeaderSp__NavArrow_1a5pr_234 {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	background-color: var(--primary_black);
	border-radius: 50%;
	transition: background-color 0.2s;

	&::after {
		display: block;
		width: 1.2rem;
		height: 1.2rem;
		content: "";
		background-color: var(--primary_yellow);
		-webkit-mask-image: var(--icon-arrow);
		        mask-image: var(--icon-arrow);
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		-webkit-mask-size: contain;
		        mask-size: contain;
	}

	._HeaderSp__NavLink_1a5pr_203.is-highlighted &:after {
		background-color: var(--sub_color_01);
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_pink);
		}
	}
}
._SectionLabel_pqe1w_1 {
	display: flex;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	padding-inline: 2.5rem;
	padding-top: 2.1rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.2rem;
	white-space: nowrap;
	border-top: 1px solid var(--primary_black);
	border-right: 1px solid var(--primary_black);
	border-left: 1px solid var(--primary_black);

	&::after {
		position: absolute;
		bottom: -1px;
		z-index: -1;
		width: 100%;
		height: 2px;
		content: "";
	}

	&[data-background-color="white"] {
		background-color: var(--white);
		&::after {
			background-color: var(--white);
		}
	}
	&[data-background-color="sub-color"] {
		background-color: var(--sub_color_01);
		&::after {
			background-color: var(--sub_color_01);
		}
	}

	@container style(--pc: true) {
		min-width: 24rem;
		height: 4rem;
		font-size: 1.8rem;
		border-radius: 1.8rem 1.8rem 0 0;
	}

	@container style(--sp: true) {
		min-width: 18.5rem;
		height: 3.4rem;
		font-size: 1.6rem;
		border-radius: 1.4rem 1.4rem 0 0;
	}
}
._Section_wi4tz_1 {
	position: relative;
	margin-inline: -1px;
	background-color: var(--white);
	border-top: 1px solid var(--primary_black);
	border-right: 1px solid var(--primary_black);
	border-left: 1px solid var(--primary_black);
	isolation: isolate;

	@container style(--pc: true) {
		margin-top: -3.2rem;
	}

	@container style(--sp: true) {
		margin-top: -2.4rem;
	}

	&[data-background-color="white"] {
		background-color: var(--white);
	}
	&[data-background-color="sub-color"] {
		background-color: var(--sub_color_01);
	}

	&[data-set-layout="true"] {
		@container style(--pc: true) {
			padding-top: var(--section-pc-pt, 12.8rem);
			padding-bottom: var(--section-pc-pb, 16rem);
		}

		@container style(--sp: true) {
			padding-top: var(--section-sp-pt, 6rem);
			padding-bottom: var(--section-sp-pb, 12.8rem);
		}
	}

	@container style(--pc: true) {
		border-radius: 3.2rem 3.2rem 0 0;
	}
	@container style(--sp: true) {
		&:has([data-position="left"]) {
			border-radius: 0 2rem 0 0;
		}
		&:has([data-position="right"]) {
			border-radius: 2rem 0 0 0;
		}
	}
}

._Section__Label_wi4tz_50 {
	position: absolute;
	z-index: 1;

	@container style(--pc: true) {
		top: -4rem;
		&[data-position="left"] {
			left: max(4%, calc((100vw - var(--content-max-width)) / 2));
		}
		&[data-position="right"] {
			right: max(4%, calc((100vw - var(--content-max-width)) / 2));
		}
	}

	@container style(--sp: true) {
		top: -3.4rem;
		&[data-position="left"] {
			left: -1px;
		}
		&[data-position="right"] {
			right: -1px;
		}
	}
}

._Section__Inner_wi4tz_75 {
	[data-set-layout="true"] & {
		width: var(--content-width);
		margin-inline: auto;
	}
}
._Sns_1w4bm_1 {
	background-color: var(--gray_dark);

	@container style(--pc: true) {
		padding-block: 3rem;
	}

	@container style(--sp: true) {
		padding-block: 2rem;
	}
}

._Sns__Inner_1w4bm_13 {
	display: grid;
	justify-items: center;

	@container style(--pc: true) {
		row-gap: 2rem;
	}

	@container style(--sp: true) {
		row-gap: 1.2rem;
	}
}

._Sns__Heading_1w4bm_26 {
	font-weight: 700;
	line-height: 1.2;
	color: var(--white);

	@container style(--pc: true) {
		font-size: 2.6rem;
	}

	@container style(--sp: true) {
		font-size: 2.2rem;
	}
}

._Sns__List_1w4bm_40 {
	display: flex;

	@container style(--pc: true) {
		gap: 2.4rem;
	}

	@container style(--sp: true) {
		gap: 2rem;
	}
}

._Sns__Link_1w4bm_52 {
	display: block;
	width: 4rem;
	border-radius: 50%;
	transition: transform 0.3s;
	will-change: transform;

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			transform: scale3d(1.05, 1.05, 1.05);
		}
		&:where(:any-link, :enabled, summary, label):hover {
			transform: scale3d(1.05, 1.05, 1.05);
		}
	}
}
._Button_1q9ou_1 {
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	background-color: var(--primary_yellow);
	border: 1px solid var(--primary_black);
	border-radius: 100px;
	transition:
		color 0.3s,
		background-color 0.3s;

	&[data-size="L"] {
		max-width: 29.2rem;
		@container style(--pc: true) {
			max-width: 35.2rem;
			padding: 2.4rem 1.9rem 2.4rem 3.1rem;
		}

		@container style(--sp: true) {
			padding: 1.5rem 1.9rem 1.5rem 3.1rem;
		}
	}
	&[data-size="M"] {
		max-width: 26rem;
		padding: 1.5rem 1.9rem 1.5rem 3.1rem;
	}
	&[data-is-top="true"] {
		@container style(--pc: true) {
			width: 35.7rem;
		}
		@container style(--sp: true) {
			width: 26rem;
		}
	}

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			color: var(--primary_yellow);
			background-color: var(--primary_black);
		}
		&:where(:any-link, :enabled, summary, label):hover {
			color: var(--primary_yellow);
			background-color: var(--primary_black);
		}
	}

	&[data-variant="inverted"] {
		color: var(--primary_yellow);
		background-color: var(--primary_black);

		@media (hover: hover) {
			&:where(:-moz-any-link, :enabled, summary, label):hover {
				color: var(--primary_black);
				background-color: var(--primary_yellow);
			}
			&:where(:any-link, :enabled, summary, label):hover {
				color: var(--primary_black);
				background-color: var(--primary_yellow);
			}
		}
	}
}

._Button__Label_1q9ou_57 {
	flex: 1 0 0;
	font-weight: 700;
	line-height: 1.2;

	@container style(--pc: true) {
		font-size: 2rem;
	}

	@container style(--sp: true) {
		font-size: 1.6rem;
	}

	:is([data-size="M"]) & {
		font-size: 1.6rem;
	}
}

._Button__Icon_1q9ou_75 {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-left: 1.2rem;
	background-color: currentColor;
	border-radius: 100px;

	&::after {
		display: block;
		width: 1.4rem;
		height: 1.2rem;
		content: "";
		background-color: var(--primary_yellow);
		-webkit-mask-image: var(--icon-arrow);
		        mask-image: var(--icon-arrow);
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		-webkit-mask-size: contain;
		        mask-size: contain;
		transition: background-color 0.3s;
	}
	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			&::after {
				background-color: var(--primary_black);
			}
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			&::after {
				background-color: var(--primary_black);
			}
		}
	}

	:is([data-variant="inverted"]) & {
		&::after {
			background-color: var(--primary_black);
		}

		@media (hover: hover) {
			&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
				&::after {
					background-color: var(--primary_yellow);
				}
			}
			&:is(:where(:any-link, :enabled, summary, label):hover *) {
				&::after {
					background-color: var(--primary_yellow);
				}
			}
		}
	}
}
._ArticleToc_1ggdu_1 {
	display: grid;

	@container style(--pc: true) {
		grid-auto-flow: column;
		-moz-column-gap: 8.4rem;
		     column-gap: 8.4rem;
		align-items: start;
		justify-content: start;
		max-width: 112rem;
	}

	@container style(--sp: true) {
		row-gap: 2.4rem;
		align-content: start;
	}
}

._ArticleToc__Header_1ggdu_18 {
	display: grid;
	grid-auto-flow: column;
	-moz-column-gap: 0.8rem;
	     column-gap: 0.8rem;
	align-items: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;

	@container style(--sp: true) {
		justify-content: start;
	}

	&::before {
		display: block;
		width: 5rem;
		height: 1px;
		content: "";
		background-color: var(--primary_black);
	}
}

._ArticleToc__List_1ggdu_40 {
	display: grid;
	row-gap: 1.4rem;
}

._ArticleToc__Item_1ggdu_45 {
	display: flex;
}

._ArticleToc__Link_1ggdu_49 {
	display: flex;
	-moz-column-gap: 0.6rem;
	     column-gap: 0.6rem;
	align-items: center;
	text-decoration: none;

	&::before {
		display: block;
		flex-shrink: 0;
		width: 0.6rem;
		height: 0.6rem;
		content: "";
		background-color: var(--primary_yellow);
		border-radius: 50%;
	}
}

._ArticleToc__LinkText_1ggdu_66 {
	padding-bottom: 0.2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	background-image: linear-gradient(var(--primary_yellow), var(--primary_yellow));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0% 1px;
	transition: background-size 0.3s ease;

	@media (hover: hover) {
		:where(:-moz-any-link, :enabled, summary, label):hover & {
			background-size: 100% 1px;
		}
		:where(:any-link, :enabled, summary, label):hover & {
			background-size: 100% 1px;
		}
	}
}
._ArticleH2Wrapper_14dvc_1 {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	@container style(--pc: true) {
		padding-right: 3.5rem;
	}
	@container style(--sp: true) {
		padding-bottom: 4rem;
	}
}

._ArticleH2_14dvc_1 {
	@container style(--pc: true) {
		display: grid;
		grid-auto-flow: column;
		-moz-column-gap: 1.2rem;
		     column-gap: 1.2rem;
		width: 5.5rem;
		&::after {
			display: block;
			width: 0.6rem;
			height: 100%;
			content: "";
			background-color: var(--primary_yellow);
		}
	}
}

._ArticleH2__Text_14dvc_28 {
	font-weight: 700;

	@container style(--pc: true) {
		font-size: 4rem;
		line-height: 1.05;
		text-align: center;
		letter-spacing: 0.05em;
		writing-mode: vertical-rl;
	}

	@container style(--sp: true) {
		display: inline;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		font-size: 2.8rem;
		line-height: 1.4;
		background-image: linear-gradient(to bottom, var(--primary_yellow), var(--primary_yellow));
		background-repeat: no-repeat;
		background-position: 0 100%;
		background-size: 100% 0.4rem;
		font-feature-settings: "palt" 1;
	}
}

._ArticleH2__Image_14dvc_53 {
	position: absolute;
	z-index: -1;
	overflow: hidden;

	@container style(--pc: true) {
		right: -1.3rem;
		width: 4.8rem;
		height: 4.8rem;
		&[data-tick-position="top"] {
			top: 20%;
		}

		&[data-tick-position="bottom"] {
			bottom: 20%;
		}
	}
	@container style(--sp: true) {
		top: 3.9rem;
		bottom: 0.8rem;
		width: 3.2rem;
		height: 3.2rem;
		&[data-tick-position="top"] {
			left: 28%;
		}

		&[data-tick-position="bottom"] {
			right: 23%;
		}
	}

	img {
		position: absolute;
		max-width: none;
		transition: transform 0.4s cubic-bezier(0.23, 0.23, 0.27, 1.55);

		@container style(--pc: true) {
			right: 1.3rem;
			width: 4.8rem;
			height: 4.8rem;
			[data-tick-position="top"] & {
				transform: scale3d(-1, -1, 1) translateX(100%);

				&[data-scroll-tick="show"] {
					transform: scale3d(-1, -1, 1);
				}
			}

			[data-tick-position="bottom"] & {
				transform: scaleX(-1) translateX(100%);

				&[data-scroll-tick="show"] {
					transform: scaleX(-1);
				}
			}
		}

		@container style(--sp: true) {
			bottom: 1.4rem;
			width: 3.2rem;
			height: 3.2rem;
			[data-tick-position="top"] & {
				transform: scaleX(-1) translateY(-100%);

				&[data-scroll-tick="show"] {
					transform: scaleX(-1);
				}
			}

			[data-tick-position="bottom"] & {
				transform: translateY(-100%);

				&[data-scroll-tick="show"] {
					transform: translateY(0);
				}
			}
		}
	}
}
._ArticleLayout_nh4fi_1 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: auto 1fr;
		-moz-column-gap: 8.4rem;
		     column-gap: 8.4rem;
	}
}

._ArticleLayout__Content_nh4fi_10 {
	min-width: 0;
}
._ColumnHero_1gmf0_1 {
	margin-inline: -1px;
	background-color: var(--white);
	border: 1px solid var(--primary_black);

	@container style(--pc: true) {
		border-radius: 3rem 3rem 0 0;
	}

	@container style(--sp: true) {
		border-radius: 2.4rem 2.4rem 0 0;
	}
}

._ColumnHero__Inner_1gmf0_15 {
	position: relative;
	width: var(--content-width);
	margin-inline: auto;

	@container style(--pc: true) {
		display: flex;
		flex-direction: column;
		gap: 3.8rem;
		padding-top: 7.2rem;
		padding-bottom: 16rem;
	}

	@container style(--sp: true) {
		display: flex;
		flex-direction: column;
		gap: 3.2rem;
		padding-top: 4.2rem;
		padding-bottom: 11.2rem;
	}
}

._ColumnHero__ImageArea_1gmf0_37 {
	position: relative;
	aspect-ratio: 940 / 529;
	overflow: hidden;
	background-color: var(--sub_color_01);

	@container style(--pc: true) {
		align-self: flex-end;
		width: calc(940 / 1120 * 100%);
		max-width: 94rem;
		border-radius: 2rem;
	}

	@container style(--sp: true) {
		width: 100%;
		max-width: 94rem;
		border-radius: 1.6rem;
	}
}

@keyframes _fadeDrop_1gmf0_1 {
	from {
		opacity: 0;
		transform: translateY(-2rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

._ColumnHero__Image_1gmf0_37 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	animation: _fadeDrop_1gmf0_1 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
}

._ColumnHero__BackgroundImage_1gmf0_78 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	animation: _fadeDrop_1gmf0_1 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s forwards;
}

._ColumnHero__TextBlock_1gmf0_88 {
	display: flex;
	flex-direction: column;

	@container style(--pc: true) {
		display: contents;
	}

	@container style(--sp: true) {
		gap: 2rem;
	}
}

._ColumnHero__TitleGroup_1gmf0_101 {
	display: grid;
	place-items: start;

	@container style(--pc: true) {
		position: absolute;
		top: 22%;
		left: 0;
		row-gap: 1.6rem;
	}

	@container style(--sp: true) {
		row-gap: 0.6rem;
	}
}

._ColumnHero__Title_1gmf0_101 {
	display: inline-block;
	font-weight: 500;
	font-feature-settings: "palt" 1;
	line-height: 1.4;
	color: var(--white);
	background-color: var(--primary_black);

	@container style(--pc: true) {
		padding: 0.2rem 1.2rem 0.5rem;
		font-size: 3.2rem;
	}

	@container style(--sp: true) {
		padding: 0 0.8rem 0.2rem;
		font-size: 2rem;
	}
}

._ColumnHero__Lead_1gmf0_136 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;

	@container style(--pc: true) {
		align-self: flex-end;
		width: 100%;
		max-width: 94.6rem;
	}
}
._ArticleSummary_unm8k_1 {
	overflow: hidden;
	background-color: var(--primary_yellow);

	@container style(--pc: true) {
		padding: 3.2rem;
		border-radius: 20px;
	}

	@container style(--sp: true) {
		padding: 2.4rem;
		border-radius: 16px;
	}
	&:not(:first-child) {
		margin-top: 3.2rem;
	}
	&:not(:last-child) {
		margin-bottom: 3.2rem;
	}
}

._ArticleSummary__List_unm8k_22 {
	> li {
		display: grid;
		grid-template-columns: auto 1fr;
		-moz-column-gap: 0.6rem;
		     column-gap: 0.6rem;
		align-items: baseline;
		font-weight: 700;
		line-height: 1.8;

		@container style(--pc: true) {
			font-size: 2rem;
		}

		@container style(--sp: true) {
			font-size: 1.8rem;
		}

		&::before {
			display: block;
			width: 0.6rem;
			height: 0.6rem;
			content: "";
			background-color: currentColor;
			border-radius: 50%;
			transform: translateY(-50%);
		}
	}
}
._CardContents_11asy_1 {
	background-color: var(--white);
	border: 1px solid var(--primary_black);

	@container style(--pc: true) {
		border-radius: 2rem;

		&[data-compact] {
			border-radius: 1.6rem;
		}
	}
	@container style(--sp: true) {
		border-radius: 1.6rem;
	}

	> a {
		outline-offset: -3px;
	}
}

._CardContents__ImgArea_11asy_21 {
	display: flex;
	align-items: end;
	justify-content: center;
	height: 18.8rem;
	background-color: var(--sub_color_01);
	transition: background-color 0.2s ease;

	&[data-bg-color="sub_color"] {
		background-color: var(--sub_color_01);
	}
	&[data-bg-color="secondary_yellow_02"] {
		background-color: var(--secondary_yellow_02);
	}

	@container style(--pc: true) {
		border-radius: 2rem 2rem 0 0;

		._CardContents_11asy_1[data-compact] & {
			border-radius: 1.6rem 1.6rem 0 0;
		}
	}

	@container style(--sp: true) {
		border-radius: 1.6rem 1.6rem 0 0;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_yellow);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_yellow);
		}
	}
}

._CardContents__ImgWrapper_11asy_55 {
	position: relative;
	display: flex;
	justify-content: center;
	opacity: 0;
	transform: translateY(-2rem);
	transition:
		opacity 0.3s ease,
		transform 0.3s ease;
	transition-delay: 0.3s;

	._CardContents_11asy_1[data-scroll-fade="show"] & {
		opacity: 1;
		transform: translateY(0);
	}

	@container style(--pc: true) {
		._CardContents_11asy_1[data-compact] & {
			padding-block: 0.8rem;
		}
	}

	@container style(--sp: true) {
		padding-block: 0.8rem;
	}
}

._CardContents__PreImg_11asy_82 {
	-o-object-fit: contain;
	   object-fit: contain;
	transition: opacity 0.3s ease;

	@container style(--pc: true) {
		width: 25.2rem;

		._CardContents_11asy_1[data-compact] & {
			width: 23.1rem;
			height: 17.3rem;
		}
	}

	@container style(--sp: true) {
		width: 23.1rem;
		height: 17.3rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			opacity: 0 !important;
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			opacity: 0 !important;
		}
	}
}

._CardContents__HoverImg_11asy_108 {
	position: absolute;
	inset: 0;
	margin: auto;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	transition: opacity 0.3s ease;

	@container style(--pc: true) {
		width: 25.2rem;

		._CardContents_11asy_1[data-compact] & {
			width: 23.1rem;
			height: 17.3rem;
		}
	}

	@container style(--sp: true) {
		width: 23.1rem;
		height: 17.3rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			opacity: 1 !important;
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			opacity: 1 !important;
		}
	}
}

._CardContents__Body_11asy_138 {
	@container style(--pc: true) {
		padding: 2.6rem 3.2rem 2.8rem;

		._CardContents_11asy_1[data-compact] & {
			padding: 1.9rem;
		}
	}
	@container style(--sp: true) {
		padding: 1.9rem;
	}
}

._CardContents__Header_11asy_151 {
	display: flex;
	align-items: center;
	justify-content: space-between;

	@container style(--pc: true) {
		gap: 1.6rem;

		._CardContents_11asy_1[data-compact] & {
			gap: 1.2rem;
		}
	}
	@container style(--sp: true) {
		gap: 1.2rem;
	}
}

._CardContents__Title_11asy_168 {
	font-weight: 700;

	@container style(--pc: true) {
		font-size: 2.6rem;
		line-height: 1.2;

		._CardContents_11asy_1[data-compact] & {
			font-size: 2rem;
			line-height: 1.4;
		}
	}
	@container style(--sp: true) {
		font-size: 2rem;
		line-height: 1.4;
	}
}

._CardContents__ArrowBtn_11asy_186 {
	display: grid;
	flex-shrink: 0;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border: 1px solid var(--primary_black);
	border-radius: 100px;
	transition: background-color 0.2s ease;

	&::after {
		display: block;
		width: 1.4rem;
		height: 1.2rem;
		content: "";
		background-color: var(--primary_black);
		-webkit-mask-image: var(--icon-arrow);
		        mask-image: var(--icon-arrow);
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		-webkit-mask-size: contain;
		        mask-size: contain;
		transition: background-color 0.2s ease;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_black);

			&::after {
				background-color: var(--white);
			}
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--primary_black);

			&::after {
				background-color: var(--white);
			}
		}
	}
}

._CardContents__Description_11asy_220 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.05em;

	@container style(--pc: true) {
		margin-top: 1.6rem;

		._CardContents_11asy_1[data-compact] & {
			margin-top: 0.9rem;
		}
	}
	@container style(--sp: true) {
		margin-top: 0.9rem;
	}
}
._ContentsList__Inner_19tb8_1 {
	width: var(--content-width);
	margin-inline: auto;

	@container style(--pc: true) {
		padding-top: var(--contents-list-pc-pt, 10rem);
		padding-bottom: var(--contents-list-pc-pb, 12rem);
	}

	@container style(--sp: true) {
		padding-top: var(--contents-list-sp-pt, 6rem);
		padding-bottom: var(--contents-list-sp-pb, 6rem);
	}
}

._ContentsList__Heading_19tb8_16 {
	font-weight: 700;
	font-feature-settings: "palt" on;
	text-align: center;
	letter-spacing: 0.05em;

	@container style(--pc: true) {
		font-size: 4rem;
		line-height: 1.3;
	}

	@container style(--sp: true) {
		font-size: 2.8rem;
		line-height: 1.3;
	}
}

._ContentsList__List_19tb8_33 {
	display: grid;
	width: 100%;

	@container style(--pc: true) {
		grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
		gap: 2.4rem;
		margin-top: 8rem;
	}

	@container style(--sp: true) {
		grid-template-columns: repeat(auto-fit, minmax(var(--min-card-width), 1fr));
		gap: 2.4rem;
		margin-top: 3.2rem;
	}
}

._ContentsList__Card_19tb8_50 {
	height: 100%;
}

._ContentsList__ButtonWrapper_19tb8_54 {
	@container style(--pc: true) {
		margin-top: 6rem;
	}

	@container style(--sp: true) {
		margin-top: 4rem;
	}

	> * {
		margin-inline: auto;
	}
}
._ArticleH3_1fa5y_1 {
	display: grid;
	row-gap: 1.2rem;

	section:not(:first-child) > & {
		margin-top: 8rem;
	}

	@container style(--pc: true) {
		margin-bottom: 4rem;
	}

	@container style(--sp: true) {
		margin-bottom: 2.4rem;
	}

	&::after {
		display: block;
		width: 100%;
		height: 1px;
		content: "";
		background-color: var(--primary_black);
	}
}

._ArticleH3__Text_1fa5y_26 {
	font-weight: 700;
	font-feature-settings: "palt" 1;
	line-height: 1.4;

	@container style(--pc: true) {
		font-size: 3.2rem;
	}

	@container style(--sp: true) {
		font-size: 2.4rem;
	}
}
._Text_di1ml_1 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;

	em,
	strong {
		font-style: normal;
		font-weight: 700;
		color: var(--primary_pink);
	}
}
._ArticleList_1fl7h_1 {
	display: grid;

	&:not(:first-child) {
		margin-top: 1.6rem;
	}
	&:not(:last-child) {
		margin-bottom: 1.6rem;
	}
}

._ArticleList__Item_1fl7h_12 {
	display: grid;
	grid-template-columns: auto 1fr;
	-moz-column-gap: 0.8rem;
	     column-gap: 0.8rem;
	align-items: baseline;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.4;

	&::before {
		display: block;
		width: 0.6rem;
		height: 0.6rem;
		content: "";
		background-color: currentColor;
		border-radius: 50%;
		transform: translateY(-50%);
	}

	em {
		font-weight: 700;
		line-height: 1.8;

		@container style(--pc: true) {
			font-size: 2rem;
		}

		@container style(--sp: true) {
			font-size: 1.8rem;
		}

		&::before {
			display: none;
		}
	}
}
._ArticleH4_1eid2_1 {
	font-weight: 700;

	&:not(:first-child) {
		margin-top: 4rem;
	}
	&:not(:last-child) {
		margin-bottom: 2rem;
	}

	@container style(--pc: true) {
		font-size: 2.6rem;
		line-height: 1.8;
	}

	@container style(--sp: true) {
		font-size: 2rem;
		line-height: 1.4;
	}
}
._ImagePairGroup_1t6kr_1 {
	margin-top: 2.4rem;
	@container style(--pc: true) {
		display: flex;
		-moz-column-gap: 6rem;
		     column-gap: 6rem;
	}
	@container style(--sp: true) {
		display: grid;
		row-gap: 3.2rem;
	}
}

._ImagePairGroup__Item_1t6kr_13 {
	display: grid;
	align-content: space-between;

	@container style(--pc: true) {
		flex: 1;
	}
}

._ImagePairGroup__ImgArea_1t6kr_22 {
	aspect-ratio: 440 / 247;
	overflow: hidden;

	@container style(--pc: true) {
		border-radius: 2rem;
	}
	@container style(--sp: true) {
		border-radius: 1.6rem;
	}
}

._ImagePairGroup__Img_1t6kr_22 {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
._Summary__ButtonWrapper_spsa5_1 {
	margin-top: 4rem;
}
._Chapter__ButtonArea_6izgv_1 {
	margin-top: 3.2rem;
}

._Chapter__Group_6izgv_5 {
	@container style(--pc: true) {
		display: flex;
		-moz-column-gap: 6rem;
		     column-gap: 6rem;
		align-items: flex-start;
		padding-bottom: 3.2rem;
	}

	@container style(--sp: true) {
		display: grid;
		row-gap: 2.4rem;
	}
}

._Chapter__GroupText_6izgv_19 {
	@container style(--pc: true) {
		display: grid;
		flex: 1;
		row-gap: 2.4rem;
		min-width: 0;
	}
}

._Chapter__GroupImage_6izgv_28 {
	@container style(--pc: true) {
		flex-shrink: 0;
		width: 44rem;
		height: 28rem;
		overflow: hidden;
		border-radius: 2rem;

		img {
			width: 100%;
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}
	}

	@container style(--sp: true) {
		width: 100%;
		overflow: hidden;
		border-radius: 1.6rem;

		img {
			width: 100%;
			height: auto;
		}
	}
}
._Chapter__ButtonArea_lsbut_1 {
	margin-top: 3.2rem;
}
._Summary__ButtonWrapper_spsa5_1 {
	margin-top: 4rem;
}
._Chapter__ButtonArea_8dag2_1 {
	@container style(--pc: true) {
		margin-top: 4rem;
	}

	@container style(--sp: true) {
		margin-top: 3.2rem;
	}
}
._Summary__ButtonWrapper_spsa5_1 {
	margin-top: 4rem;
}
._ChapterImageNg_usxsf_1 {
	display: grid;
	row-gap: 0.8rem;
}

._ChapterImageNg__Title_usxsf_6 {
	padding-bottom: 0.8rem;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

._ChapterImageNg__Body_usxsf_14 {
	display: grid;
	row-gap: 0.8rem;

	img {
		width: 100%;
		height: auto;
		border-radius: 2rem;

		@container style(--sp: true) {
			border-radius: 1.6rem;
		}
	}
}

._ChapterImageNg__Caption_usxsf_29 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}
._ChapterImageOk_7h714_1 {
	display: grid;
	row-gap: 0.8rem;
	align-content: start;
}

._ChapterImageOk__Title_7h714_7 {
	padding-bottom: 0.8rem;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

._ChapterImageOk__Items_7h714_15 {
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
	row-gap: 0.8rem;
	align-items: center;
}

._ChapterImageOk__Circle_7h714_23 {
	align-self: center;
	width: 100%;
	aspect-ratio: 1;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 50%;
}

._ChapterImageOk__Arrow_7h714_31 {
	align-self: center;
	justify-self: center;
	width: 0.9rem;
	height: 1.6rem;
	background-color: var(--primary_black);
	-webkit-mask-image: var(--icon-triangle-right);
	        mask-image: var(--icon-triangle-right);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
}

._ChapterImageOk__Caption_7h714_43 {
	align-self: start;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;

	&:nth-child(6) {
		grid-row: 2;
		grid-column: 1;
	}

	&:nth-child(7) {
		grid-row: 2;
		grid-column: 3;
	}

	&:nth-child(8) {
		grid-row: 2;
		grid-column: 5;
	}
}
._Chapter__Image_1z0og_1 {
	@container style(--pc: true) {
		display: flex;
		-moz-column-gap: 6rem;
		     column-gap: 6rem;
		padding-top: 2.4rem;
		padding-bottom: 3.2rem;
		margin-top: 4rem;

		> * {
			flex: 1;
		}
	}

	@container style(--sp: true) {
		display: grid;
		row-gap: 4rem;
		padding-top: 2.4rem;
		padding-bottom: 3.2rem;
		margin-top: 3.2rem;
	}
}
._Summary__ButtonWrapper_spsa5_1 {
	margin-top: 4rem;
}
._ArticleHero_1jyge_1 {
	margin-inline: -1px;
	background-color: var(--article_hero_bg);
	border: 1px solid var(--primary_black);

	@container style(--pc: true) {
		border-radius: 3rem 3rem 0 0;
	}

	@container style(--sp: true) {
		border-bottom: none;
		border-radius: 2.4rem 2.4rem 0 0;
	}
}

._ArticleHero__Inner_1jyge_16 {
	display: grid;
	width: var(--content-width);
	margin-inline: auto;

	@container style(--pc: true) {
		position: relative;
		padding-top: 7.2rem;
		padding-bottom: 10.4rem;
		isolation: isolate;
	}

	@container style(--sp: true) {
		row-gap: 2rem;
		padding-top: 4.8rem;
		padding-bottom: 11.2rem;
	}
}

._ArticleHero__TextBlock_1jyge_35 {
	@container style(--pc: true) {
		display: grid;
		row-gap: 4rem;
		width: calc(548 / 1120 * 100%);
	}

	@container style(--sp: true) {
		display: contents;
	}
}

._ArticleHero__HeadingArea_1jyge_47 {
	display: grid;
	row-gap: 0.6rem;
}

._ArticleHero__SubTitle_1jyge_52 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.2rem;

	@container style(--pc: true) {
		font-size: 1.8rem;
	}

	@container style(--sp: true) {
		font-size: 1.6rem;
	}
}

._ArticleHero__Heading_1jyge_47 {
	font-weight: 700;
	font-feature-settings: "palt" 1;
	line-height: 1.1;

	@container style(--pc: true) {
		font-size: 4.8rem;
	}

	@container style(--sp: true) {
		font-size: 3.2rem;
	}
}

._ArticleHero__ImageArea_1jyge_81 {
	@container style(--pc: true) {
		position: absolute;
		inset: 0;
		z-index: -1;
		display: grid;
	}

	@container style(--sp: true) {
		position: relative;
		order: 2;
		width: 100%;
		aspect-ratio: 327 / 199;
	}
}

._ArticleHero__ImageWrapper_1jyge_97 {
	@container style(--pc: true) {
		position: absolute;
		top: 0;
		right: -5%;
		display: grid;
		justify-content: end;
		width: 100%;
		height: 100%;
		padding-bottom: 3.2rem;
		padding-left: calc(500 / 1120 * 100%);
	}
	@container style(--sp: true) {
		position: absolute;
		width: 100%;
		height: 100%;
	}
}

._ArticleHero__Image_1jyge_81 {
	@container style(--pc: true) {
		width: 100%;
		min-width: 50rem;
		max-width: 64rem;
		height: 35rem;
		margin-block: auto;
		-o-object-fit: contain;
		   object-fit: contain;
	}
	@container style(--sp: true) {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
	}
}

._ArticleHero__BackgroundWrapper_1jyge_134 {
	@container style(--pc: true) {
		position: absolute;
		top: 1.5rem;
		right: -8%;
		z-index: -2;
		width: 64rem;
		height: 35rem;
	}
	@container style(--sp: true) {
		z-index: -1;
		width: calc(100% + 4rem);
		height: 100%;
		transform: translateX(-2rem);
		> img {
			width: 100%;
			height: 100%;
		}
	}
}

._ArticleHero__Lead_1jyge_155 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;

	@container style(--sp: true) {
		order: 3;
	}
}
/* .CardColumn {} */

._CardColumn__Link_qzlmn_3 {
	display: grid;

	@container style(--pc: true) {
		row-gap: 3.2rem;
	}
	@container style(--sp: true) {
		row-gap: 2.4rem;
	}
}

._CardColumn__ImageArea_qzlmn_14 {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: var(--sub_color_01);
	border-radius: 20px;
	transition: background-color 0.3s;

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			background-color: var(--secondary_yellow_02);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			background-color: var(--secondary_yellow_02);
		}
	}
}

@keyframes _CardColumn__FadeDrop_qzlmn_1 {
	from {
		opacity: 0;
		transform: translateY(-2rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

._CardColumn__Image_qzlmn_14 {
	position: absolute;
	inset: 0;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	transform: translateY(-2rem);
	transition: transform 0.3s;

	._CardColumn__ImageArea_qzlmn_14[data-scroll-fade="show"] & {
		opacity: 1;
		transform: translateY(0);
		animation: _CardColumn__FadeDrop_qzlmn_1 0.3s ease 0.6s backwards;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			transform: scale3d(1.05, 1.05, 1.05) !important;
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			transform: scale3d(1.05, 1.05, 1.05) !important;
		}
	}
}

._CardColumn__BackgroundImage_qzlmn_62 {
	position: absolute;
	inset: 0;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	transform: translateY(-2rem);
	transition:
		opacity 0.3s,
		transform 0.3s;

	._CardColumn__ImageArea_qzlmn_14[data-scroll-fade="show"] & {
		opacity: 1;
		transform: translateY(0);
		animation: _CardColumn__FadeDrop_qzlmn_1 0.3s ease 0.3s backwards;
	}
	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			opacity: 0 !important;
			transform: scale3d(1.05, 1.05, 1.05) !important;
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			opacity: 0 !important;
			transform: scale3d(1.05, 1.05, 1.05) !important;
		}
	}
}

._CardColumn__BackgroundImageHover_qzlmn_86 {
	position: absolute;
	inset: 0;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	opacity: 0;
	transition:
		opacity 0.3s,
		transform 0.3s;
	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			opacity: 1;
			transform: scale3d(1.05, 1.05, 1.05);
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			opacity: 1;
			transform: scale3d(1.05, 1.05, 1.05);
		}
	}
}

._CardColumn__Body_qzlmn_103 {
	display: grid;
	row-gap: 1.6rem;
}

._CardColumn__Title_qzlmn_108 {
	font-weight: 700;
	line-height: 1.5;

	@container style(--pc: true) {
		font-size: 2.6rem;
	}
	@container style(--sp: true) {
		font-size: 2.2rem;
	}
}

._CardColumn__Description_qzlmn_120 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
}
._Column__List_fovjj_1 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: repeat(2, 1fr);
		gap: 6rem;
	}

	@container style(--sp: true) {
		grid-template-columns: 1fr;
		gap: 4rem;
	}
}
._ArticleGroup_rjvjx_1 {
	display: flex;
	flex-direction: column;
	margin-bottom: 3.2rem;
}

._ArticleGroup__Content_rjvjx_7 {
	@container style(--pc: true) {
		display: flex;
		gap: 6rem;
		align-items: flex-start;
	}

	@container style(--sp: true) {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

._ArticleGroup__TextGroup_rjvjx_21 {
	@container style(--pc: true) {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 2.4rem;
	}

	@container style(--sp: true) {
		display: contents; /* 展開してBodyとButtonをContentの直接子にする */
	}
}

._ArticleGroup__Body_rjvjx_34 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;

	em {
		font-style: normal;
		font-weight: 700;
		color: var(--primary_pink);
	}

	@container style(--sp: true) {
		order: 1;
		width: 100%;
		margin-bottom: 1.6rem;
	}
}

._ArticleGroup__ImgArea_rjvjx_52 {
	overflow: hidden;

	@container style(--pc: true) {
		flex: 1;
		border-radius: 2rem;
	}

	@container style(--sp: true) {
		order: 2;
		width: 100%;
		margin-bottom: 2.4rem;
		border-radius: 1.6rem;
	}
}

._ArticleGroup__Img_rjvjx_52 {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

._ArticleGroup__Button_rjvjx_74 {
	@container style(--sp: true) {
		order: 3;
	}
}
._ArticleImage_nzmsu_1 {
	@container style(--pc: true) {
		border-radius: 20px;
		&:not(:first-child) {
			margin-top: 3.2rem;
		}
		&:not(:last-child) {
			margin-bottom: 3.2rem;
		}
	}
	@container style(--sp: true) {
		border-radius: 16px;
		&:not(:first-child) {
			margin-top: 2.4rem;
		}
		&:not(:last-child) {
			margin-bottom: 2.4rem;
		}
	}
}
._TickTable__Wrapper_130og_1 {
	margin-right: calc(
		(100vw - (min(calc(100vw - var(--content-spacing-horizontal) * 2), var(--content-max-width)))) /
		-2
	);
	overflow: auto;

	@container style(--pc: true) {
		margin-block: 3.2rem;
	}
	@container style(--sp: true) {
		margin-block: 2.4rem;
	}
}

._TickTable_130og_1 {
	display: grid;
	grid-template-columns: auto repeat(4, 1fr);
	-moz-column-gap: 0.6rem;
	     column-gap: 0.6rem;
	width: 94rem;
}

._TickTable__Heading_130og_23 {
	grid-column: 2 / -2;
	padding: 1rem 2rem;
	margin-bottom: 0.6rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--primary_yellow);
	text-align: center;
	background-color: var(--primary_black);
	border-radius: 12px 12px 0 0;
}

/* 各行: 列のサブグリッド */
._TickTable__Row_130og_37 {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
	border-bottom: 1px solid var(--primary_black);
}

._TickTable__LabelCell_130og_44 {
	padding-top: 2rem;
	padding-right: 2rem;
	padding-bottom: 1.4rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.8;
	color: var(--primary_black);
}

/* 各列ヘッダー（ダニ種別名） */
._TickTable__ColumnHeader_130og_55 {
	position: relative;
	display: grid;
	align-items: center;
	min-height: 6rem;
	padding-inline: 2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--primary_black);
	background-color: var(--primary_yellow);
	border-radius: 12px 12px 0 0;

	&._TickTable__ColumnHeader--iedani_130og_68 {
		color: var(--white);
		background-color: var(--secondary_yellow);
	}
}

/* 画像セル */
._TickTable__ImageCell_130og_75 {
	position: relative;
	padding: 2rem;
	background-color: var(--white);
}

._TickTable__Species_130og_81 {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.8;
	color: var(--primary_black);
}

._TickTable__ImgArea_130og_88 {
	margin-top: 0.4rem;
	overflow: hidden;
	border-radius: 12px;
}

._TickTable__Img_130og_88 {
	display: block;
	width: 100%;
	aspect-ratio: 170 / 108;
	-o-object-fit: cover;
	   object-fit: cover;
}

._TickTable__Size_130og_101 {
	margin: 0.8rem 0 0;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.8;
	color: var(--primary_black);
}

/* 通常セル */
._TickTable__Cell_130og_110 {
	position: relative;
	padding: 2rem 2.4rem;
	background-color: var(--white);
}

/* リスト */
._TickTable__List_130og_117 {
	padding-left: 1.8rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.8;
	color: var(--primary_black);
	li {
		list-style: disc;
	}
}

/* 被害セル */
._TickTable__DamageCell_130og_129 {
	position: relative;
	padding: 2rem;
	background-color: var(--white);
}

._TickTable__Badge_130og_135 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--primary_black);
	text-align: center;
	background-color: var(--primary_yellow);
	border-radius: 14px;
	&._TickTable__Badge--iedani_130og_149 {
		color: var(--white);
		background-color: var(--secondary_yellow);
	}
}
._Habitat__Button_s3eth_1 {
	@container style(--pc: true) {
		margin-block: 2.4rem;
	}
	@container style(--sp: true) {
		margin-block: 1.6rem;
		margin-inline: auto;
	}
}
._Ticks__ContentWithImage_6yta3_1 {
	@container style(--pc: true) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6rem;
		align-items: flex-start;
	}
}

._Ticks__Image_6yta3_10 {
	@container style(--pc: true) {
		border-radius: 2rem;
	}

	@container style(--sp: true) {
		border-radius: 1.6rem;
	}
}
._ArticlePoint_2k2v4_1 {
	margin-top: 3.2rem;
}

._ArticlePoint__Tab_2k2v4_5 {
	position: relative;
	display: grid;
	align-items: center;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	background-color: var(--primary_yellow);
	border-radius: 18px 18px 0 0;

	@container style(--pc: true) {
		min-width: 24rem;
		height: 4rem;
	}
	@container style(--sp: true) {
		min-width: 13rem;
		height: 3.2rem;
	}
}

._ArticlePoint__TabText_2k2v4_24 {
	padding-left: 0.2rem;
	font-family: "Montserrat", sans-serif;
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.111em;
	@container style(--pc: true) {
		padding-top: 2.6rem;
	}
	@container style(--sp: true) {
		padding-top: 2rem;
	}
}

._ArticlePoint__Box_2k2v4_39 {
	display: grid;
	width: 100%;
	background-color: var(--primary_yellow);
	border-radius: 0 20px 20px 20px;

	@container style(--pc: true) {
		gap: 3.2rem;
		padding: 4rem;
	}

	@container style(--sp: true) {
		row-gap: 2.4rem;
		padding: 2.4rem 2rem;
	}
}

._ArticlePoint__Inner_2k2v4_56 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;

	@container style(--pc: true) {
		gap: 4rem;
	}

	@container style(--sp: true) {
		gap: 2.4rem;
	}
}

._ArticlePoint__HeadingWrap_2k2v4_71 {
	display: grid;
	width: 100%;

	@container style(--pc: true) {
		row-gap: 1.8rem;
	}

	@container style(--sp: true) {
		row-gap: 2rem;
	}
}

._ArticlePoint__Heading_2k2v4_71 {
	width: 100%;
	font-weight: 700;
	font-feature-settings: "palt" 1;
	line-height: 1.4;
	text-align: center;

	@container style(--pc: true) {
		font-size: 2.6rem;
	}

	@container style(--sp: true) {
		font-size: 2.2rem;
	}
}

._ArticlePoint__Rule_2k2v4_100 {
	width: 100%;
	height: 0;
	margin: 0;
	border: none;
	border-top: 1px solid var(--primary_black);
}

._ArticlePoint__Text_2k2v4_108 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
}

._ArticlePoint__Button_2k2v4_115 {
	@container style(--sp: true) {
		width: -moz-fit-content;
		width: fit-content;
		margin-inline: auto;
	}
}
._Faq_8ms0x_1 {
	width: 100%;
	border-bottom: 1px solid var(--primary_black);

	&:first-child {
		border-top: 1px solid var(--primary_black);
	}

	@container style(--sp: true) {
		width: auto;
		margin-inline: calc(-1 * var(--content-spacing-horizontal));
	}
}

._Faq__Summary_8ms0x_15 {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	-moz-column-gap: 2rem;
	     column-gap: 2rem;
	padding: 2rem 4rem 2rem 2rem;
	transition: background-color 0.3s;

	@container style(--sp: true) {
		padding-right: calc(2rem + var(--content-spacing-horizontal));
		padding-left: var(--content-spacing-horizontal);
	}

	[data-background-color="white"] & {
		@media (hover: hover) {
			&:where(:-moz-any-link, :enabled, summary, label):hover {
				background-color: var(--sub_color_01);
			}
			&:where(:any-link, :enabled, summary, label):hover {
				background-color: var(--sub_color_01);
			}
		}
		[open] & {
			background-color: var(--sub_color_01);
		}
	}
	[data-background-color="sub-color"] & {
		@media (hover: hover) {
			&:where(:-moz-any-link, :enabled, summary, label):hover {
				background-color: var(--white);
			}
			&:where(:any-link, :enabled, summary, label):hover {
				background-color: var(--white);
			}
		}
		[open] & {
			background-color: var(--white);
		}
	}
}

._Faq__QBadge_8ms0x_50 {
	display: grid;
	place-items: center;
	width: 4rem;
	height: 4rem;
	background-color: var(--primary_yellow);
	border: 1px solid var(--primary_black);
	border-radius: 40px;
}

._Faq__QLabel_8ms0x_60 {
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

._Faq__Question_8ms0x_68 {
	display: inline;
	padding-top: 0.2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
}

._Faq__Icon_8ms0x_76 {
	position: absolute;
	top: 50%;
	right: 1.8rem;
	width: 1.2rem;
	height: 1.2rem;
	transform: translateY(-50%);
	&::before,
	&::after {
		position: absolute;
		content: "";
		background-color: var(--primary_black);
		transition:
			transform 0.3s ease,
			opacity 0.3s ease;
	}

	&::before {
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		transform: translateY(-50%);
	}

	&::after {
		top: 50%;
		left: 50%;
		width: 2px;
		height: 100%;
		transform: translate(-50%, -50%);
	}

	/* 開いているとき：縦棒を非表示 → ー になる */
	._Faq_8ms0x_1[open]:not([data-closing]) &::after {
		opacity: 0;
		transform: translate(-50%, -50%) scaleY(0);
	}
}

._Faq__Body_8ms0x_116 {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}

/* height で回答領域をクリップする */
._Faq__AnswerInner_8ms0x_123 {
	min-height: 0;
}

._Faq__AnswerRow_8ms0x_127 {
	display: grid;
	grid-template-columns: auto 1fr;
	-moz-column-gap: 2rem;
	     column-gap: 2rem;
	padding: 2rem 2rem 2.8rem;
	border-top: 1px solid var(--primary_black);

	@container style(--sp: true) {
		padding-inline: var(--content-spacing-horizontal);
	}
}

._Faq__ABadge_8ms0x_139 {
	display: grid;
	place-items: center;
	width: 4rem;
	height: 4rem;
	background-color: var(--primary_black);
	border-radius: 40px;
}

._Faq__ALabel_8ms0x_148 {
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	color: var(--white);
}

._Faq__AnswerText_8ms0x_156 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;

	@container style(--pc: true) {
		padding-top: 0.4rem;
	}
}
._FaqCategory__SpGap_klkxv_1 {
	@container style(--sp: true) {
		row-gap: 2.4rem;
	}
}
._ComparisonTable_1ipas_1 {
	display: grid;

	@container style(--pc: true) {
		row-gap: 3.2rem;
	}

	@container style(--sp: true) {
		row-gap: 2.4rem;
	}
}

._ComparisonTable__Heading_1ipas_13 {
	font-weight: 700;
	font-feature-settings: "palt" 1;
	line-height: 1.4;

	@container style(--pc: true) {
		font-size: 3.2rem;
		text-align: center;
		letter-spacing: 0.0625em;
	}

	@container style(--sp: true) {
		display: grid;
		justify-items: center;
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
	}
}

._ComparisonTable__ScrollArea_1ipas_32 {
	@container style(--sp: true) {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

._ComparisonTable__Table_1ipas_39 {
	width: 100%;
	font-weight: 400;

	@container style(--sp: true) {
		min-width: 112rem;
	}
}

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

._ComparisonTable__HeaderCell_1ipas_53 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;

	@container style(--pc: true) {
		padding: 0.8rem 1.6rem 0.7rem;
	}
	@container style(--sp: true) {
		padding: 0.15rem 1.2rem;
	}

	&:first-child {
		border-radius: 20px 0 0 0;
	}
	&:last-child {
		border-radius: 0 20px 0 0;
	}
	&:not(:last-child) {
		border-right: 1px solid var(--white);
	}
}

._ComparisonTable__Row_1ipas_77 {
	&[data-row-index="even"] {
		background-color: var(--sub_color_01);
	}

	&[data-row-index="odd"] {
		background-color: var(--white);
	}
}

._ComparisonTable__PurposeCell_1ipas_87 {
	min-height: 7rem;
	padding-block: 1rem;
	padding-left: 3rem;

	& strong {
		font-weight: 700;
	}

	._ComparisonTable__Row_1ipas_77:last-child & {
		border-radius: 0 0 0 20px;
	}
}

._ComparisonTable__ProductList_1ipas_101 {
	display: grid;
	padding-left: 2.4rem;

	> li {
		list-style: disc;
	}
}

._ComparisonTable__ProductLink_1ipas_110 {
	font-weight: 700;
	color: var(--primary_black);
	text-decoration: underline;
	transition: color 0.3s;

	@media (hover: hover) {
		&:where(:-moz-any-link, :enabled, summary, label):hover {
			color: var(--secondary_yellow);
		}
		&:where(:any-link, :enabled, summary, label):hover {
			color: var(--secondary_yellow);
		}
	}
}

._ComparisonTable__Cell_1ipas_123 {
	min-height: 7rem;
	padding: 0.8rem 3rem;
	font-size: 1.4rem;
	line-height: 1.8;
	vertical-align: middle;

	&:not(:last-child) {
		border-right: 1px solid var(--white);
	}
}

._ComparisonTable__TypeCell_1ipas_135 {
	font-weight: 700;

	._ComparisonTable__Row_1ipas_77:last-child & {
		border-radius: 0 0 20px 0;
	}
}
._ArticleFilter_1blmu_1 {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

._ArticleFilter__Input_1blmu_7 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

._ArticleFilter__Label_1blmu_19 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	white-space: nowrap;
	background-color: var(--white);
	border: 1px solid var(--primary_black);
	border-radius: 40px;
	transition: background-color 0.3s;

	@container style(--pc: true) {
		padding: 1rem 2.4rem;
		font-size: 1.6rem;
		line-height: 1.8;
	}

	@container style(--sp: true) {
		padding: 0.8rem 1.1rem 0.9rem 1.1rem;
		font-size: 1.4rem;
		line-height: 1.2;
	}

	._ArticleFilter__Input_1blmu_7:checked + & {
		background-color: var(--primary_yellow);
	}

	._ArticleFilter__Input_1blmu_7:focus-visible + & {
		outline: 2px solid var(--primary_black);
		outline-offset: 2px;
	}
}

@media (hover: hover) {
	._ArticleFilter_1blmu_1:where(:-moz-any-link, :enabled, summary, label):hover ._ArticleFilter__Label_1blmu_19 {
		background-color: var(--primary_yellow);
	}
	._ArticleFilter_1blmu_1:where(:any-link, :enabled, summary, label):hover ._ArticleFilter__Label_1blmu_19 {
		background-color: var(--primary_yellow);
	}
}
._ProductFilter_w55l5_1 {
	display: grid;

	@container style(--pc: true) {
		row-gap: 6rem;
	}
	@container style(--sp: true) {
		row-gap: 4rem;
	}
}

._ProductFilter__Group_w55l5_12 {
	display: grid;
	row-gap: 2.4rem;
}

._ProductFilter__Heading_w55l5_17 {
	font-weight: 700;
	font-feature-settings: "palt" 1;
	line-height: 1.4;
	text-align: center;

	@container style(--pc: true) {
		font-size: 3.2rem;
		letter-spacing: 0.2rem;
	}
	@container style(--sp: true) {
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
	}
}

._ProductFilter__Buttons_w55l5_33 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	@container style(--pc: true) {
		gap: 1.2rem;
	}

	@container style(--sp: true) {
		gap: 1.6rem 1rem;
	}
}

._ProductFilter__ButtonsPair_w55l5_47 {
	display: flex;

	@container style(--pc: true) {
		gap: 1.2rem;
	}

	@container style(--sp: true) {
		gap: 1rem;
	}
}
._CardProducts_1arrc_1 {
	display: grid;
	align-content: space-between;
	height: 100%;

	@container style(--pc: true) {
		padding: 3.1rem;
		background-color: var(--white);
		border: 1px solid var(--primary_black);
		border-radius: 2rem;
	}

	@container style(--sp: true) {
		background-color: transparent;
		border: none;

		[data-product-list]:not([data-narrow]) & {
			padding: 2rem;
			border: 1px solid var(--primary_black);
			border-radius: 20px;
		}
	}
}

/* コンテンツラッパー */
._CardProducts__Content_1arrc_26 {
	display: grid;

	@container style(--pc: true) {
		row-gap: 2rem;
	}
	@container style(--sp: true) {
		row-gap: 2.4rem;
	}
}

._CardProducts__Header_1arrc_37 {
	display: grid;

	@container style(--pc: true) {
		row-gap: 3.2rem;
	}
	@container style(--sp: true) {
		row-gap: 2.4rem;
	}
}

._CardProducts__Balloon_1arrc_48 {
	position: relative;
	font-weight: 700;
	background-color: var(--sub_color_01);
	border: 1px solid var(--primary_black);

	@container style(--pc: true) {
		width: 100%;
		padding: 1.5rem 1.9rem;
		font-size: 1.8rem;
		border-radius: 2rem;
	}
	@container style(--sp: true) {
		padding: 0.9rem 1.9rem 1.1rem;
		font-size: 1.6rem;
		border-radius: 1.6rem;
	}
}

._CardProducts__BalloonText_1arrc_67 {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	@container style(--pc: true) {
		width: 100%;
	}
}

/* 吹き出しの三角形ポインター */
._CardProducts__BalloonPointer_1arrc_78 {
	position: absolute;
	bottom: -1.7rem;
	left: 50%;
	display: block;
	width: 2.6rem;
	height: 1.7rem;
	background-image: var(--icon-balloon-pointer);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
}

/* 画像 + 商品情報の横並びエリア */
._CardProducts__Body_1arrc_93 {
	display: grid;
	align-items: start;

	@container style(--pc: true) {
		grid-template-columns: 198fr 254fr;
		-moz-column-gap: 2.8rem;
		     column-gap: 2.8rem;
	}
	@container style(--sp: true) {
		row-gap: 1.6rem;
	}
}

._CardProducts__ImgArea_1arrc_106 {
	position: relative;
	display: grid;
	place-items: start;
	width: 100%;
	max-width: 19.8rem;
	margin-inline: auto;
	isolation: isolate;

	&::before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		content: "";
		background-color: var(--sub_color_01);
		border-radius: 2rem;
	}
}

._CardProducts__Img_1arrc_106 {
	width: 100%;
	aspect-ratio: 1 / 1;
	-o-object-fit: contain;
	   object-fit: contain;
}

._CardProducts__ProductName_1arrc_134 {
	font-weight: 700;
	font-feature-settings: "palt" 1;

	@container style(--pc: true) {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	@container style(--sp: true) {
		font-size: 2rem;
		line-height: 1.4;
	}
}

/* カテゴリバッジ */
._CardProducts__Category_1arrc_149 {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	line-height: 1;
	color: var(--secondary_yellow);
	border: 1px solid var(--secondary_yellow);

	@container style(--pc: true) {
		padding: 0.4rem 0.6rem;
		margin-top: 0.8rem;
		font-size: 1.2rem;
	}
	@container style(--sp: true) {
		padding: 0.2rem 0.4rem;
		margin-top: 0.6rem;
		font-size: 1rem;
	}
}

/* タグ群 */
._CardProducts__Tags_1arrc_169 {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 2rem;
}

._CardProducts__Tag_1arrc_169 {
	padding: 0.4rem 1.2rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2;
	background-color: var(--sub_color_01);
	border-radius: 2rem;
}

._CardProducts__DescriptionSection_1arrc_185 {
	display: grid;
	row-gap: 1.2rem;
}

._CardProducts__Description_1arrc_185 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
}

._CardProducts__Annotations_1arrc_196 {
	color: var(--gray_annotation);
	list-style: none;

	@container style(--pc: true) {
		display: grid;
		row-gap: 0.4rem;
		font-size: 1.4rem;
	}
	@container style(--sp: true) {
		font-size: 1.2rem;
	}
}

._CardProducts__Annotation_1arrc_196 {
	display: grid;
	grid-template-columns: auto 1fr;
	-moz-column-gap: 0.4rem;
	     column-gap: 0.4rem;
	line-height: 1.6;
}

._CardProducts__Cta_1arrc_217 {
	display: grid;
	place-items: center;
	margin-top: 2rem;
}

._CardProducts__DetailBtn_1arrc_223 {
	display: inline-flex;
	align-items: center;
}
._ProductList_qxdhg_1 {
	display: grid;
	@container style(--pc: true) {
		grid-template-columns: repeat(2, 1fr);
		gap: 3.2rem;
	}
	@container style(--sp: true) {
		grid-template-columns: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
		gap: 6rem 3.2rem;
	}
}

._ProductList__Item_qxdhg_13 {
	container-type: inline-size;
}

._ProductList__Empty_qxdhg_17 {
	grid-column: 1 / -1;
	padding: 4rem 0;
	font-size: 1.6rem;
	color: var(--primary_black);
	text-align: center;
}
._Contents__Inner_5kiqm_1 {
	width: var(--content-width);
	margin-inline: auto;

	@container style(--pc: true) {
		padding-top: 10rem;
		padding-bottom: 6.4rem;
	}

	@container style(--sp: true) {
		padding-block: 6rem;
	}
}

._Contents__Heading_5kiqm_15 {
	font-weight: 700;
	font-feature-settings: "palt" on;
	text-align: center;
	letter-spacing: 0.05em;

	@container style(--pc: true) {
		font-size: 4rem;
		line-height: 1.05;
	}

	@container style(--sp: true) {
		font-size: 2.8rem;
		line-height: 1.3;
	}
}

._Contents__List_5kiqm_32 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: repeat(2, 1fr);
		gap: 3.2rem;
		margin-top: 8rem;
	}

	@container style(--sp: true) {
		grid-template-columns: repeat(auto-fit, minmax(var(--min-card-width), 1fr));
		gap: 2.4rem;
		margin-top: 3.2rem;
	}
}

._Contents__Card_5kiqm_48 {
	height: 100%;
}

._Contents__Card__Img_5kiqm_52 {
	@container style(--pc: true) {
		width: 28.8rem;
		height: 21.9rem;
	}
}

._Contents__Other_5kiqm_59 {
	margin-inline: auto;
	background-color: var(--sub_color_01);

	@container style(--pc: true) {
		padding-top: 6rem;
		padding-bottom: 16rem;
	}

	@container style(--sp: true) {
		padding-top: 6rem;
		padding-bottom: 12.8rem;
	}
}

._Contents__Other__Inner_5kiqm_74 {
	width: var(--content-width);
	margin-inline: auto;
}

._Contents__Other__Card_5kiqm_79 {
	@container style(--pc: true) {
		width: 100%;
		max-width: 54.4rem;
		margin-inline: auto;
	}
}

._Contents__Other__Card__Img_5kiqm_87 {
	@container style(--sp: true) {
		width: 23.1rem;
		height: 20.4rem;
	}
}
/** biome-ignore-all lint/correctness/noUnknownPseudoClass: splideにスタイルを当てるためにglobalを仕様するため */
._Hero_tjmlb_2 {
	margin-inline: -1px;
	background-color: var(--primary_yellow);
	border-top: 1px solid var(--primary_black);
	border-right: 1px solid var(--primary_black);
	border-left: 1px solid var(--primary_black);

	@container style(--hero-pc: true) {
		display: grid;
		align-items: center;
		min-height: 56rem;
		border-radius: 30px 30px 0 0;
	}

	@container style(--hero-sp: true) {
		border-radius: 20px 20px 0 0;
	}
}

._Hero__Inner_tjmlb_21 {
	position: relative;
	display: grid;
	margin-inline: auto;

	@container style(--hero-pc: true) {
		align-items: center;
		width: var(--hero-content-width);
		aspect-ratio: 1120 / 775;
	}

	@container style(--hero-sp: true) {
		width: 100%;
		padding-top: 4rem;
		padding-bottom: 10.2rem;
		overflow: hidden;
	}
}

._Hero__Content_tjmlb_40 {
	position: relative;
	display: grid;
	align-items: center;

	@container style(--hero-pc: true) {
		top: -0.8%;
		width: calc(449 / 1120 * 100%);
		max-width: 44.9rem;
	}

	@container style(--hero-sp: true) {
		justify-items: center;
		width: 100%;
		padding-inline: 2.4rem;
	}
}

._Hero__Heading_tjmlb_58 {
	display: grid;
	justify-items: center;

	@container style(--hero-sp: true) {
		position: relative;
		z-index: 1;
	}
}

._Hero__SubLogo_tjmlb_68 {
	@container style(--hero-pc: true) {
		width: calc(210 / 449 * 100%);
	}

	@container style(--hero-sp: true) {
		width: 11.8rem;
	}
}

._Hero__MainLogo_tjmlb_78 {
	position: relative;
	display: block;

	@container style(--hero-pc: true) {
		width: calc(414 / 449 * 100%);
		margin-top: 1.2rem;
	}

	@container style(--hero-sp: true) {
		width: 24rem;
		margin-top: 0.8rem;
	}
}

._Hero__Tick_tjmlb_93 {
	position: absolute;
	right: 10%;
	bottom: 4%;
	animation: _tick-vibration_tjmlb_1 0.5s ease forwards;
	animation-delay: 0.8s;

	@container style(--hero-pc: true) {
		width: 16%;
		aspect-ratio: 1 / 1;
	}

	@container style(--hero-sp: true) {
		width: 4.1rem;
		height: 4.1rem;
	}
}

@keyframes _tick-vibration_tjmlb_1 {
	0% {
		rotate: 0deg;
	}
	20% {
		rotate: 10deg;
	}
	60% {
		rotate: 0deg;
	}
	80% {
		rotate: 10deg;
	}
	100% {
		rotate: 0deg;
	}
}

._Hero__DannyLogo_tjmlb_129 {
	@container style(--hero-pc: true) {
		width: calc(122 / 449 * 100%);
	}

	@container style(--hero-sp: true) {
		width: 6.8rem;
	}
}

._Hero__TextWrapper_tjmlb_139 {
	@container style(--hero-sp: true) {
		position: relative;
		z-index: 1;
		display: grid;
		row-gap: 2rem;
		width: var(--hero-content-width);
		margin-inline: auto;
		margin-top: 1.3rem;
	}
}

._Hero__Text_tjmlb_139 {
	font-weight: 700;
	line-height: 1.8;
	text-align: center;

	@container style(--hero-pc: true) {
		margin-top: 2rem;
		font-size: 1.8rem;
	}

	@container style(--hero-sp: true) {
		position: relative;
		z-index: 1;
		/* margin-top: 33rem; */
		font-size: 1.6rem;
	}
}

._Hero__Controls_tjmlb_169 {
	display: flex;
	-moz-column-gap: 1.2rem;
	     column-gap: 1.2rem;
	align-items: center;
	justify-content: center;

	@container style(--hero-pc: true) {
		margin-top: 3.2rem;
	}
}

._Hero__CarouselToggle_tjmlb_180 {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	background-color: var(--white);
	border: 1px solid var(--primary_black);
	border-radius: 100%;
}

._Hero__CarouselTogglePlay_tjmlb_190 {
	width: 1rem;
	height: 1rem;
	background-color: var(--primary_black);
	clip-path: var(--path-play);
	transform: translateX(1px);
	._Hero__CarouselToggle_tjmlb_180:not(.is-active) > & {
		display: none;
	}
}

._Hero__CarouselTogglePause_tjmlb_201 {
	width: 1rem;
	height: 1.2rem;
	background-color: var(--primary_black);
	-webkit-mask-image: var(--icon-stop);
	        mask-image: var(--icon-stop);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
	._Hero__CarouselToggle_tjmlb_180.is-active > & {
		display: none;
	}
}

._Hero__Progress_tjmlb_214 {
	position: relative;
	width: 20rem;
	height: 0.6rem;
	background-color: var(--white);
	border-radius: 40px;
}

._Hero__ProgressFill_tjmlb_222 {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(var(--autoplay-rate) * 100%);
	height: 100%;
	background-color: var(--primary_pink);
	border-radius: 40px;

	&::after {
		position: absolute;
		top: 50%;
		right: 0;
		width: 1.4rem;
		height: 1.4rem;
		content: "";
		background-color: var(--primary_pink);
		border-radius: 50%;
		transform: translate(50%, -50%);
	}
}

._Hero__PauseButton_tjmlb_244 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	cursor: pointer;
	background-color: var(--white);
	border: 1px solid var(--primary_black);
	border-radius: 50%;

	@media (hover: hover) {
		&:where(:enabled):hover {
			background-color: var(--primary_black);
		}
	}
}

._Hero__ButtonIcon_tjmlb_263 {
	display: flex;
	gap: 0.2rem;
	align-items: center;

	/* Pause icon (two bars) */
	&::before,
	&::after {
		display: block;
		width: 0.3rem;
		height: 1.2rem;
		content: "";
		background-color: var(--primary_black);
		border-radius: 1px;
		transition: background-color 0.2s;
	}

	@media (hover: hover) {
		&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
			&::before,
			&::after {
				background-color: var(--white);
			}
		}
		&:is(:where(:any-link, :enabled, summary, label):hover *) {
			&::before,
			&::after {
				background-color: var(--white);
			}
		}
	}

	/* biome-ignore lint/style/noDescendingSpecificity: 記述順を変更すると逆にわかりづらくなるため */
	._Hero__PauseButton_tjmlb_244[aria-pressed="true"] & {
		gap: 0;

		&::before {
			width: 0;
			height: 0;
			background: none;
			border-color: transparent transparent transparent var(--primary_black);
			border-style: solid;
			border-width: 0.6rem 0 0.6rem 1rem;
			border-radius: 0;
		}

		&::after {
			display: none;
		}
	}

	._Hero__PauseButton_tjmlb_244[aria-pressed="true"]:hover & {
		&::before {
			border-left-color: var(--white);
		}
	}
}

._Hero__Illustration_tjmlb_315 {
	isolation: isolate;

	@container style(--hero-pc: true) {
		position: absolute !important; /* ロードのタイミングによっては優先度が負けることがあるため */
		top: 8%;
		right: -4%;
		width: 64%;
		aspect-ratio: 137 / 120;
	}

	@container style(--hero-sp: true) {
		width: 100%;
		max-width: 40.2rem;
		aspect-ratio: 375 / 328;
		margin-inline: auto;
		margin-top: -0.4rem;
	}

	.splide__track,
	.splide__list,
	.splide__slide {
		height: 100%;
	}
}

._Hero__Slide_tjmlb_341 {
	position: relative;
	width: 100%;
	height: 100%;

	> img {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: none;
		height: 100%;
		opacity: 0;
		transform: translateY(-10%);
	}
}

._Hero__Floor_tjmlb_357 {
	.splide__slide.is-active & {
		animation: _animation-floor_tjmlb_1 0.2s ease forwards;
	}
	[data-autoplay-paused] .splide__slide.is-active & {
		animation-play-state: paused;
	}
}

._Hero__Interior_tjmlb_366 {
	.splide__slide.is-active & {
		animation: _animation-interior_tjmlb_1 0.6s ease forwards;
	}
	[data-autoplay-paused] .splide__slide.is-active & {
		animation-play-state: paused;
	}
}
._Hero__People_tjmlb_374 {
	.splide__slide.is-active & {
		animation: _animation-people_tjmlb_1 5s ease forwards;
		animation-delay: 0.1s;
	}
	[data-autoplay-paused] .splide__slide.is-active & {
		animation-play-state: paused;
	}
}

@keyframes _animation-interior_tjmlb_1 {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes _animation-floor_tjmlb_1 {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes _animation-people_tjmlb_1 {
	0% {
		opacity: 0;
		transform: translateY(-10%);
	}
	12% {
		opacity: 1;
		transform: translateY(0);
	}
	45% {
		opacity: 1;
		transform: translateY(0);
	}
	55% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

._Hero__BalloonTickWrapper_tjmlb_427 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

._Hero__BalloonTick_tjmlb_427 {
	position: absolute;
	z-index: 1;
	display: grid;
	place-items: center;
	width: calc(100 / 717 * 100%);
	aspect-ratio: 1 / 1;
	opacity: 0;
	transform: scale3d(0.95, 0.95, 0.95);

	&:nth-child(1) {
		.splide__slide.is-active & {
			animation: _tick-animation_tjmlb_1 0.6s ease forwards;
			animation-delay: 2.8s;
		}
	}
	&:nth-child(2) {
		.splide__slide.is-active & {
			animation: _tick-animation_tjmlb_1 0.6s ease forwards;
			animation-delay: 2.9s;
		}
	}
	&:nth-child(3) {
		.splide__slide.is-active & {
			animation: _tick-animation_tjmlb_1 0.6s ease forwards;
			animation-delay: 3s;
		}
	}
	&:nth-child(4) {
		.splide__slide.is-active & {
			animation: _tick-animation_tjmlb_1 0.6s ease forwards;
			animation-delay: 3s;
		}
	}

	[data-autoplay-paused] .splide__slide.is-active & {
		animation-play-state: paused;
	}

	/* 1枚目 */
	&:is([data-slide-index="0"] *) {
		&:nth-child(1) {
			top: 32%;
			left: 16%;
		}
		&:nth-child(2) {
			top: 55%;
			left: 40%;
		}
		&:nth-child(3) {
			top: 36%;
			left: 49%;
		}
		&:nth-child(4) {
			top: 14%;
			left: 83%;
		}
	}
	/* 2枚目 */
	&:is([data-slide-index="1"] *) {
		&:nth-child(1) {
			top: 12%;
			left: 4%;
		}
		&:nth-child(2) {
			top: 44%;
			left: 21%;
		}
	}
	&:nth-child(3) {
		top: 50%;
		left: 55%;
	}
	&:nth-child(4) {
		top: 29%;
		left: 77%;
	}
	/* 3枚目 */
	&:is([data-slide-index="2"] *) {
		&:nth-child(1) {
			top: 51%;
			left: 31%;
		}
		&:nth-child(2) {
			top: 56%;
			left: 53%;
		}
		&:nth-child(3) {
			top: 40%;
			left: 70%;
		}
		&:nth-child(4) {
			top: 4%;
			left: 63%;
		}
	}
}

@keyframes _tick-animation_tjmlb_1 {
	0% {
		opacity: 0;
		transform: scale3d(0.95, 0.95, 0.95);
	}
	50% {
		opacity: 0.5;
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

._Hero__BalloonTick__Tick_tjmlb_547 {
	width: 66%;
	aspect-ratio: 1 / 1;

	@container style(--pc: true) {
		transform: translateY(-0.4rem);
	}
	@container style(--sp: true) {
		transform: translateY(-0.2rem);
	}

	&:nth-child(1) {
		.splide__slide.is-active & {
			animation: _tick-vibration_tjmlb_1 0.5s ease forwards;
			animation-delay: 3.4s;
		}
	}
	&:nth-child(2) {
		.splide__slide.is-active & {
			animation: _tick-vibration_tjmlb_1 0.5s ease forwards;
			animation-delay: 3.5s;
		}
	}
	&:nth-child(3) {
		.splide__slide.is-active & {
			animation: _tick-vibration_tjmlb_1 0.5s ease forwards;
			animation-delay: 3.6s;
		}
	}
}

@keyframes _tick-vibration_tjmlb_1 {
	0% {
		rotate: 0deg;
	}
	20% {
		rotate: 10deg;
	}
	60% {
		rotate: 0deg;
	}
	80% {
		rotate: 10deg;
	}
	100% {
		rotate: 0deg;
	}
}
._Hero__BalloonTick__Balloon_tjmlb_595 {
	position: absolute;
	z-index: -1;
	display: block;
	-o-object-fit: contain;
	   object-fit: contain;

	@container style(--hero-pc: true) {
		width: 10rem;
		height: 10.9rem;
	}

	@container style(--hero-sp: true) {
		width: 7rem;
		height: 7.6rem;
	}
}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}._Highlight_13wj3_1 {
	background-image: linear-gradient(
		to bottom,
		transparent 0% 75.3%,
		var(--primary_yellow) 75.3% 90%,
		transparent 90% 100%
	);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

._Highlight_13wj3_1[data-scroll-highlight="show"] {
	background-size: 100% 100%;
}
._LearnMore__Inner_newqa_1 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: 578fr 450fr;
		-moz-column-gap: 9.2rem;
		     column-gap: 9.2rem;
	}

	@container style(--sp: true) {
		gap: 3.2rem;
	}
}

._LearnMore__Image_newqa_14 {
	position: relative;
	align-self: start;
	width: 100%;
	aspect-ratio: 4 / 3;
	margin-inline: auto;

	@container style(--sp: true) {
		order: 1;
		width: calc(280 / 325 * 100%);
		max-width: 40rem;
		border-radius: 2rem;
	}

	&::before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		content: "";
		background-color: var(--sub_color_01);
		transform: translate(-50%, -50%);

		@container style(--pc: true) {
			border-radius: 3.2rem;
		}

		@container style(--sp: true) {
			border-radius: 2rem;
		}
	}

	img {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: none;
		opacity: 0;

		@container style(--pc: true) {
			width: calc(638 / 578 * 100%);
			transform: translate(-50%, -55%);
		}

		@container style(--sp: true) {
			width: calc(340 / 280 * 100%);
			transform: translate(-52.5%, -54%);
		}
	}

	&[data-scroll-image="show"] {
		img {
			opacity: 1;
			transition:
				transform 0.4s ease,
				opacity 0.4s ease;

			@container style(--pc: true) {
				transform: translate(-50%, -50%);
			}
			@container style(--sp: true) {
				transform: translate(-52.5%, -49%);
			}
			&:nth-child(2) {
				transition-delay: 0.2s;
			}
			&:nth-child(3) {
				transition-delay: 0.4s;
			}
		}
	}
}

._LearnMore__Heading_newqa_88 {
	font-weight: 900;
	font-feature-settings: "palt" on;
	line-height: 1.4;

	@container style(--pc: true) {
		margin-top: 2.2rem;
		font-size: 5.4rem;
		letter-spacing: 0;
	}

	@container style(--sp: true) {
		margin-top: 2.4rem;
		font-size: 4rem;
		letter-spacing: 0.05em;
	}
}

._LearnMore__Text_newqa_106 {
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.05em;

	@container style(--pc: true) {
		margin-top: 3.5rem;
		font-size: 1.8rem;
	}

	@container style(--sp: true) {
		margin-top: 2rem;
		font-size: 1.6rem;
	}
}

._LearnMore__ButtonList_newqa_122 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	@container style(--pc: true) {
		gap: 2.4rem;
		margin-top: 7.2rem;
	}

	@container style(--sp: true) {
		gap: 2rem;
		margin-top: 3.2rem;
	}
}

._LearnMore__Label_newqa_138 {
	position: relative;
}

._LearnMore__Label__Balloon_newqa_142 {
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: var(--white);
	border: 1px solid var(--primary_black);
	border-radius: 10rem;

	@container style(--pc: true) {
		padding: 2rem 3.6rem;
	}

	@container style(--sp: true) {
		padding: 1.6rem 2rem;
		text-align: center;
	}

	&::after {
		position: absolute;
		bottom: -1.7rem;
		left: 50%;
		display: block;
		width: 2.6rem;
		height: 1.7rem;
		content: "";
		background-image: var(--icon-balloon-pointer-white);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		translate: -50% 0;
	}

	> p {
		font-size: 2rem;
		font-weight: 900;
		line-height: 1.2;
	}
}

._LearnMore__Tick_newqa_181 {
	position: absolute;
	z-index: -1;
	aspect-ratio: 1 / 1;
	opacity: 0;
	rotate: 108deg;
	translate: 0 80%;
	transition:
		translate 0.4s cubic-bezier(0.23, 0.23, 0.27, 1.55),
		opacity 0.4s ease;

	@container style(--pc: true) {
		top: -4.2rem;
		right: 7rem;
		width: 6.6rem;
		height: 6.6rem;
	}

	@container style(--sp: true) {
		top: -3.5rem;
		right: calc(50% - 11rem);
		width: 5.4rem;
		height: 5.4rem;
	}

	&[data-scroll-tick="show"] {
		opacity: 1;
		translate: 0 0;
	}
}
._Recommend_114pd_1 {
	position: relative;
	background-color: var(--white);
	border-top: 1px solid var(--primary_black);
	border-right: 1px solid var(--primary_black);
	border-left: 1px solid var(--primary_black);
}

._Recommend__Inner_114pd_9 {
	margin-inline: auto;

	@container style(--pc: true) {
		width: min(calc(100% - var(--content-spacing-horizontal) * 2), 88rem);

		padding-block: 10rem;
	}
	@container style(--sp: true) {
		width: min(calc(100% - 4.75rem * 2), 88rem);

		padding-block: 6rem;
	}
}

._Recommend__Heading_114pd_24 {
	font-weight: 700;
	font-feature-settings: "palt" on;
	text-align: center;

	@container style(--pc: true) {
		font-size: 4rem;
		line-height: 1.3;
		letter-spacing: 0.05em;
	}

	@container style(--sp: true) {
		font-size: 2.8rem;
	}
}

._Recommend__BannerList_114pd_40 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: repeat(2, 1fr);
		gap: 3.2rem;
		margin-top: 8rem;
	}

	@container style(--sp: true) {
		grid-template-columns: repeat(auto-fit, minmax(var(--min-card-width), 1fr));
		gap: 2.4rem;
		margin-top: 3.2rem;
	}
}

._Recommend__Banner_114pd_40 {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 1px solid var(--primary_black);
	border-radius: 2rem;

	img {
		transition: transform 0.3s;
		will-change: transform;

		@media (hover: hover) {
			&:is(:where(:-moz-any-link, :enabled, summary, label):hover *) {
				transform: scale3d(1.05, 1.05, 1.05);
			}
			&:is(:where(:any-link, :enabled, summary, label):hover *) {
				transform: scale3d(1.05, 1.05, 1.05);
			}
		}
	}
}
._RightNow__Inner_1vq7e_1 {
	display: grid;

	@container style(--pc: true) {
		grid-template-columns: 450fr 578fr;
		-moz-column-gap: 9.2rem;
		     column-gap: 9.2rem;
	}

	@container style(--sp: true) {
		gap: 3.2rem;
	}
}

._RightNow__Image_1vq7e_14 {
	position: relative;
	align-self: start;
	width: 100%;
	aspect-ratio: 4 / 3;

	@container style(--sp: true) {
		display: flex;
		width: calc(280 / 325 * 100%);
		max-width: 40rem;
		margin-inline: auto;
		border-radius: 2rem;
	}

	&::before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		aspect-ratio: 4 / 3;
		content: "";
		background-color: var(--secondary_yellow_02);
		transform: translate(-50%, -50%);

		@container style(--pc: true) {
			border-radius: 3.2rem;
		}

		@container style(--sp: true) {
			border-radius: 2rem;
		}
	}

	img {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: none;
		opacity: 0;

		@container style(--pc: true) {
			width: calc(690 / 578 * 100%);
			transform: translate(-51%, -55%);
		}

		@container style(--sp: true) {
			width: calc(365 / 280 * 100%);
			transform: translate(-51%, -55%);
		}
	}

	&[data-scroll-image="show"] {
		img {
			opacity: 1;
			transition:
				transform 0.4s ease,
				opacity 0.4s ease;

			@container style(--pc: true) {
				transform: translate(-51%, -50%);
			}
			@container style(--sp: true) {
				transform: translate(-51%, -50%);
			}
			&:nth-child(2) {
				transition-delay: 0.2s;
			}
			&:nth-child(3) {
				transition-delay: 0.4s;
			}
		}
	}
}

._RightNow__Heading_1vq7e_88 {
	font-weight: 900;
	font-feature-settings: "palt" on;
	line-height: 1.4;

	@container style(--pc: true) {
		margin-top: 1.8rem;
		font-size: 5.4rem;
		letter-spacing: 0;
	}

	@container style(--sp: true) {
		margin-top: 2.4rem;
		font-size: 4rem;
		letter-spacing: 0.05em;
	}
}

._RightNow__Text_1vq7e_106 {
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.05em;

	@container style(--pc: true) {
		margin-top: 3.2rem;
		font-size: 1.8rem;
	}

	@container style(--sp: true) {
		margin-top: 2rem;
		font-size: 1.6rem;
	}
}

._RightNow__ButtonList_1vq7e_122 {
	display: flex;
	flex-wrap: wrap;

	@container style(--pc: true) {
		gap: 2.4rem;
		margin-top: 7rem;
	}

	@container style(--sp: true) {
		gap: 2rem;
		justify-content: center;
		margin-top: 3.2rem;
	}
}

._RightNow__Label_1vq7e_138 {
	position: relative;
}

._RightNow__Label__Balloon_1vq7e_142 {
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: var(--white);
	border: 1px solid var(--primary_black);
	border-radius: 10rem;

	@container style(--pc: true) {
		padding: 2rem 3.6rem;
	}

	@container style(--sp: true) {
		padding: 1.6rem 2rem;
		text-align: center;
	}

	&::after {
		position: absolute;
		bottom: -1.7rem;
		left: 50%;
		display: block;
		width: 2.6rem;
		height: 1.7rem;
		content: "";
		background-image: var(--icon-balloon-pointer-white);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		translate: -50% 0;
	}

	> p {
		font-size: 2rem;
		font-weight: 900;
		line-height: 1.2;
	}
}

._RightNow__Tick_1vq7e_181 {
	position: absolute;
	z-index: -1;
	aspect-ratio: 1 / 1;
	opacity: 0;
	transform: translateY(-80%);
	transition:
		transform 0.4s cubic-bezier(0.23, 0.23, 0.27, 1.55),
		opacity 0.4s ease;

	@container style(--pc: true) {
		right: 9.2rem;
		bottom: -4.4rem;
		width: 6.6rem;
		height: 6.6rem;
	}

	@container style(--sp: true) {
		right: calc(50% - 10.5rem);
		bottom: -3.5rem;
		width: 5.4rem;
		height: 5.4rem;
	}

	&[data-scroll-tick="show"] {
		opacity: 1;
		transform: translateY(0);
	}
}