@layer settings {
  :root {
    --torem: 0.0625rem;
    --torlh: 0.0625rlh;
    --tovi: calc(100vi / var(--viewport));
    --tovi-sm: calc(100vi / var(--design-width-sm));
    --tovi-md: calc(100vi / var(--design-width-md, 768));
    --tovi-lg: calc(100vi / var(--design-width-lg));
    --tovw-sm: calc(100vw / var(--design-width-sm));
    --tovw-md: calc(100vw / var(--design-width-md, 768));
    --tovw-lg: calc(100vw / var(--design-width-lg));
    --toremvw: calc((var(--torem) * 0.5) + (var(--viewport) * 0.5));
    --toremvi-sm: calc((var(--torem) * 0.5) + (var(--tovi-sm) * 0.5));
    --toremvi-md: calc((var(--torem) * 0.5) + (var(--tovi-md) * 0.5));
    --toremvi-lg: calc((var(--torem) * 0.5) + (var(--tovi-lg) * 0.5));
    --design-ratio: calc(100% / var(--viewport));
    --min-viewport: 375;
    --max-viewport: 1440;
    --design-width-sm: 375;
    --design-width-lg: 1440;
    --color-blue-50: #1e1a07;
    --color-grey: #b5b4ac;
    --base-background-color: #fff;
    --base-color: var(--color-dark);
    --font-sans-ja: "Noto Sans JP", "Noto Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Meiryo", sans-serif;
    --font-sans-en: "Montserrat", "Helvetica Neue", "Arial", system-ui, sans-serif;
    --font-sans-mix: "Montserrat", "Noto Sans JP", sans-serif;
    --base-font-family: var(--font-sans-ja);
    --font-base: 16;
    --font-ratio: 8;
    --font-2xs: calc(var(--font-base) * var(--font-ratio) / 12 * var(--torem));
    --font-xs: calc(var(--font-base) * var(--font-ratio) / 10 * var(--torem));
    --font-sm: calc(var(--font-base) * var(--font-ratio) / 9 * var(--torem));
    --font-md: calc(var(--font-base) * var(--font-ratio) / 8 * var(--torem));
    --font-lg: calc(var(--font-base) * var(--font-ratio) / 7 * var(--torem));
    --font-xl: calc(var(--font-base) * var(--font-ratio) / 5 * var(--torem));
    --font-2xl: calc(var(--font-base) * var(--font-ratio) / 3 * var(--torem));
    --font-fluid-xs: clamp(0.666688rem, 0.63433rem + 0.138058vi, 0.8rem);
    --font-fluid-sm: clamp(0.888875rem, 0.861903rem + 0.115081vi, 1rem);
    --font-fluid-md: clamp(1rem, 0.965322rem + 0.147961vi, 1.14288rem);
    --font-fluid-lg: clamp(1.125rem, 1.07444rem + 0.215728vi, 1.33331rem);
    --font-fluid-xl: clamp(1.6rem, 1.50291rem + 0.414239vi, 2rem);
    --font-fluid-2xl: clamp(2rem, 1.83818rem + 0.690421vi, 2.66669rem);
    --font-fluid-3xl: clamp(2.66669rem, 2.34307rem + 1.38078vi, 4rem);
    --leading-base: 4;
    --leading-xs: calc(var(--leading-base) * 3 * var(--torem));
    --leading-sm: calc(var(--leading-base) * 4 * var(--torem));
    --leading-md: calc(var(--leading-base) * 5 * var(--torem));
    --leading-lg: calc(var(--leading-base) * 6 * var(--torem));
    --leading-xl: calc(var(--leading-base) * 7 * var(--torem));
    --leading-2xl: calc(var(--leading-base) * 8 * var(--torem));
    --leading-3xl: calc(var(--leading-base) * 9 * var(--torem));
    --leading-4xl: calc(var(--leading-base) * 10 * var(--torem));
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --leading-loose: 2;
    --tracking-tigher: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: normal;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --container-size-4xs: 460px;
    --container-size-3xs: 480px;
    --container-size-2xs: 600px;
    --container-size-xs: 640px;
    --container-size-sm: 768px;
    --container-size-md: 1200px;
    --container-size-lg: 1440px;
    --container-size-xl: 1500px;
    --container-size-2xl: 1640px;
    --offset-xs: 1.5vw;
    --offset-sm: 2.8vw;
    --offset-md: 5.5vw;
    --offset-lg: 7.3vw;
    --offset-xl: 13vw;
    --space-base: 8;
    --space-2xs: calc(var(--space-base) * var(--torem));
    --space-xs: calc(var(--space-base) * 2 * var(--torem));
    --space-sm: calc(var(--space-base) * 3 * var(--torem));
    --space-md: calc(var(--space-base) * 5 * var(--torem));
    --space-lg: calc(var(--space-base) * 8 * var(--torem));
    --space-xl: calc(var(--space-base) * 13 * var(--torem));
    --radius-sm: 1rem;
    --radius-md: 2rem;
    --radius-lg: 2.5rem;
    --radius-full: 50%;
    --grid-fit-sm: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    --grid-fit-md: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    --grid-fit-lg: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
    --grid-fill-sm: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
    --grid-fill-md: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    --grid-fill-lg: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
    --grid-7: repeat(7, minmax(0, 1fr));
    --grid-8: repeat(8, minmax(0, 1fr));
    --grid-9: repeat(9, minmax(0, 1fr));
    --grid-10: repeat(10, minmax(0, 1fr));
    --grid-11: repeat(11, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --arrow-width: 10%;
    --arrow-prev: polygon(
      75% var(--arrow-width),
      calc(75% - var(--arrow-width)) 0,
      calc(25% - var(--arrow-width)) 50%,
      calc(75% - var(--arrow-width)) 100%,
      75% calc(100% - var(--arrow-width)),
      calc(25% + var(--arrow-width)) 50%,
      75% var(--arrow-width)
    );
    --arrow-next: polygon(
      25% var(--arrow-width),
      calc(25% + var(--arrow-width)) 0,
      calc(75% + var(--arrow-width)) 50%,
      calc(25% + var(--arrow-width)) 100%,
      25% calc(100% - var(--arrow-width)),
      calc(75% - var(--arrow-width)) 50%,
      25% var(--arrow-width)
    );
    --arrow-down: polygon(
      var(--arrow-width) 25%,
      0 calc(25% + var(--arrow-width)),
      50% calc(75% + var(--arrow-width)),
      100% calc(25% + var(--arrow-width)),
      calc(100% - var(--arrow-width)) 25%,
      50% calc(75% - var(--arrow-width)),
      var(--arrow-width) 25%
    );
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1.6s;
    --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
    --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
    --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
    --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
    --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
    --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
    --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
    --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
    --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
    --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
    --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --viewport: var(--design-width-sm);
  }
  @media (width>=48rem) {
    :root {
      --viewport: var(--design-width-md, var(--design-width-sm));
    }
  }
  @media (width>=64rem) {
    :root {
      --viewport: var(--design-width-lg);
    }
  }
}
@layer base {
  *,
  :before,
  :after {
    box-sizing: border-box;
    text-underline-offset: 0.25em;
    border-width: 1px;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
  }
  :where(html) {
    font-family: var(--base-font-family), system-ui, sans-serif;
    font-weight: var(--base-font-weight, 400);
    line-height: var(--base-leading, 1.5);
    color: var(--base-color, initial);
    letter-spacing: var(--base-tracking, initial);
    overflow-wrap: anywhere;
    color-scheme: var(--base-color-scheme, only light);
    scrollbar-gutter: stable;
    background-color: var(--base-background-color, initial);
    line-break: strict;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  :where(html:has(dialog:modal[open], :popover-open)) {
    overflow: hidden;
  }
  :where(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--base-font-heading-weight, 700);
  }
  :where(h1) {
    font-size: var(--base-font-heading-1, unset);
  }
  :where(h2) {
    font-size: var(--base-font-heading-2, unset);
  }
  :where(h3) {
    font-size: var(--base-font-heading-3, unset);
  }
  :where(h4) {
    font-size: var(--base-font-heading-4, unset);
  }
  :where(h5) {
    font-size: var(--base-font-heading-5, unset);
  }
  :where(h6) {
    font-size: var(--base-font-heading-6, unset);
  }
  :where(hr) {
    border-block-start-style: solid;
  }
  :where(address:lang(ja)) {
    font-style: unset;
  }
  :where(b, strong) {
    font-weight: 700;
  }
  :where(small) {
    font-size: max(0.625rem, 0.875em);
  }
  :where(code, kbd, samp) {
    font-family: ui-monospace, monospace;
  }
  :where(:any-link) {
    color: unset;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
  }
  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
  }
  :where(img, picture, svg, video) {
    block-size: auto;
    max-inline-size: 100%;
  }
  :where(svg) {
    fill: currentColor;
  }
  :where(caption, th) {
    text-align: unset;
  }
  :where(th) {
    font-weight: 700;
  }
  :where(textarea:not([rows])) {
    min-block-size: 10em;
  }
  :where(button, label, select, summary, [role="button"], [role="option"]) {
    cursor: pointer;
  }
  :where(input[type="file"])::-webkit-file-upload-button {
    cursor: pointer;
  }
  :where(input[type="file"])::file-selector-button {
    cursor: pointer;
  }
  :where([disabled], label:has(> input:disabled), label:has(+ input:disabled)) {
    cursor: not-allowed;
  }
  :where(button, [role="button"]) {
    touch-action: manipulation;
    border-style: solid;
  }
  :where([aria-disabled="true"]) {
    cursor: not-allowed;
  }
  :where([aria-busy="true"]) {
    cursor: progress;
  }
  :where([aria-controls]) {
    cursor: pointer;
  }
  :where([aria-hidden="false"][hidden]) {
    display: initial;
  }
  :where([aria-hidden="false"][hidden]):not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
  :where([hidden]:not([hidden="until-found"])) {
    display: none;
  }
  :where(:focus:not(:focus-visible)) {
    outline: none;
  }
  :where(:focus-visible, :target) {
    scroll-margin-block: 8vh;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after,
    ::backdrop {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      animation-delay: unset !important;
      transition-delay: unset !important;
      scroll-behavior: auto !important;
      view-transition-name: none !important;
      transition-duration: 0.01ms !important;
    }
  }
  *,
  :before,
  :after,
  ::backdrop {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  :root {
    scrollbar-gutter: stable;
  }
  :root:has(:modal) {
    overflow: hidden;
  }
  :where(html) {
    font-family: var(--base-font-family);
    font-weight: var(--base-font-weight);
    line-break: strict;
    overflow-wrap: anywhere;
    line-height: var(--base-line-height, 1.5);
    color: var(--base-color);
    background-color: var(--base-background);
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  :where(body) {
    min-block-size: 100svb;
    overflow-x: clip;
  }
  :where(section) {
    scroll-margin-block-start: var(--base-srcoll-margin);
  }
  :where(ul, ol) {
    list-style-type: "";
  }
  :where(em, address) {
    font-style: normal;
  }
  :where(strong) {
    color: var(--base-strong-color);
    font-weight: 700;
  }
  :where(:any-link) {
    color: unset;
  }
  :where(img, svg, iframe) {
    display: block;
  }
  :where(img, picture, svg) {
    block-size: auto;
    max-inline-size: 100%;
  }
  :where(table) {
    border-collapse: collapse;
  }
  :where(input, button, textarea, select, optgroup) {
    color: unset;
    letter-spacing: inherit;
    word-spacing: inherit;
    font: unset;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
  }
  :where(textarea) {
    resize: vertical;
    resize: block;
  }
  :where(button, label, select, summary) {
    cursor: pointer;
  }
  :where(dialog, [popover]) {
    max-inline-size: unset;
    max-block-size: unset;
    color: unset;
    background-color: unset;
    border-style: none;
    margin: auto;
  }
  :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after,
    ::backdrop {
      transition-delay: unset !important;
      animation-duration: 0.01ms !important;
      animation-delay: unset !important;
      scroll-behavior: auto !important;
      view-transition-name: none !important;
      transition-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
  :where(.visually-hidden:not(:focus-within, :active)) {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }
  :root {
    --color-black: #212121;
    --color-white: #fff;
    --color-gray: #7d7d7d;
    --color-light-gray: silver;
    --color-gold: #a99034;
    --color-gold02: #bd8f31;
    --color-bordeaux: #510409;
    --color-light-brown: #906542;
    --color-brown: #4c3108;
    --color-red: #e60000;
    --color-light-yellow: #fbf8cb;
    --font-ja: "Noto Serif JP", "Noto Serif", serif;
    --font-ja02: "Noto Sans JP", "Noto Sans", serif;
    --font-en: "Roboto", sans-serif;
    --font-size-xs: calc(12 * var(--torem));
    --font-size-sm: calc(14 * var(--torem));
    --font-size-md: calc(16 * var(--torem));
    --font-size-lg: calc(18 * var(--torem));
    --font-size-xl: calc(24 * var(--torem));
    --font-size-2xl: clamp(32 * var(--torem), 1.6479rem + 1.5023vi, 48 * var(--torem));
    --font-size-3xl: clamp(40 * var(--torem), 1.9718rem + 2.2535vi, 64 * var(--torem));
    --offset-md: 5vi;
    --contents-size-md: 640px;
    --contents-size-lg: 1024px;
    --contents-size-xl: 1280px;
    --contents-size-2xl: 1440px;
    --space-sm: clamp(16 * var(--torem), 0.8239rem + 0.7512vi, 24 * var(--torem));
    --space-md: clamp(24 * var(--torem), 1.1479rem + 1.5023vi, 40 * var(--torem));
    --space-lg: clamp(40 * var(--torem), 1.9718rem + 2.2535vi, 64 * var(--torem));
    --space-xl: clamp(64 * var(--torem), 3.6479rem + 1.5023vi, 80 * var(--torem));
    --space-2xl: clamp(96 * var(--torem), 4.5915rem + 6.0094vi, 160 * var(--torem));
    --space-3xl: clamp(112 * var(--torem), 4.5352rem + 10.5164vi, 224 * var(--torem));
    --shadow-1: 0 0 4px #00000029;
    --torem: 0.0625rem;
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1.6s;
    --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
    --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
    --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
    --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
    --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
    --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
    --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
    --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
    --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
    --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
    --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --base-background: var(--color-white);
    --base-line-height: 1.7;
    --base-color: var(--color-black);
    --base-font-family: var(--font-ja);
    --base-font-weight: 400;
    --base-srcoll-margin: var(--space-2xl);
  }
}
@layer general,vendors;
@layer components {
  :where(.grid) {
    --grid-fit: repeat(auto-fit, minmax(min(var(--grid-min, 400px), 100%), 1fr));
    --grid-fill: repeat(auto-fill, minmax(min(var(--grid-min, 400px), 100%), 1fr));
    --grid-cols: none;
    --gap: 0;
    grid-template-columns: var(--grid-cols);
    gap: var(--gap);
    display: grid;
  }
  :where(.container) {
    --container-name: container;
    --layout: flow-root;
    --max-size: none;
    --offset-start: 0;
    --offset-end: 0;
    --offset: var(--offset-start) var(--offset-end);
    box-sizing: content-box;
    display: block var(--layout);
    max-inline-size: var(--max-size);
    padding-inline: var(--offset);
    margin-inline: auto;
  }
  [data-rola-transition] {
    transition-property: var(--rola-property, none);
    transition-duration: var(--rola-duration, 0.6s);
    transition-timing-function: var(--rola-easing, var(--rola-default-easing, cubic-bezier(0.25, 1, 0.5, 1)));
  }
  [data-rola-transition="fade"] {
    --rola-property: opacity;
    --rola-easing: cubic-bezier(0.37, 0, 0.63, 1);
  }
  [data-rola-transition="fade"][data-rola-inview="false"] {
    opacity: var(--rola-opacity-start, 0);
  }
  [data-rola-transition="fade"][data-rola-inview="true"] {
    opacity: var(--rola-opacity-end, 1);
  }
  [data-rola-transition="blur"] {
    --rola-property: opacity, filter;
    --rola-easing: cubic-bezier(0.37, 0, 0.63, 1);
    transform: translateZ(0);
  }
  [data-rola-transition="blur"][data-rola-inview="false"] {
    filter: blur(var(--rola-blur-start, 8px));
    opacity: var(--rola-opacity-start, 0);
  }
  [data-rola-transition="blur"][data-rola-inview="true"] {
    filter: blur(var(--rola-blur-end, 0));
    opacity: var(--rola-opacity-end, 1);
  }
  [data-rola-transition="scale"] {
    --rola-property: opacity, scale;
  }
  [data-rola-transition="scale"][data-rola-inview="false"] {
    scale: var(--rola-scale-start, 0);
    opacity: var(--rola-opacity-start, 0);
  }
  [data-rola-transition="scale"][data-rola-inview="true"] {
    scale: var(--rola-scale-end, 1);
    opacity: var(--rola-opacity-end, 1);
  }
  [data-rola-transition="slide"] {
    --rola-property: opacity, translate;
  }
  [data-rola-transition="slide"][data-rola-inview="false"] {
    translate: var(--rola-slide-start-x, 0) var(--rola-slide-start-y, 2rem);
    opacity: var(--rola-opacity-start, 0);
  }
  [data-rola-transition="slide"][data-rola-inview="true"] {
    translate: var(--rola-slide-end-x, 0) var(--rola-slide-end-y, 0);
    opacity: var(--rola-opacity-end, 1);
  }
  @media (prefers-reduced-motion: no-preference) {
    [data-rola-dynamic-easing] {
      --rola-dynamic-easing: cubic-bezier(calc(0.25 + var(--rola-velocity, 0) * 0.1), calc(1 - var(--rola-velocity, 0) * 0.2), calc(0.5 + var(--rola-velocity, 0) * 0.1), 1);
      --rola-dynamic-duration: calc((1 + var(--rola-velocity, 0)) * var(--rola-duration, 0.6s));
      transition: var(--rola-dynamic-property, none) var(--rola-dynamic-duration) var(--rola-dynamic-easing);
    }
    [data-rola-effect] {
      --rola-progress-start: calc(1 - var(--rola-progress, 1) * var(--rola-depth, 1));
      --rola-progress-end: calc(var(--rola-progress, 0) * var(--rola-depth, 1));
      --rola-effect: calc(var(--rola-effect-start) * var(--rola-progress-start) + var(--rola-effect-end) * var(--rola-progress-end));
      --rola-effect-x: calc(var(--rola-effect-x-start) * var(--rola-progress-start) + var(--rola-effect-x-end) * var(--rola-progress-end));
      --rola-effect-y: calc(var(--rola-effect-y-start) * var(--rola-progress-start) + var(--rola-effect-y-end) * var(--rola-progress-end));
      --rola-effect-z: calc(var(--rola-effect-z-start) * var(--rola-progress-start) + var(--rola-effect-z-end) * var(--rola-progress-end));
    }
    [data-rola-effect="fade"] {
      --rola-effect-start: 0;
      --rola-effect-end: 1;
      opacity: var(--rola-effect, 1);
    }
    [data-rola-effect="fade"][data-rola-dynamic-easing] {
      --rola-dynamic-property: opacity;
    }
    [data-rola-effect="scale"] {
      --rola-effect-start: 0;
      --rola-effect-end: 1;
      scale: var(--rola-effect-x, var(--rola-effect, 1)) var(--rola-effect-y, var(--rola-effect, 1)) var(--rola-effect-z, 1);
    }
    [data-rola-effect="scale"][data-rola-dynamic-easing] {
      --rola-dynamic-property: scale;
    }
    [data-rola-effect="image-position"] {
      --rola-effect-y-start: 100%;
      --rola-effect-y-end: 0%;
      inline-size: calc(100% * var(--rola-effect-scale, 1.3));
      block-size: calc(100% * var(--rola-effect-scale, 1.3));
      object-fit: cover;
      object-position: var(--rola-effect-x, center) var(--rola-effect-y, center);
    }
    [data-rola-effect="image-position"][data-rola-dynamic-easing] {
      --rola-dynamic-property: object-position;
    }
    [data-rola-effect="translate"] {
      translate: var(--rola-effect-x, 0) var(--rola-effect-y, 0) var(--rola-effect-z, 0);
    }
    [data-rola-effect="translate"][data-rola-dynamic-easing] {
      --rola-dynamic-property: translate;
    }
    [data-rola-effect="clip"] {
      --rola-effect-start: 30%;
      --rola-effect-end: 0%;
      clip-path: inset(var(--rola-effect, 1));
    }
    [data-rola-effect="clip"][data-rola-dynamic-easing] {
      --rola-dynamic-property: clip-path;
    }
    [data-rola-effect="text-clip"] {
      --rola-effect-start: 100%;
      --rola-effect-end: 0%;
      color: #0000;
      background-image: linear-gradient(
        var(--rola-effect-angle, 90deg),
        var(--rola-effect-color-end, canvastext) 50%,
        var(--rola-effect-color-start, color-mix(in srgb, var(--rola-effect-color-end, var(--lightningcss-light, #fff) var(--lightningcss-dark, #000)) var(--rola-effect-opacity, 50%), transparent)) 50%,
        var(--rola-effect-color-start, color-mix(in srgb, var(--rola-effect-color-end, var(--lightningcss-light, #fff) var(--lightningcss-dark, #000)) var(--rola-effect-opacity, 50%), transparent)) 100%
      );
      background-position: var(--rola-effect, 0) 0;
      -webkit-background-clip: text;
      background-clip: text;
      background-size: var(--rola-effect-background-size, 200% 100%);
      inline-size: fit-content;
    }
    [data-rola-effect="text-clip"][data-rola-dynamic-easing] {
      --rola-dynamic-property: background-position;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-rola-transition],
    [data-rola-effect],
    [data-rola-transition]:before,
    [data-rola-effect]:before,
    [data-rola-transition]:after,
    [data-rola-effect]:after {
      transition: none !important;
      animation: none !important;
    }
  }
  .drawer {
    border-inline-start: 1px solid var(--color-black);
    block-size: 100svb;
    inline-size: min(420px, 84vi);
    color: var(--color-white);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-1);
    overscroll-behavior-block: contain;
    transition: 0.3s var(--ease-out-sine);
    transition-behavior: allow-discrete;
    background-color: #070003d6;
    margin-block: 0;
    margin-inline: auto 0;
    transition-property: display, overlay, opacity;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .drawer::backdrop {
    transition: opacity;
  }
  .drawer:not(:modal) {
    opacity: 0;
  }
  .drawer:not(:modal)::backdrop {
    opacity: 0;
  }
  @starting-style {
    .drawer:modal {
      opacity: 0;
    }
  }
  @starting-style {
    .drawer:modal::backdrop {
      opacity: 0;
    }
  }
  .drawer-contents {
    display: grid;
  }
  .drawer-head {
    padding-inline: var(--offset-md);
    justify-self: end;
    padding-block-start: 1.25rem;
  }
  .drawer-nav {
    padding-inline: var(--offset-md);
    padding-block: clamp(32 * var(--torem), 1.4718rem + 2.2535vi, 56 * var(--torem));
    text-align: center;
  }
  .drawer-nav ul {
    row-gap: var(--space-sm);
    display: grid;
  }
  .drawer-nav a {
    font-size: var(--font-size-lg);
    letter-spacing: 0.2em;
    transition: var(--duration-fast) var(--ease-out-sine);
    padding-block: 0.2em;
    font-weight: 700;
    text-decoration: none;
    position: relative;
  }
  .drawer-nav a .header-nav__en {
    font-size: var(--font-size-xs);
    font-family: var(--font-en);
    display: block;
  }
  .global-nav {
    background-color: var(--color-white);
    border-radius: 4rem;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    padding: 0.8rem 3.2rem;
    display: flex;
    box-shadow: 0 4px 10px #d1cbc140;
  }
  @media (width<=767px) {
    .global-nav {
      display: none;
    }
  }
  @media (min-width: 768px) and (max-width: 930px) {
    [data-font="large"] .global-nav {
      gap: 1rem;
    }
  }
  .global-nav .header-nav__ja {
    text-align: center;
    color: var(--color-brown);
    font-size: 1rem;
    font-family: var(--font-ja02);
    letter-spacing: 0.2em;
    transition: var(--duration-fast);
    font-weight: 700;
    line-height: 1.45;
    display: block;
  }
  .global-nav .header-nav__en {
    text-align: center;
    color: var(--color-light-brown);
    font-size: 0.75rem;
    font-family: var(--font-en);
    letter-spacing: -0.02em;
    transition: var(--duration-fast);
    line-height: 1;
    display: block;
  }
  .global-nav a {
    text-decoration: none;
  }
  :is(.global-nav a:focus, .global-nav a:hover) .header-nav__ja {
    color: var(--color-gold);
  }
  :is(.global-nav a:focus, .global-nav a:hover) .header-nav__en {
    color: var(--color-brown);
  }
  [data-bg-dark="true"] .global-nav {
    background-color: var(--color-black);
  }
  :is([data-bg-dark="true"] .global-nav a:hover, [data-bg-dark="true"] .global-nav a:focos) .header-nav__en {
    color: #ddd;
  }
  [data-bg-dark="true"] .header-nav__en {
    color: var(--color-gold);
  }
  [data-bg-dark="true"] .header-nav__ja {
    color: var(--color-white);
  }
  .js-marker {
    background-image: linear-gradient(90deg, #fdff79, #fdff79);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 24%;
    font-weight: 700;
    transition: all 1.2s ease-in-out;
    display: inline;
    position: relative;
  }
  .js-marker.inview {
    background-size: 100% 24%;
  }
  @keyframes rotateAnimation {
    0% {
      transform: rotateY(0);
    }
    50% {
      transform: rotateY(180deg);
    }
    to {
      transform: rotateY(360deg);
    }
  }
  [data-bg-dark="true"] .js-marker {
    background-image: linear-gradient(90deg, #a99034, #a99034);
  }
  [data-bg-dark="true"] .cultural-affairs__text a {
    color: var(--color-gold);
  }
  .about {
    background-color: var(--color-white);
    padding-block: clamp(2rem, 1.3932rem + 2.589vi, 4.5rem) clamp(2.5rem, 1.8932rem + 2.589vi, 5rem);
    position: relative;
  }
  .about:after {
    content: "";
    width: clamp(6.25rem, 4.55097rem + 7.24919vi, 13.25rem);
    height: clamp(9.375rem, 6.52306rem + 12.1683vi, 21.125rem);
    z-index: 1;
    background: url(../../assets/images/ball-BQRS3Bv-.png) 50% / contain no-repeat;
    position: absolute;
    top: 0;
    right: 0;
  }
  .event-lists {
    margin-top: calc(40 * var(--torem));
    justify-content: center;
    gap: clamp(1.25rem, 1.06796rem + 0.776699vi, 2rem);
    display: grid;
  }
  @media (width>=48rem) {
    .event-lists {
      display: flex;
    }
  }
  @media (min-width: 768px) and (max-width: 1200px) {
    [data-font="large"] .event-lists {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 768px) and (max-width: 880px) {
    [data-font="large"] .artists-lists,
    [data-font="large"] .artists-lists02 {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .event-date {
    background-color: var(--color-gold);
    font-family: var(--font-ja02);
    color: var(--color-white);
    font-weight: 700;
  }
  .event-date time {
    font-size: clamp(1rem, 0.93932rem + 0.2589vi, 1.25rem);
    display: block;
  }
  .event-date time strong {
    font-size: clamp(1.25rem, 1.12864rem + 0.517799vi, 1.75rem);
  }
  .event-list__body {
    padding: 0.4rem 0.5rem clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    background: linear-gradient(#fff, #fff0);
    grid-template-rows: auto minmax(93px, 34%) auto;
    grid-template-areas: "time" "title" "access";
    gap: 0.5rem;
    display: grid;
  }
  .event-time {
    font-size: clamp(0.8125rem, 0.78216rem + 0.12945vi, 0.9375rem);
    grid-area: time;
    font-weight: 500;
  }
  .event-time p {
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .event-list {
    text-align: center;
    border-radius: calc(4 * var(--torem));
    border: solid 1px var(--color-gold);
    width: 100%;
    font-family: var(--font-ja02);
  }
  .event-title {
    color: var(--color-brown);
    font-size: clamp(1.1875rem, 1.09648rem + 0.38835vi, 1.5625rem);
    grid-area: title;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
  }
  .event-access {
    font-size: clamp(0.75rem, 0.71966rem + 0.12945vi, 0.875rem);
    grid-area: access;
  }
  [data-bg-dark="true"] .about {
    background: var(--color-black);
  }
  [data-bg-dark="true"] .event-list__body {
    background: var(--color-black);
    color: var(--color-white);
  }
  [data-bg-dark="true"] .event-title {
    color: var(--color-white);
  }
  .c-title {
    font-size: clamp(2rem, 1.75728rem + 1.0356vi, 3rem);
  }
  .c-title.--primary {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .c-title__ja {
    font-size: clamp(2rem, 1.75728rem + 1.0356vi, 3rem);
    letter-spacing: 0.08em;
    line-height: 1.2;
  }
  .c-title__en {
    color: var(--color-bordeaux);
    font-family: var(--font-en);
    font-size: clamp(1.125rem, 1.03398rem + 0.38835vi, 1.5rem);
    letter-spacing: -0.04em;
    font-weight: 400;
    line-height: 1.2;
  }
  .c-title__m {
    font-size: clamp(1.5rem, 1.37864rem + 0.517799vi, 2rem);
  }
  .c-title__line {
    text-align: center;
    border-top: 2px solid var(--color-gold02);
    border-bottom: 2px solid var(--color-gold02);
    background-color: var(--color-light-yellow);
    color: var(--color-brown);
    line-height: 1.8;
    font-size: clamp(1.25rem, 1.06796rem + 0.776699vi, 2rem);
    letter-spacing: 0.08em;
    padding-block: 0.5rem;
  }
  .c-title__line .space {
    margin-left: 1.5rem;
  }
  .c-title__underLine {
    border-bottom: 1px solid var(--color-bordeaux);
    padding-bottom: 0.2rem;
    line-height: 1.4;
  }
  .c-title__underLine.--white {
    border-bottom: 1px solid var(--color-white);
  }
  [data-bg-dark="true"] .c-title__line {
    color: var(--color-white);
    background-color: var(--color-black);
  }
  [data-bg-dark="true"] .c-title__en,
  [data-bg-dark="true"] .c-title__ja {
    color: var(--color-white);
  }
  .c-title__ja {
    text-align: center;
  }
  .access {
    background-color: #f0eee5;
  }
  .access-lists {
    margin-top: calc(40 * var(--torem));
    gap: clamp(2rem, 1.75728rem + 1.0356vi, 3rem);
    display: grid;
  }
  .access-list {
    padding: clamp(1.25rem, 1.06796rem + 0.776699vi, 2rem) clamp(1.25rem, 0.946602rem + 1.2945vi, 2.5rem);
    background-color: var(--color-white);
    border-radius: 0.5rem;
    display: block;
    box-shadow: 0 4px 10px #d1cbc140;
  }
  @media (width>=48rem) {
    .access-list {
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
      display: flex;
    }
  }
  .access-body {
    font-size: clamp(0.875rem, 0.84466rem + 0.12945vi, 1rem);
    font-family: var(--font-ja02);
    gap: 1rem;
    display: grid;
  }
  .access-body th {
    vertical-align: top;
    width: clamp(6.25rem, 5.71905rem + 2.26537vi, 8.4375rem);
    display: block;
  }
  .access-body strong {
    font-size: clamp(1.125rem, 1.09466rem + 0.12945vi, 1.25rem);
    line-height: 1.3;
  }
  .access-body th,
  .access-body td {
    padding-block: 0.5rem;
  }
  @media (width>=48rem) {
    .access-map {
      max-width: 330px;
    }
  }
  @media (width<=767px) {
    .access-map {
      margin-top: 1rem;
    }
  }
  .access-map iframe {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
  }
  [data-bg-dark="true"] .access,
  [data-bg-dark="true"] .access-list {
    background-color: var(--color-black);
  }
  [data-bg-dark="true"] .access-list {
    color: var(--color-white);
    border: solid 2px var(--color-gold);
    box-shadow: none;
  }
  .c-button {
    width: 100%;
    transition-timing-function: var(--ease-in-out-quart);
    transition-duration: var(--duration-fast);
    grid-template: "text icon-right" 1fr/1fr auto;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    display: grid;
  }
  .c-button.--bg-gold {
    background-color: var(--color-gold);
    border: solid 1px var(--color-gold);
    color: var(--color-white);
    border-radius: 2.5rem;
  }
  .c-button span {
    display: inline-block;
  }
  .c-button.--line {
    color: var(--color-gold02);
    background-color: var(--color-white);
    border: solid 1px var(--color-gold02);
    margin-top: 0.8rem;
  }
  .c-button__text {
    font-family: var(--font-ja02);
    text-align: center;
    grid-area: text;
    line-height: 1.6;
  }
  .c-button__icon {
    grid-area: icon-right;
    width: 14px;
  }
  .c-button.--primary {
    max-width: clamp(10.25rem, 9.70388rem + 2.3301vi, 12.5rem);
    padding: 0.3125rem 0.8rem;
  }
  .c-button.--secondary {
    max-width: fit-content;
    width: 100%;
    padding: 0.25rem 0.5rem;
  }
  .c-button.--secondary .c-button__text {
    line-height: 1.2;
  }
  .c-button.--secondary-l {
    width: fit-content;
    max-width: 12rem;
    margin-inline: auto;
    padding: 0.25rem 0.5rem;
  }
  .c-button.--secondary-l .c-button__text {
    line-height: 1.2;
  }
  .c-button.--bg-gold:focus,
  .c-button.--bg-gold:hover {
    background-color: #6d5d22;
  }
  .c-button.--secondary:focus,
  .c-button.--secondary:hover,
  .c-button.--secondary-l:focus,
  .c-button.--secondary-l:hover {
    background-color: #ede8d2;
  }
  .button-hamburger {
    --button-size: 40px;
    --button-border: 0;
    --line-size: 1px;
    --line-gap: 3;
    block-size: 2.5rem;
    inline-size: 2.5rem;
    font-size: var(--font-size-md);
    background-color: #a99034;
    border-width: 0;
    border-radius: 50%;
    padding: 0.8em;
    display: inline-grid;
  }
  @media (width>=48rem) {
    .button-hamburger {
      display: none;
    }
  }
  .button-hamburger:before,
  .button-hamburger:after {
    content: "";
    inline-size: 100%;
    block-size: var(--line-size);
    background-color: var(--color-white);
    grid-area: 1/1;
    place-self: center;
    transition: translate, rotate;
    display: block;
  }
  .button-hamburger[data-status="closed"]:before {
    translate: 0 calc(var(--line-gap) * -1 * var(--line-size));
  }
  .button-hamburger[data-status="closed"]:after {
    translate: 0 calc(var(--line-gap) * var(--line-size));
  }
  .button-hamburger[data-status="open"]:before {
    rotate: 45deg;
  }
  .button-hamburger[data-status="open"]:after {
    rotate: -45deg;
  }
  .button-close {
    font-size: var(--font-size-sm);
    padding-block: 0.5em;
    padding-inline: 1em;
  }
  .change-buttons {
    z-index: 7;
    background-color: var(--color-white);
    border-radius: 0.4rem;
    justify-content: center;
    gap: 1.25rem;
    padding: 0.6rem 0.8rem;
    display: flex;
    position: fixed;
    bottom: 2%;
    left: 3%;
    right: 3%;
    box-shadow: 0 0 15px #0000001a;
  }
  @media (width>=48rem) {
    .change-buttons {
      bottom: inherit;
      left: inherit;
      border-radius: 1rem 0 0 1rem;
      padding: 1.5rem 1rem;
      display: grid;
      top: 30%;
      right: 0;
    }
  }
  .change-buttons.is-hidden {
    display: none;
  }
  .change-button__lists p {
    font-size: clamp(0.625rem, 0.54915rem + 0.323625vi, 0.9375rem);
    text-align: center;
    font-weight: 600;
    font-family: var(--font-ja02);
  }
  .change-button__list {
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.2rem;
    display: flex;
  }
  @media (width>=48rem) {
    .change-button__list {
      margin-top: 0.4rem;
    }
  }
  .change-button__list button,
  .change-button__list a {
    color: var(--color-white);
    font-size: clamp(0.6875rem, 0.62682rem + 0.2589vi, 0.9375rem);
    font-weight: 500;
    font-family: var(--font-ja02);
    transition: var(--duration-fast);
    background-color: #949494;
    border: #0000;
    border-radius: 4px;
    padding: 0.2rem 0.4rem 0.3rem;
    line-height: 1.1;
    text-decoration: none;
    display: inline-block;
  }
  :is(.change-button__list button, .change-button__list a):hover {
    opacity: 0.8;
  }
  .change-button__lists .is-active,
  [data-bg-dark="false"] [data-bg="false"],
  [data-bg-dark="true"] [data-bg="true"],
  [data-font="normal"] [data-font="false"],
  [data-font="large"] [data-font="true"] {
    background-color: #e60000;
  }
  [data-font="large"] .change-buttons {
    flex-wrap: wrap;
    gap: 0.8rem 1rem;
  }
  .accessibility {
    background: url(../../assets/images/bg-gray-DvaBaThE.jpg) 50% / cover no-repeat;
  }
  @media (width>=48rem) {
    .accessibility {
      background: url(../../assets/images/bg-gray-Bo2invG2.jpg) 50% / cover no-repeat;
    }
  }
  .accessibility-lists {
    margin-top: clamp(2rem, 1.51456rem + 2.0712vi, 4rem);
  }
  .accessibility-list {
    padding-block: clamp(1.5rem, 1.37864rem + 0.517799vi, 2rem);
    border-bottom: 1px dashed #e0cb96;
    flex-direction: column-reverse;
    gap: 1.5rem;
    display: flex;
  }
  .accessibility-list:first-of-type {
    border-top: 1px dashed #e0cb96;
  }
  @media (width>=48rem) {
    .accessibility-list {
      flex-direction: row-reverse;
      justify-content: flex-end;
      align-items: center;
      gap: 2rem;
    }
  }
  .accessibility-list__body {
    font-family: var(--font-ja02);
  }
  .accessibility-list__body p {
    margin-top: var(--font-size-lg);
    font-size: clamp(1.125rem, 1.09466rem + 0.12945vi, 1.25rem);
  }
  @media (width<=767px) {
    .accessibility-list__body p {
      width: fit-content;
      max-width: 30rem;
      margin-inline: auto;
    }
  }
  .accessibility-list__body .c-title__m {
    color: var(--color-brown);
    letter-spacing: 0.08em;
    font-weight: 700;
  }
  @media (width<=767px) {
    .accessibility-list__body .c-title__m {
      text-align: center;
    }
  }
  @media (width>=48rem) {
    .accessibility-list__image {
      flex: 0 0 calc(135 * var(--torem));
    }
  }
  .accessibility-list__image img {
    max-width: clamp(100px, 16vw, 8.4375rem);
  }
  @media (width<=767px) {
    .accessibility-list__image img {
      margin-inline: auto;
    }
  }
  @media (width>=751px) {
    a[href*="tel:"] {
      pointer-events: none;
      cursor: default;
      text-decoration: none;
    }
  }
  [data-bg-dark="true"] .accessibility {
    background: url(../../assets/images/bg-black-BP57m_u3.jpg) 50% / cover no-repeat;
  }
  [data-bg-dark="true"] .accessibility-list__body .c-title__m,
  [data-bg-dark="true"] .accessibility-list__body {
    color: var(--color-white);
  }
  .artist-container {
    margin-top: clamp(2rem, 1.75728rem + 1.0356vi, 3rem);
  }
  .artist-message {
    margin-top: clamp(1.5rem, 1.25728rem + 1.0356vi, 2.5rem);
  }
  .artist.--01 {
    background: url(../../assets/images/bg-gray-Bo2invG2.jpg) 50% / cover no-repeat;
  }
  .artists {
    max-width: 50rem;
    margin-top: clamp(1.75rem, 1.56796rem + 0.776699vi, 2.5rem);
    margin-inline: auto;
  }
  .artist-container__title {
    color: var(--color-bordeaux);
    letter-spacing: 0.04em;
    font-weight: 600;
  }
  .artists-lists {
    grid-template-columns: repeat(1, 1fr);
    gap: 5rem;
    margin-top: 1.5rem;
    display: grid;
  }
  @media (width>=48rem) {
    .artists-lists {
      grid-template-columns: repeat(3, 1fr);
      gap: 2.5rem;
    }
  }
  .artists-list {
    text-align: center;
  }
  .artists-list .c-button {
    margin-block-start: clamp(0.6rem, 0.551456rem + 0.20712vi, 0.8rem);
    margin-inline: auto;
  }
  .artists-list__image {
    margin-inline: auto;
  }
  .artists-list__image img {
    width: 100%;
    transition: var(--duration-fast);
    display: block;
  }
  @media (width<=767px) {
    .artists-list__image img {
      max-width: 14rem;
      margin-inline: auto;
    }
  }
  .artists-list__image a {
    display: inline-block;
    position: relative;
  }
  :is(.artists-list__image a:hover, .artists-list__image a:focus) img {
    filter: brightness(0.6);
  }
  :is(.artists-list__image a:hover, .artists-list__image a:focus) .plus-icon {
    opacity: 1;
  }
  .artists-list__image .plus-icon {
    opacity: 0;
    width: clamp(32px, 5vw, 68px);
    height: clamp(32px, 5vw, 68px);
    transition: opacity var(--duration-fast);
    pointer-events: none;
    background: url(../../assets/images/plus-white-DOCyMkQ-.svg) 50% / contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .artists-list__name {
    color: var(--color-brown);
    margin-top: clamp(0.625rem, 0.412621rem + 0.906149vi, 1.5rem);
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    font-weight: 700;
  }
  .artists-list__name em {
    color: var(--color-black);
    line-height: 1.2;
    font-size: clamp(0.75rem, 0.71966rem + 0.12945vi, 0.875rem);
    display: block;
  }
  .artists-list__body {
    margin-top: clamp(1.25rem, 0.946602rem + 1.2945vi, 2.5rem);
    font-family: var(--font-ja02);
    gap: 0.8rem;
    display: grid;
  }
  .artists-list__body .c-button {
    margin-block-start: 0.8rem;
    margin-inline: auto;
  }
  .artists-list__body .--place {
    font-size: clamp(1rem, 0.93932rem + 0.2589vi, 1.25rem);
    font-weight: 700;
  }
  .artists-list__body .--time {
    letter-spacing: 0.04em;
    font-size: 0.875rem;
  }
  .artists-list__body .--time strong {
    font-size: clamp(1rem, 0.96966rem + 0.12945vi, 1.125rem);
    display: block;
  }
  .bg-tree {
    z-index: -1;
    background: url(../../assets/images/bg-red-tree-CQIO6wZh.jpg) 0 / cover no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
  }
  .artist-conductor {
    color: var(--color-white);
    gap: 1.2rem;
    margin-top: 1.5rem;
    display: grid;
  }
  @media (width>=48rem) {
    .artist-conductor {
      gap: 2.5rem;
      display: flex;
    }
  }
  .conductor-name {
    font-size: clamp(1.5rem, 1.43932rem + 0.2589vi, 1.75rem);
    letter-spacing: 0.1em;
  }

  .conductor-name em {
    font-size: 1rem;
    font-family: var(--font-ja02);
    letter-spacing: 0.05em;
    margin-block-start: 0.4rem;
    font-weight: 400;
    line-height: 1;
    display: block;
  }
  .conductor-message {
    font-size: clamp(0.9375rem, 0.92233rem + 0.0647249vi, 1rem);
    margin-top: 2rem;
    position: relative;
  }
  .conductor-message p {
    text-shadow: 0 4px 4px #000000a3;
    font-weight: 500;
  }
  .conductor-message p:nth-child(n + 2) {
    margin-top: 1.5rem;
  }
  .kirakira {
    z-index: -1;
    background: url(../../assets/images/kirakira-BVW7eoV2.png) 50% / contain no-repeat;
    width: 80px;
    height: 70px;
    position: absolute;
    bottom: -1.8rem;
    right: 0;
  }
  .conductor-image {
    flex: 0 0 16.875rem;
  }
  @media (width<=767px) {
    .conductor-image img {
      width: 100%;
      max-width: 18rem;
      margin-inline: auto;
    }
  }
  .conductor-button {
    margin-top: 2rem;
  }
  @media (width<=48rem) {
    .conductor-button .c-button {
      margin-inline: auto;
    }
  }
  .youtube-lists {
    grid-template-columns: repeat(2, auto);
    gap: 1rem;
    margin-block-start: 2.5rem;
    display: grid;
  }
  @media (width>=48rem) {
    .youtube-lists {
      grid-template-columns: repeat(3, auto);
      column-gap: 2rem;
    }
  }
  .youtube-lists iframe {
    aspect-ratio: 3/2;
    max-width: 100%;
  }
  .chorus-inner {
    gap: clamp(2.5rem, 2.25728rem + 1.0356vi, 3.5rem);
    margin-block-start: 3rem;
    display: grid;
  }
  .chorus-inner .chorus-sub__title {
    text-align: center;
    color: var(--color-white);
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    font-family: var(--font-ja02);
    letter-spacing: 0.04em;
    font-weight: 600;
  }
  .artists-lists02 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 1rem;
    margin-top: 1.2rem;
    display: grid;
  }
  @media (width<=767px) {
    .artists-lists02 {
      max-width: 28rem;
      margin-inline: auto;
    }
  }
  @media (width>=48rem) {
    .artists-lists02 {
      grid-template-columns: repeat(4, 1fr);
      gap: 2rem;
    }
  }
  .artists-lists02 .c-button.--secondary {
    border: solid 1px var(--color-bordeaux);
  }
  .artists-lists02 .c-button.--secondary .c-button__text {
    font-size: clamp(0.75rem, 0.73483rem + 0.0647249vi, 0.8125rem);
    color: var(--color-bordeaux);
  }
  .artists-list__name02 {
    color: var(--color-white);
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    margin-top: 0.5rem;
    font-weight: 700;
    line-height: 1.4;
  }

  [data-lang="en"] {
    .artists-list__name02 {
      font-size: 1.1rem;
    }
  }
  .artists-list dialog,
  .story dialog,
  .conductor-body dialog {
    border: none;
    border: solid 1px var(--color-gold);
    border-radius: 16px;
    width: min(92vw, 880px);
    max-height: 90dvh;
    margin: auto;
    padding: 24px;
    overflow: auto;
  }
  .artists-list dialog .conductor-body {
    text-align: left;
  }
  .artists-list dialog::backdrop,
  .story dialog::backdrop,
  .conductor-body dialog::backdrop {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #000000d3;
  }
  .dialog-close {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-left: auto;
    font-size: 20px;
    line-height: 1;
    display: inline-flex;
    position: sticky;
    top: 0;
    right: 0;
  }
  .dialog-close:hover,
  .dialog-close:focus {
    background: #0000000f;
    outline: none;
  }
  .dialog-footer {
    text-align: center;
    margin-top: 24px;
    button {
      margin-inline: auto;
    }
  }
  [data-bg-dark="true"] .bg-tree {
    background: url(../../assets/images/bg-black-tree-nsIP6tpR.jpg) 0 / cover no-repeat;
  }
  [data-bg-dark="true"] .artist.--01 {
    background: url(../../assets/images/bg-black-BP57m_u3.jpg) 50% / cover no-repeat;
  }
  [data-bg-dark="true"] .artist-container__title {
    border-bottom: 1px solid var(--color-white);
  }
  [data-bg-dark="true"] .artists-list__name,
  [data-bg-dark="true"] .artist-container__title,
  [data-bg-dark="true"] .artists-list__body {
    color: var(--color-white);
  }
  .comments {
    background: url(../../assets/images/bg-green-7uiCMd0_.jpg) 50% / cover no-repeat;
    position: relative;
  }
  .comments:after {
    content: "";
    background: linear-gradient(90deg, #3c9771e0, #07512fe0);
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .comments .l-container {
    z-index: 2;
    position: relative;
  }
  .comments-list {
    color: var(--color-white);
    font-family: var(--font-ja02);
    font-size: clamp(1.0625rem, 0.98665rem + 0.323625vi, 1.375rem);
    text-shadow: 0 4px 4px #51040985;
    padding-left: 1.1rem;
    font-weight: 500;
    position: relative;
  }
  .comments-list:before {
    content: "・";
    position: absolute;
    left: 0;
  }
  [data-bg-dark="true"] .comments:after {
    background: linear-gradient(90deg, #030705e0, #000000e0);
  }
  .c-text__lead {
    color: var(--color-brown);
    text-align: center;
    font-size: clamp(1rem, 0.93932rem + 0.2589vi, 1.25rem);
    font-weight: 700;
    line-height: 2;
  }
  .c-text__lead.--fontGothic {
    font-family: var(--font-ja02);
  }
  @media (width>=48rem) {
    .is-sp {
      display: none;
    }
  }
  @media (width<=767px) {
    .is-pc {
      display: none;
    }
  }
  .text-white,
  [data-bg-dark="true"] .c-text__lead {
    color: var(--color-white);
  }
  .support {
    background-color: var(--color-white);
  }
  [data-bg-dark="true"] .support {
    background-color: var(--color-black);
  }
  .support-message {
    color: var(--color-dark);
    margin-top: clamp(1.5rem, 1.13592rem + 1.5534vi, 3rem);
    font-weight: 400;
  }
  .support-card {
    max-width: 25rem;
    padding: clamp(1.5rem, 1.37864rem + 0.517799vi, 2rem) clamp(1.25rem, 0.946602rem + 1.2945vi, 2.5rem);
    border: solid 1px var(--color-brown);
    background-color: var(--color-whtie);
    border-radius: 1rem;
    flex-direction: column-reverse;
    align-items: center;
    gap: 1.5rem;
    margin-block-start: 2rem;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
  }
  @media (width>=48rem) {
    .support-card {
      flex-direction: row-reverse;
      gap: 2rem;
      max-width: 43.4375rem;
      display: flex;
    }
  }
  .support-card p,
  .support-cards p {
    font-size: clamp(1.0625rem, 1.04733rem + 0.0647249vi, 1.125rem);
    font-family: var(--font-ja02);
  }
  .support-card__link {
    margin-inline: auto;
    width: 100%;
    max-width: 18rem;
    flex: 0 0 18rem;
    transition: var(--duration-normal);
  }

  .support-card__link:hover,
  .support-card__link:focus {
    filter: brightness(0.8);
  }

  .support-cards {
    margin-top: 2rem;
    max-width: 25rem;
    padding: clamp(1.5rem, 1.37864rem + 0.517799vi, 2rem) clamp(1.25rem, 0.946602rem + 1.2945vi, 2.5rem);
    border: solid 1px var(--color-brown);
    background-color: var(--color-whtie);
    border-radius: 1rem;
    margin-inline: auto;
  }
  @media (width>=48rem) {
    .support-cards {
      max-width: 43.4375rem;
    }
  }

  .support-card02 {
    align-items: center;
    gap: 1.5rem;
    margin-block-start: 2rem;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
  }

  .cta-button {
    margin-top: clamp(2.5rem, 1.8932rem + 2.589vi, 5rem);
    font-family: var(--font-ja02);
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    display: flex;
  }
  .cta-button a {
    font-size: clamp(0.8125rem, 0.79733rem + 0.0647249vi, 0.875rem);
    transition: var(--duration-fast);
  }
  :is(.cta-button a:hover, .cta-button a:fucus) {
    color: var(--color-light-brown);
  }
  [data-bg-dark="true"] .support-card,
  [data-bg-dark="true"] .support-cards {
    border: solid 1px var(--color-white);
  }
  [data-bg-dark="true"] p.support-card-text {
    color: var(--color-white);
  }
  [data-bg-dark="true"] .cta-button {
    color: var(--color-white);
  }
  .kids {
    background: url(../../assets/images/bg-kids-_e32gMtr.png) 0 0 / cover no-repeat, #fafadb;
    position: relative;
  }
  .kids:after {
    content: "";
    width: clamp(6.25rem, 4.55097rem + 7.24919vi, 13.25rem);
    height: clamp(9.375rem, 6.52306rem + 12.1683vi, 21.125rem);
    z-index: 1;
    background: url(../../assets/images/ball-BQRS3Bv-.png) 50% / contain no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(-1);
  }
  @media (width>=48rem) {
    .kids {
      background: url(../../assets/images/bg-kids-_e32gMtr.png) 0 0 / contain no-repeat, #fafadb;
    }
  }

  .kids .l-container {
    position: relative;
    z-index: 2;
  }
  .kids-inner {
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    display: grid;
  }
  @media (width>=48rem) {
    .kids-inner {
      display: flex;
    }
  }
  @media (width<=767px) {
    .kids-message {
      text-align: center;
    }
  }
  .kids-message time {
    font-size: clamp(1.125rem, 1.09466rem + 0.12945vi, 1.25rem);
  }
  .kids-message time em {
    font-size: clamp(1.75rem, 1.68932rem + 0.2589vi, 2rem);
    font-weight: 500;
    line-height: 1.6;
  }
  .kids-message p {
    font-weight: 700;
    font-family: var(--font-ja02);
    font-size: clamp(0.9375rem, 0.92233rem + 0.0647249vi, 1rem);
  }
  .kids-message p strong {
    font-size: clamp(2rem, 1.87864rem + 0.517799vi, 2.5rem);
    color: #b58f1c;
    margin-block: 0.4rem;
    line-height: 1.2;
    display: block;
  }
  .kids-message p:after {
    content: "♪";
  }
  .kids-message p span {
    display: block;
  }
  .kids-image {
    flex: 0 0 48%;
  }
  [data-bg-dark="true"] .kids {
    background: var(--color-black);
  }
  [data-bg-dark="true"] .kids-message,
  [data-bg-dark="true"] .kids-message p strong {
    color: var(--color-white);
  }
  .ticket {
    background: url(../../assets/images/bg-green02-CaUwG2kk.jpg) top/cover no-repeat;
    position: relative;
  }
  .ticket:before,
  .ticket:after {
    content: "";
    background: url(../../assets/images/star-D0ioOR_S.png) 50% / contain no-repeat;
    width: 8.6vw;
    height: 19.7222vw;
    position: absolute;
  }
  .ticket:before {
    top: 0;
    left: 10vi;
    transform: scaleX(-1);
  }
  .ticket:after {
    top: 0;
    right: 10vi;
  }
  .ticket .l-container {
    z-index: 1;
    position: relative;
  }
  .ticket-price {
    text-align: center;
    max-width: 17.5rem;
    margin-block-start: clamp(2.5rem, 2.25728rem + 1.0356vi, 3.5rem);
    margin-inline: auto;
  }
  .ticket-price dt {
    background-color: var(--color-light-brown);
    color: var(--color-white);
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    letter-spacing: 0.08em;
    padding-block: 1rem 0.9rem;
    font-weight: 700;
    line-height: 1;
  }
  .ticket-price dd {
    background-color: var(--color-white);
    color: var(--color-brown);
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    letter-spacing: 0.08em;
    padding-block: 1rem 0.9rem;
    font-weight: 500;
    line-height: 1;
  }
  .ticket-price dd strong {
    font-size: clamp(2rem, 1.87864rem + 0.517799vi, 2.5rem);
    margin-left: 1rem;
    font-weight: 700;
  }
  .ticket-card {
    padding-block: clamp(4rem, 3.75728rem + 1.0356vi, 5rem);
    background-color: var(--color-white);
    border: 4px solid #eddb93;
    margin-top: 2.5rem;
    padding-inline: 1.5rem;
  }
  .ticket-card__inner {
    max-width: 50rem;
    margin-inline: auto;
  }
  .ticket-lists {
    gap: 4rem;
    margin-top: 2rem;
    display: grid;
  }
  .ticket-list {
    font-family: var(--font-ja02);
  }
  .ticket-card__title {
    padding-left: clamp(1.25rem, 1.06796rem + 0.776699vi, 2rem);
    color: var(--color-brown);
    font-size: clamp(1.5rem, 1.37864rem + 0.517799vi, 2rem);
    background: linear-gradient(#fcfbfa, #eee099 83.06%);
    border-top: 2px solid #eddb93;
    border-bottom: 2px solid #eddb93;
  }
  .ticket-list__title {
    padding-block-end: 4px;
    font-size: clamp(1.25rem, 1.18932rem + 0.2589vi, 1.5rem);
    font-weight: 500;
    font-family: var(--font-ja02);
    border-left: 5px solid var(--color-light-brown);
    border-bottom: 1px solid var(--color-light-brown);
    margin-block-end: 1rem;
    padding-left: 1rem;
    line-height: 1;
  }
  .ticket-list__button {
    margin-top: 1rem;
  }
  .tel {
    transition: var(--duration-fast);
    border-bottom: 1px solid #0000;
    line-height: 1.4;
    text-decoration: none;
  }
  .tel:focus,
  .tel:hover {
    color: var(--color-gold);
    border-bottom: 1px solid var(--color-gold02);
  }
  .ticket-list__tel a {
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  @media (width>=48rem) {
    .ticket-list__tel {
      align-items: center;
      display: flex;
    }
    .ticket-list__tel a {
      gap: 0.5rem;
    }
  }
  .tel-number {
    font-size: clamp(1.6875rem, 1.61165rem + 0.323625vi, 2rem);
    font-family: var(--font-en);
    font-weight: 500;
    line-height: 1.2;
  }
  .ticket-list__tel {
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .ticket-list__item {
    gap: 0.6rem;
    display: grid;
  }
  @media (width>=48rem) {
    .ticket-list__item li {
      align-items: center;
      gap: 1rem;
      display: flex;
    }
  }
  [data-bg-dark="true"] .ticket {
    background: url(../../assets/images/bg-black03-DY16yyY4.jpg) top/cover no-repeat;
  }
  [data-bg-dark="true"] .ticket-price {
    border: solid 1px var(--color-brown);
  }
  [data-bg-dark="true"] .ticket-price dt,
  [data-bg-dark="true"] .ticket-price dd,
  [data-bg-dark="true"] .ticket-card {
    color: var(--color-white);
    background-color: #0000;
  }
  [data-bg-dark="true"] .ticket-price dt {
    border-bottom: 1px solid var(--color-brown);
  }
  [data-bg-dark="true"] .ticket-card__title {
    color: var(--color-white);
    background: var(--color-black);
  }
  .under18 {
    background: url(../../assets/images/bg-white-CKV-jEro.jpg) 100% 0 / cover no-repeat;
    position: relative;
  }
  .under18:after {
    content: "";
    width: clamp(6.25rem, 4.55097rem + 7.24919vi, 13.25rem);
    height: clamp(9.375rem, 6.52306rem + 12.1683vi, 21.125rem);
    z-index: 1;
    background: url(../../assets/images/ball-BQRS3Bv-.png) 50% / contain no-repeat;
    position: absolute;
    top: 0;
    right: 0;
  }
  .ashirai-tree {
    max-width: clamp(2.5rem, 2.1966rem + 1.2945vi, 3.75rem);
    margin-inline: auto;
  }
  .under18-title {
    color: var(--color-bordeaux);
    font-size: clamp(1.125rem, 0.912621rem + 0.906149vi, 2rem);
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }
  .under18-title em {
    font-size: clamp(2rem, 1.75728rem + 1.0356vi, 3rem);
  }
  .under18-title span {
    align-items: flex-end;
    line-height: 1;
    display: flex;
    position: relative;
  }
  .under18-title span:after,
  .under18-title span:before {
    content: "";
    background: url(../../assets/images/snow-DKr6Cz7i.svg) 0 0 / contain no-repeat;
    width: 2rem;
    height: 2.5rem;
    position: absolute;
    bottom: -10px;
  }
  @media (width<=480px) {
    .under18-title span:after,
    .under18-title span:before {
      display: none;
    }
  }
  .under18-title span:before {
    left: -2.4rem;
  }
  .under18-title span:after {
    right: -2.4rem;
  }
  .under18-comments {
    margin-block: 1.5rem;
  }
  .under18-comments strong {
    text-align: center;
    color: #e60013;
    font-weight: 700;
    font-size: clamp(1.125rem, 1.06432rem + 0.2589vi, 1.375rem);
    font-family: var(--font-ja02);
    margin-block-start: 1rem;
    line-height: 1.45;
    display: block;
  }
  .under18-comment {
    background-color: var(--color-white);
    border: solid 1px var(--color-bordeaux);
    width: fit-content;

    color: var(--color-bordeaux);
    font-size: clamp(0.9375rem, 0.89199rem + 0.194175vi, 1.125rem);
    font-family: var(--font-ja02);
    margin-inline: auto;
    padding: 0.4rem 0.8rem;
    font-weight: 500;
  }
  .under18-lists {
    max-width: 40rem;
    margin-inline: auto;
  }
  .under18-subject {
    gap: 0.3rem;
    display: grid;
  }
  .under18-subject li {
    font-size: clamp(1rem, 0.96966rem + 0.12945vi, 1.125rem);
    font-family: var(--font-ja02);
  }
  [data-bg-dark="true"] .under18,
  [data-bg-dark="true"] .under18-comment,
  [data-bg-dark="true"] .c-button.--secondary-l {
    background: var(--color-black);
  }
  [data-bg-dark="true"] .under18-title,
  [data-bg-dark="true"] .ticket-list__title,
  [data-bg-dark="true"] .under18,
  [data-bg-dark="true"] .under18-comment {
    color: var(--color-white);
  }
  [data-bg-dark="true"] .under18-comment {
    border: solid 1px var(--color-white);
  }
  [data-bg-dark="true"] .under18-comments strong {
    color: #c8a54b;
  }
  [data-bg-dark="true"] .ticket-list__title {
    border-left: 5px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
  }
  [data-bg-dark="true"] .c-button.--secondary-l:hover,
  [data-bg-dark="true"] .c-button.--secondary-l :focus {
    background: var(--color-white);
  }
  [data-bg-dark="true"] .ticket-list__tel img {
    display: none;
  }
  @media (width<=500px) {
    [data-font="large"] .under18-title span {
      flex-wrap: wrap;
    }
  }
  .cultural-affairs {
    background-color: var(--color-white);
    padding-block: clamp(2.5rem, 2.1966rem + 1.2945vi, 3.75rem) clamp(3.75rem, 3.1432rem + 2.589vi, 6.25rem);
  }
  [data-bg-dark="true"] .cultural-affairs {
    background-color: var(--color-black);
  }
  .cultural-affairs__logo {
    max-width: clamp(11.25rem, 10.9466rem + 1.2945vi, 12.5rem);
    margin-inline: auto;
  }
  .cultural-affairs__logo img {
    width: 100%;
  }
  .cultural-affairs__title {
    text-align: center;
    font-family: var(--font-ja02);
    margin-top: 0.5rem;
  }
  .cultural-affairs__title em {
    font-size: clamp(1.125rem, 1.09466rem + 0.12945vi, 1.25rem);
    font-weight: 600;
  }
  .cultural-affairs__title span {
    font-size: clamp(0.9375rem, 0.92233rem + 0.0647249vi, 1rem);
    justify-content: center;
    align-items: center;
    margin-top: 0.5rem;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
  }
  @media (width>=48rem) {
    .cultural-affairs__title span:before,
    .cultural-affairs__title span:after {
      content: "";
      background-color: var(--color-black);
      width: 12px;
      height: 1px;
    }
    .cultural-affairs__title span:before {
      margin-right: 0.4rem;
    }
    .cultural-affairs__title span:after {
      margin-left: 0.4rem;
    }
  }
  .cultural-affairs__text {
    font-family: var(--font-ja02);
    margin-top: 1.5rem;
    font-weight: 400;
  }
  .cultural-affairs__text a {
    color: #2b66cc;
    transition: var(--duration-fast);
    font-weight: 700;
    text-decoration: underline;
  }
  .cultural-affairs__text a:hover,
  .cultural-affairs__text a:focus {
    opacity: 0.7;
    text-decoration: none;
  }
  .cultural-affairs__comments {
    color: #5d5d5d;
    font-size: 0.875rem;
    font-family: var(--font-ja02);
    margin-top: 2rem;
  }
  .cultural-affairs__comments li {
    padding-left: clamp(0.75rem, 0.68932rem + 0.2589vi, 1rem);
    line-height: 1.75;
    position: relative;
  }
  .cultural-affairs__comments li:before {
    content: "・";
    position: absolute;
    left: 0;
  }
  [data-bg-dark="true"] .cultural-affairs,
  [data-bg-dark="true"] .cultural-affairs__comments {
    color: var(--color-white);
  }
  .mv {
    background: url(../../assets/images/mv-bg-BN3G_gV0.jpg) top/cover no-repeat;
    place-items: center;
    min-height: 128vw;
    padding-block: 4vi;
    display: grid;
    position: relative;
    overflow-x: hidden;
  }
  @media (width>=48rem) {
    .mv {
      min-height: 54.7222vw;
    }
  }
  .mv:before,
  .mv:after {
    content: "";
    background: url(../../assets/images/star-D0ioOR_S.png) 50% / contain no-repeat;
    width: 18vw;
    height: 32vw;
    position: absolute;
  }
  @media (width>=48rem) {
    .mv:before,
    .mv:after {
      width: 8.6vw;
      height: 19.7222vw;
    }
  }
  .mv:before {
    transform-style: preserve-3d;
    animation: 10s ease-in-out infinite rotateAnimation;
    top: 0;
    left: 0.2rem;
    transform: scaleX(-1);
  }
  @media (width>=48rem) {
    .mv:before {
      left: 1rem;
    }
  }
  .mv:after {
    transform-style: preserve-3d;
    animation: 10s ease-in-out infinite rotateAnimation;
    top: 0;
    right: 0.2rem;
  }
  @media (width>=48rem) {
    .mv:after {
      right: 1rem;
    }
  }
  .mv-title {
    display: grid;
  }
  .mv-title > * {
    grid-area: 1/1;
  }
  .kirakira02 {
    margin-right: -1.7rem;
    display: block;
  }
  @media (width<=767px) {
    .kirakira02 {
      max-width: 5rem;
    }
  }
  @media (width>=48rem) {
    .kirakira02 {
      margin-right: -5.35rem;
    }
  }
  .kirakira02 img {
    mix-blend-mode: screen;
  }
  .kirakira02 {
    place-self: flex-end;
  }
  .mv-text {
    color: #fff9b1;
    font-size: clamp(1rem, 0.878641rem + 0.517799vi, 1.5rem);
    text-align: center;
    letter-spacing: 0.04em;
    text-shadow: 10px 10px 10px #231815;
    margin-top: 1.25rem;
    font-weight: 700;
    line-height: 2;
  }
  [data-bg-dark="true"] .mv {
    background: url(../../assets/images/mv-bg__black-Qu0GWjJC.jpg) top/cover no-repeat;
  }
  [data-bg-dark="true"] .mv-text {
    color: var(--color-white);
  }
  @media (width<=500px) {
    [data-font="large"] .mv {
      min-height: 180vw;
    }
  }
}
[data-lang="en"] .mv-text {
  font-size: clamp(0.875rem, 0.878641rem + 0.325vi, 1.4rem);
}
@layer layouts {
  .header {
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1.25rem;
    padding-inline-end: 5vi;
    transition: opacity 0.3s;
    display: flex;
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    container: header/inline-size;
  }
  .header.is-visible {
    opacity: 1;
  }
  @media (width>=48rem) {
    .header {
      justify-content: center;
    }
  }
  .header-nav {
    pointer-events: auto;
  }
  .l-section {
    padding-block: clamp(2.5rem, 1.8932rem + 2.589vi, 5rem);
  }
  .l-section.--l {
    padding-block: clamp(3.75rem, 3.1432rem + 2.589vi, 6.25rem);
  }
  html {
    font-size: 16px;
  }
  html[data-font="large"] {
    font-size: clamp(20px, 3vw, 24px);
  }
  .l-container {
    width: 94%;
    margin-inline: auto;
  }
  .l-container.--l {
    max-width: 62.5rem;
  }
  .l-container.--m {
    max-width: 53.75rem;
  }
  .l-container.--s {
    max-width: 50rem;
  }
  .l-container.--ss {
    max-width: 47rem;
  }
  .footer-info {
    padding-block: clamp(2.1875rem, 1.99029rem + 0.841424vi, 3rem) clamp(3.75rem, 3.1432rem + 2.589vi, 6.25rem);
    color: var(--color-white);
    font-family: var(--font-ja02);
    background: url(../../assets/images/bg-red-C2CLB1de.jpg) 50% / cover no-repeat;
  }
  .footer-info__lists {
    gap: 1rem;
    display: grid;
  }
  .footer-info__item dt {
    font-size: clamp(0.875rem, 0.84466rem + 0.12945vi, 1rem);
    font-weight: 700;
  }
  .footer-info__item dd {
    font-size: clamp(0.8125rem, 0.79733rem + 0.0647249vi, 0.875rem);
    letter-spacing: 0.04em;
    margin-top: 0.2rem;
    line-height: 1.4;
  }
  .footer-text {
    text-align: center;
    margin-top: clamp(2.5rem, 2.1966rem + 1.2945vi, 3.75rem);
    font-size: clamp(0.75rem, 0.70449rem + 0.194175vi, 0.9375rem);
    letter-spacing: 0.04em;
    font-weight: 600;
    line-height: 1.6;
  }
  .footer-company__logo {
    background-color: var(--color-white);
  }
  .company-logo__lists {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.8rem 1.5rem;
    padding-block: 2rem;
    display: flex;
  }
  .copyright {
    background-color: var(--color-black);
  }
  .copyright small {
    text-align: center;
    font-family: var(--font-en);
    letter-spacing: 0.04em;
    color: var(--color-white);
    padding: 0.875rem 1rem;
    font-size: 0.625rem;
    display: block;
  }
  [data-bg-dark="true"] .footer-info {
    background: url(../../assets/images/bg-black02-uJBf3eG0.jpg) 50% / cover no-repeat;
  }
}

[data-bg-dark="true"] .artists-list__name em {
  color: var(--color-white);
}

.story .c-button {
  color: var(--color-gold02);
  font-weight: var(--font-bold);
  margin-inline: auto;
  margin-block-start: 2rem;
  background-color: var(--color-white);
  border: solid 2px var(--color-gold02);
  transition: 0.3s;
  &:hover,
  &:focus {
    color: var(--color-gold02);
    background-color: var(--color-light-yellow);
  }
}