@charset "UTF-8";
.main_12kokuki_cha {
  --font-serif_12kokuki_cha: "MFW-PShueiNMinStdN-L", "Shuei NijimiMin L", "dnp-shuei-nmincho-std", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --font-serif2_12kokuki_cha: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --color-gold00: #B29F45;
  --color-text-base: #32231B;
  position: relative;
  min-height: 100%;
  color: var(--color-text-base);
  font-size: calc(14 / 480 * 100dvw);
  line-height: 2.5;
  font-weight: 400;
  background: -webkit-image-set(url(../images/bg1.avif) type("image/avif"), url(../images/bg1.jpg) type("image/jpeg")) repeat center top/calc(480 / 480 * 100dvw) auto;
  background: image-set(url(../images/bg1.avif) type("image/avif"), url(../images/bg1.jpg) type("image/jpeg")) repeat center top/calc(480 / 480 * 100dvw) auto;
  font-family: var(--font-serif_12kokuki_cha);
  -webkit-animation: fadeIn 2s ease-in-out forwards;
          animation: fadeIn 2s ease-in-out forwards;
}
.main_12kokuki_cha :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-serif_12kokuki_cha);
}
.main_12kokuki_cha__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 100vh;
  overflow: clip;
}
.main_12kokuki_cha :where(button) {
  background: none;
  border: none;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}
.main_12kokuki_cha :where(button):focus {
  outline: none;
}
.main_12kokuki_cha :where(img, svg, video) {
  width: 100%;
  height: auto;
  display: block;
}
.main_12kokuki_cha__inner {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  min-height: 100%;
  width: 100%;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content_12kokuki_cha {
  position: relative;
  z-index: 1;
  background: -webkit-image-set(url(../images/bg1.avif) type("image/avif"), url(../images/bg1.jpg) type("image/jpeg")) repeat center top/100% auto;
  background: image-set(url(../images/bg1.avif) type("image/avif"), url(../images/bg1.jpg) type("image/jpeg")) repeat center top/100% auto;
  min-height: 100%;
}

/*! ファイル名:style.css */
@font-face {
  font-family: "Yu Gothic";
  font-weight: 100;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 200;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 300;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 400;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 700;
  src: local("Yu Gothic Bold");
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: local("Helvetica Neue Regular");
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 200;
  src: local("Helvetica Neue Regular");
}
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
.container_cha {
  background-color: var(--cha-color-p30th);
  color: var(--cha-color-base);
  font-family: var(--cha-font-family-base);
  font-size: var(--cha-font-size-base);
  letter-spacing: var(--cha-tracking-base);
  line-height: var(--cha-leading-base);
  position: relative;
}

.container_cha-body {
  margin-inline: auto;
  max-width: calc(var(--cha-rem) * 25);
  overflow-x: clip;
  width: 100%;
}

:root {
  --cha-vw: 100vw;
  --cha-first-view-height: 100svh;
  --cha-border-radius-full: 9999px;
  --cha-color-white: #fff;
  --cha-color-white-rgb: 255 255 255;
  --cha-color-black: #000;
  --cha-color-black-rgb: 0 0 0;
  --cha-color-p30th: #e2e8eb;
  --cha-color-p30th-rgb: 226 232 235;
  --cha-color-p1-primary: #a5308c;
  --cha-color-p1-primary-rgb: 165 48 140;
  --cha-color-p1-secondary: #00a9ba;
  --cha-color-p1-secondary-rgb: 0 169 186;
  --cha-color-p2-primary: #ea5015;
  --cha-color-p2-primary-rgb: 234 80 21;
  --cha-color-p3-primary: #0095de;
  --cha-color-p3-primary-rgb: 0 149 222;
  --cha-color-p4-primary: #fff100;
  --cha-color-p4-primary-rgb: 255 241 0;
  --cha-color-p4-secondary: #e62e8b;
  --cha-color-p4-secondary-rgb: 230 46 139;
  --cha-color-p5-primary: #e60012;
  --cha-color-p5-primary-rgb: 230 0 18;
  --cha-color-base: #000;
  --cha-color-base-rgb: 0 0 0;
  --cha-color-bg: #fff;
  --cha-color-bg-rgb: 255 255 255;
  --cha-breakpoints-xs: 320px;
  --cha-breakpoints-sm: 768px;
  --cha-breakpoints-md: 1024px;
  --cha-breakpoints-lg: 1440px;
  --cha-breakpoints-xl: 1680px;
  --cha-breakpoints-full: 9999px;
  --cha-zindex-back: 0;
  --cha-zindex-middle: 10;
  --cha-zindex-front: 100;
  --cha-zindex-header: 500;
  --cha-zindex-overlay: 900;
  --cha-zindex-modal: 1000;
  --cha-zindex-navi: 5000;
  --cha-zindex-magic: 10000;
  --cha-font-weight-thin: 100;
  --cha-font-weight-extra-light: 200;
  --cha-font-weight-light: 300;
  --cha-font-weight-regular: 400;
  --cha-font-weight-medium: 500;
  --cha-font-weight-semi-bold: 600;
  --cha-font-weight-bold: 700;
  --cha-font-weight-extra-bold: 800;
  --cha-font-weight-black: 900;
  --cha-font-family-base: Noto Sans JP,sans-serif;
  --cha-font-family-inter: Inter,sans-serif;
  --cha-font-family-zen-kaku-gothic-new: "Zen Kaku Gothic New",sans-serif;
  --cha-leading-none: 0;
  --cha-leading-tight: 1;
  --cha-leading-snug: 1.2;
  --cha-leading-normal: 1.4;
  --cha-leading-relaxed: 1.6;
  --cha-leading-base: 1.8;
  --cha-leading-loose: 2;
  --cha-leading-wide: 2.2;
  --cha-leading-extra-wide: 2.4;
  --cha-tracking-none: 0;
  --cha-tracking-tighter: 0.01em;
  --cha-tracking-tight: 0.02em;
  --cha-tracking-base: 0.03em;
  --cha-tracking-wide: 0.04em;
  --cha-tracking-wider: 0.05em;
  --cha-tracking-widest: 0.06em;
  --cha-ease-none: cubic-bezier(0.25,0.25,0.75,0.75);
  --cha-ease-power1-in: cubic-bezier(0.55,0.085,0.68,0.53);
  --cha-ease-power1-inout: cubic-bezier(0.455,0.03,0.515,0.955);
  --cha-ease-power1-out: cubic-bezier(0.25,0.46,0.45,0.94);
  --cha-ease-power2-in: cubic-bezier(0.55,0.055,0.675,0.19);
  --cha-ease-power2-inout: cubic-bezier(0.645,0.045,0.355,1);
  --cha-ease-power2-out: cubic-bezier(0.215,0.61,0.355,1);
  --cha-ease-power3-in: cubic-bezier(0.895,0.03,0.685,0.22);
  --cha-ease-power3-inout: cubic-bezier(0.77,0,0.175,1);
  --cha-ease-power3-out: cubic-bezier(0.165,0.84,0.44,1);
  --cha-ease-power4-in: cubic-bezier(0.755,0.05,0.855,0.06);
  --cha-ease-power4-inout: cubic-bezier(0.86,0,0.07,1);
  --cha-ease-power4-out: cubic-bezier(0.23,1,0.32,1);
  --cha-ease-expo-in: cubic-bezier(0.95,0.05,0.795,0.035);
  --cha-ease-expo-inout: cubic-bezier(1,0,0,1);
  --cha-ease-expo-out: cubic-bezier(0.19,1,0.22,1);
  --cha-ease-circ-in: cubic-bezier(0.6,0.04,0.98,0.335);
  --cha-ease-circ-inout: cubic-bezier(0.785,0.135,0.15,0.86);
  --cha-ease-circ-out: cubic-bezier(0.075,0.82,0.165,1);
  --cha-ease-back-in: cubic-bezier(0.6,-0.28,0.735,0.045);
  --cha-ease-back-inout: cubic-bezier(0.68,-0.55,0.265,1.55);
  --cha-ease-back-out: cubic-bezier(0.175,0.885,0.32,1.275) ;
}
:where(.container_cha) :not(iframe, canvas, img, svg, video, svg *, use, symbol, g, path) {
  all: unset;
  display: revert;
}

.container_cha *, .container_cha :after, .container_cha :before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container_cha ol, .container_cha ul {
  list-style: none;
}

.container_cha img {
  max-width: 100%;
}

.container_cha table {
  border-collapse: collapse;
}

.container_cha textarea {
  white-space: revert;
}

.container_cha picture {
  display: block;
}

:where(.container_cha) canvas, :where(.container_cha) img, :where(.container_cha) svg, :where(.container_cha) video {
  height: auto;
  max-width: none;
  vertical-align: top;
  width: 100%;
}

:where(.container_cha) svg:where(:not([fill])) {
  fill: currentcolor;
}

:where(.container_cha) img, :where(.container_cha) svg {
  pointer-events: none;
}

:where(.container_cha) a, :where(.container_cha) button {
  color: currentcolor;
}

:where(.container_cha) a, :where(.container_cha) button, :where(.container_cha) input[type=button], :where(.container_cha) input[type=submit] {
  cursor: pointer;
}

:where(.container_cha) a, :where(.container_cha) button, :where(.container_cha) label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.container_cha) a {
  text-decoration: underline;
}
:where(.container_cha) button {
  background-color: initial;
  border: 0;
  outline: none;
  padding: 0;
}

:where(.container_cha) button, :where(.container_cha) input[type=button] {
  display: block;
  width: 100%;
}

:where(.container_cha) button:focus, :where(.container_cha) input[type=button]:focus {
  outline: none;
}

.container_cha strong {
  font-weight: var(--cha-font-weight-bold);
}

.container_cha em {
  font-style: italic;
}

.container_cha sub, .container_cha sup {
  font-size: 0.8em;
  line-height: 1;
}

.container_cha sub {
  vertical-align: sub;
}

.container_cha sup {
  vertical-align: super;
}

.container_cha textarea {
  resize: vertical;
}

.container_cha del {
  text-decoration: line-through;
}

.container_cha ins {
  text-decoration: underline;
}

.is-not-template {
  margin: 0;
}
.u-list {
  list-style: none;
}

.u-list > li {
  position: relative;
}

.u-list > li:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.8em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.8em;
}

.u-list li {
  list-style-type: none;
}

.u-list-disc > li {
  padding-left: 1em;
}

.u-list-disc > li:before {
  content: "・";
  left: 0.1em;
}

.u-list-note > li {
  padding-left: 1.5em;
}

.u-list-note > li:before {
  content: "※";
  left: 0;
}

.u-list-decimal {
  counter-reset: item;
}

.u-list-decimal > li {
  padding-left: 2.3em;
}

.u-list-decimal > li:before {
  content: counters(item, "-") ". ";
  counter-increment: item;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
}

.u-marker {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0)), color-stop(0, #ff305f));
  background-image: linear-gradient(rgba(0, 0, 0, 0) 15%, #ff305f 0);
  background-repeat: no-repeat;
  background-size: 100% 90%;
  color: var(--color-white);
}
.u-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.u-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.u-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.u-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.u-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.u-visually-hidden {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  clip: rect(0 0 0 0);
}

:where(.fsc_gheader-wrap, #Header_fca, .header-sp_cha, .header_cha, .tagline_cha) {
  background-color: var(--cha-color-white);
  position: relative;
  z-index: 1;
}

.tagline_cha {
  -webkit-box-shadow: 0 0 0 100vmax var(--cha-color-white);
          box-shadow: 0 0 0 100vmax var(--cha-color-white);
  clip-path: inset(0 -100vmax);
  color: #bbb;
  margin: 0 auto;
  text-align: right;
}
.fsc_gfooter__breadcrumb {
  margin-top: 0;
  position: relative;
  z-index: 1;
}

#footercontent {
  background-color: var(--cha-color-white);
  position: relative;
  z-index: 1;
}

#footercontent .fsc_gfooter__breadcrumb {
  display: none;
}

.header_cha {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}
.header_cha-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header_cha-nav-item {
  list-style: none;
}

.header_cha-nav-link {
  display: block;
  text-decoration: none;
}
@-webkit-keyframes cha-rotation {
  0% {
    rotate: 0deg;
  }
  to {
    rotate: 1turn;
  }
}
@keyframes cha-rotation {
  0% {
    rotate: 0deg;
  }
  to {
    rotate: 1turn;
  }
}
.imageSliderCover {
  display: block;
  inset: -1px;
  pointer-events: none;
  position: absolute;
  will-change: transform;
  z-index: 3;
}

.imageSliderCoverGray {
  background-color: #e2e8eb;
}

.imageSliderCoverBlack {
  background-color: #000;
}

.textStripe_cha {
  --text-stripe-font-size: 18px;
  --text-stripe-line-gap: 8px;
  --text-stripe-stagger-delay: 0s;
  --text-stripe-token-gap: 0em;
  --text-stripe-quote-margin-before: -0.08em;
  --text-stripe-quote-margin-after: -0.08em;
  --text-stripe-quote-open-shift-x: 0;
  --text-stripe-quote-open-shift-y: 0.04em;
  --text-stripe-quote-close-shift-x: 0.06em;
  --text-stripe-quote-close-shift-y: 0.24em;
  --text-stripe-punctuation-margin-before: -0.24em;
  --text-stripe-punctuation-margin-after: -0.06em;
  --text-stripe-punctuation-shift-x: 0.22em;
  --text-stripe-punctuation-shift-y: 0.04em;
  --text-stripe-alnum-shift-x: 0;
  --text-stripe-alnum-shift-y: 0.02em;
  --text-stripe-alnum-combine-shift-x: 0;
  --text-stripe-alnum-combine-shift-y: 0.08em;
  --text-stripe-symbol-shift-x: 0;
  --text-stripe-symbol-shift-y: 0.08em;
  --text-stripe-sound-shift-x: 0.04em;
  --text-stripe-sound-shift-y: 0.12em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--cha-color-black);
  -webkit-column-gap: var(--text-stripe-line-gap);
     -moz-column-gap: var(--text-stripe-line-gap);
          column-gap: var(--text-stripe-line-gap);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  -webkit-font-feature-settings: "vert" 1, "vpal" 1, "pkna" 1;
          font-feature-settings: "vert" 1, "vpal" 1, "pkna" 1;
  font-size: var(--text-stripe-font-size);
  font-variant-east-asian: proportional-width;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

.textStripe_cha-line {
  display: block;
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.textStripe_cha-line + .textStripe_cha-line {
  margin-right: 0;
}

.textStripe_cha-line:before {
  background-color: var(--cha-color-white);
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.textStripe_cha-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 2px;
  position: relative;
  z-index: 1;
}

.textStripe_cha-image, .textStripe_cha-image img {
  display: block;
  max-width: 100%;
}

.textStripe_cha-image img {
  height: auto;
  width: auto;
}

.textStripe_cha-token {
  display: block;
  letter-spacing: 0;
  line-height: 1;
}

.textStripe_cha-token + .textStripe_cha-token {
  margin-top: var(--text-stripe-token-gap);
}

.textStripe_cha-tokenBody {
  display: block;
}

.textStripe_cha-alnum, .textStripe_cha-symbol {
  min-inline-size: 1em;
  text-align: center;
}

.textStripe_cha-alnum:where(.is-combine) .textStripe_cha-tokenBody, .textStripe_cha-symbol:where(.is-combine) .textStripe_cha-tokenBody {
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
}

.textStripe_cha-alnum .textStripe_cha-tokenBody {
  left: var(--text-stripe-alnum-shift-x);
  position: relative;
  top: var(--text-stripe-alnum-shift-y);
}

.textStripe_cha-alnum:where(.is-combine) .textStripe_cha-tokenBody {
  left: calc(var(--text-stripe-alnum-shift-x) + var(--text-stripe-alnum-combine-shift-x));
  top: calc(var(--text-stripe-alnum-shift-y) + var(--text-stripe-alnum-combine-shift-y));
}

.textStripe_cha-symbol:where(.is-combine) .textStripe_cha-tokenBody {
  left: var(--text-stripe-symbol-shift-x);
  position: relative;
  top: var(--text-stripe-symbol-shift-y);
}

.textStripe_cha-alnum:not(.is-combine) .textStripe_cha-tokenBody {
  text-orientation: upright;
}

.textStripe_cha-sound {
  -webkit-transform: translate(var(--text-stripe-sound-shift-x), var(--text-stripe-sound-shift-y)) rotate(90deg);
          transform: translate(var(--text-stripe-sound-shift-x), var(--text-stripe-sound-shift-y)) rotate(90deg);
}

.textStripe_cha-quoteClose, .textStripe_cha-quoteOpen, .textStripe_cha-sound {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  text-orientation: mixed;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

.textStripe_cha-quoteClose, .textStripe_cha-quoteOpen {
  margin-bottom: var(--text-stripe-quote-margin-after);
  margin-top: var(--text-stripe-quote-margin-before);
  position: relative;
}

.textStripe_cha-quoteOpen {
  left: var(--text-stripe-quote-open-shift-x);
  top: var(--text-stripe-quote-open-shift-y);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.textStripe_cha-quoteClose {
  left: var(--text-stripe-quote-close-shift-x);
  top: var(--text-stripe-quote-close-shift-y);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.textStripe_cha-punctuation {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  margin-bottom: var(--text-stripe-punctuation-margin-after);
  margin-top: var(--text-stripe-punctuation-margin-before);
  text-orientation: upright;
  -webkit-transform: translate(var(--text-stripe-punctuation-shift-x), var(--text-stripe-punctuation-shift-y));
          transform: translate(var(--text-stripe-punctuation-shift-x), var(--text-stripe-punctuation-shift-y));
}

.is-bg-loading.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-line:before, .is-scroll-motion-ready .textStripe_cha:not(.is-scroll-motion-in) .textStripe_cha-line:before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.is-bg-loading.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-text, .is-scroll-motion-ready .textStripe_cha:not(.is-scroll-motion-in) .textStripe_cha-text {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-line:before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: calc(var(--text-stripe-stagger-delay, 0s) + var(--text-stripe-motion-delay, 0s));
          transition-delay: calc(var(--text-stripe-stagger-delay, 0s) + var(--text-stripe-motion-delay, 0s));
}

.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.18s ease-out, -webkit-transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.18s ease-out, -webkit-transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.18s ease-out, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.18s ease-out, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: calc(var(--text-stripe-stagger-delay, 0s) + var(--text-stripe-motion-delay, 0s) + 0.16s);
          transition-delay: calc(var(--text-stripe-stagger-delay, 0s) + var(--text-stripe-motion-delay, 0s) + 0.16s);
}

.textStripe_cha:where(.imageStripe_cha:not(.is-vertical)) {
  display: block;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant-east-asian: normal;
  letter-spacing: 0;
  text-orientation: mixed;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

.textStripe_cha:where(.imageStripe_cha:not(.is-vertical)) .textStripe_cha-line {
  margin-block: 0;
  padding-block: 0;
}

.textStripe_cha:where(.imageStripe_cha:not(.is-vertical)) .textStripe_cha-line + .textStripe_cha-line {
  margin-right: 0;
  margin-top: var(--text-stripe-line-gap);
}

.textStripe_cha:where(.imageStripe_cha:not(.is-vertical)) .textStripe_cha-line:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.textStripe_cha:where(.imageStripe_cha:not(.is-vertical)) .textStripe_cha-text {
  padding: 4px;
}

.is-bg-loading.is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)).is-scroll-motion-in .textStripe_cha-line:before, .is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)):not(.is-scroll-motion-in) .textStripe_cha-line:before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.is-bg-loading.is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)).is-scroll-motion-in .textStripe_cha-text, .is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)):not(.is-scroll-motion-in) .textStripe_cha-text {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)).is-scroll-motion-in .textStripe_cha-line:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.is-scroll-motion-ready .textStripe_cha:where(.imageStripe_cha:not(.is-vertical)).is-scroll-motion-in .textStripe_cha-text {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.container_cha-body > :not(.bg_cha) {
  position: relative;
  z-index: 1;
}

.is-bg-loading .container_cha-body > :not(.bg_cha) {
  opacity: 0;
  pointer-events: none;
}

.is-bg-loading .bg_cha:not(.is-bg-ready) .bg_cha-slide {
  opacity: 0;
}

.is-bg-loading [data-bg-loading-black], .is-bg-loading [data-bg-loading-glitch-item], .is-bg-loading [data-bg-loading-logo], .is-bg-loading [data-bg-loading-stagger] [class*=-menu-heading], .is-bg-loading [data-bg-loading-stagger] li {
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes bgRowScroll_cha {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(calc(0px - var(--bg-img-width)), 0, 0);
            transform: translate3d(calc(0px - var(--bg-img-width)), 0, 0);
  }
}
@keyframes bgRowScroll_cha {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(calc(0px - var(--bg-img-width)), 0, 0);
            transform: translate3d(calc(0px - var(--bg-img-width)), 0, 0);
  }
}
.bg_cha {
  --bg-img-width: auto;
  --bg-img-height: 100%;
  --bg-row-height: 20%;
  --bg-slide-width: 160%;
  --bg-slide-height: 100%;
  height: 100dvh;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  width: 100vw;
  z-index: 0;
}

@supports (height: 100lvh) {
  .bg_cha {
    height: 100lvh;
  }
}
.bg_cha .bg_cha-light {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.bg_cha .bg_cha-light img {
  display: block;
  height: auto;
  width: 100%;
}
.bg_cha .bg_cha-slide {
  contain: layout paint;
  height: var(--bg-slide-height);
  left: 50%;
  margin: 0;
  overflow: hidden;
  position: absolute;
  rotate: -30deg;
  top: 50%;
  translate: -50% -50%;
  width: var(--bg-slide-width);
  z-index: 2;
}

.bg_cha .bg_cha-slide, .bg_cha .bg_cha-track {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.bg_cha .bg_cha-track {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  translate: 0 -7.1428571429%;
  width: 100%;
}

.bg_cha .bg_cha-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: var(--bg-row-height);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bg_cha .bg_cha-row, .bg_cha .bg_cha-row:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
}

.bg_cha .bg_cha-row:before {
  -webkit-animation: bgRowScroll_cha var(--bg-row-duration, 100s) linear infinite;
          animation: bgRowScroll_cha var(--bg-row-duration, 100s) linear infinite;
  -webkit-animation-direction: var(--bg-row-animation-direction, normal);
          animation-direction: var(--bg-row-animation-direction, normal);
  background-image: var(--bg-row-image);
  background-position: var(--bg-row-shift-x, 0) 0;
  background-repeat: repeat-x;
  background-size: var(--bg-img-width) var(--bg-img-height);
  bottom: 0;
  content: "";
  display: block;
  left: calc(0px - var(--bg-img-width));
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: calc(100% + var(--bg-img-width) + var(--bg-img-width));
}

.bg_cha .bg_cha-img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: var(--bg-img-height);
  inset: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  width: var(--bg-img-width);
  will-change: transform;
}

.bg_cha .bg_cha-img img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  height: 100%;
  max-width: none;
  width: auto;
}

.bg_cha .bg_cha-texture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.bg_cha .bg_cha-texture img {
  height: 100%;
}

.bg_cha .bg_cha-black-left {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 0;
}
.bg_cha .bg_cha-black-right {
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 0;
}
.bg_cha .bg_cha-desktop {
  display: none;
}
.bg_cha .bg_cha-menu-nav-item:first-child {
  --menu-offset-x: 12px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(2) {
  --menu-offset-x: 0px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(3) {
  --menu-offset-x: 10px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(4) {
  --menu-offset-x: 28px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(5) {
  --menu-offset-x: -50px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(6) {
  --menu-offset-x: -48px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(7) {
  --menu-offset-x: -100px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(8) {
  --menu-offset-x: -60px ;
}

.bg_cha .bg_cha-menu-nav-item:nth-child(9) {
  --menu-offset-x: -100px ;
}
body {
  overflow-x: clip;
}
.mv_cha {
  height: auto;
  overflow: hidden;
  padding-bottom: 100px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.mv_cha .mv_cha-logo {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 174px;
  position: absolute;
  right: 20px;
  top: 30px;
  width: 100%;
  z-index: 5;
}
.mv_cha .mv_cha-catchphrase {
  --text-stripe-stagger-delay: 0.42s;
  left: 20px;
  position: absolute;
  top: 400px;
  z-index: 5;
}

.mv_cha .mv_cha-catchphrase-img {
  --text-stripe-stagger-delay: 0.42s!important ;
}

.mv_cha .mv_cha-catchphrase-img:first-child {
  height: auto;
  width: 241px;
}

.mv_cha .mv_cha-catchphrase-img:nth-child(2) {
  height: auto;
  margin-top: 4px;
  width: 241px;
}

.mv_cha .mv_cha-catchphrase-img:nth-child(3) {
  height: auto;
  margin-top: 4px;
  width: 73px;
}

.mv_cha .mv_cha-character {
  aspect-ratio: 400/512;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: auto;
  overflow: clip;
  position: relative;
  width: 100%;
  z-index: 4;
}
.mv_cha .mv_cha-character-item {
  --mv-character-bg-motion-delay: 0s;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mv_cha .mv_cha-character-item .mv_cha-character-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mv_cha .mv_cha-character-item .mv_cha-character-img-bg {
  height: 100%;
  left: 0;
  min-width: 84px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mv_cha .mv_cha-character-item:first-child {
  --mv-character-motion-y: -72px;
  --mv-character-bg-motion-delay: 0s;
  left: -4px;
  top: 24px;
}

.mv_cha .mv_cha-character-item:first-child .mv_cha-character-img {
  left: 4px;
  top: 6px;
}

.mv_cha .mv_cha-character-item:nth-child(2) {
  --mv-character-motion-y: 72px;
  --mv-character-bg-motion-delay: 0.08s;
  top: 64px;
}

.mv_cha .mv_cha-character-item:nth-child(2) .mv_cha-character-img {
  top: 6px;
}

.mv_cha .mv_cha-character-item:nth-child(3) {
  --mv-character-motion-y: -72px;
  --mv-character-bg-motion-delay: 0.16s;
  top: 104px;
}

.mv_cha .mv_cha-character-item:nth-child(3) .mv_cha-character-img {
  top: 3px;
}

.mv_cha .mv_cha-character-item:nth-child(4) {
  --mv-character-motion-y: 72px;
  --mv-character-bg-motion-delay: 0.24s;
  top: 144px;
}

.mv_cha .mv_cha-character-item:nth-child(4) .mv_cha-character-img {
  top: 6px;
}

.mv_cha .mv_cha-character-item:nth-child(5) {
  --mv-character-motion-y: -72px;
  --mv-character-bg-motion-delay: 0.32s;
  top: 184px;
}

.mv_cha .mv_cha-character-item:nth-child(5) .mv_cha-character-img {
  top: 3px;
}

.is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-logo, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-logo {
  opacity: 0;
}

.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-logo {
  opacity: 1;
  -webkit-transition: opacity 0.42s ease-out;
  transition: opacity 0.42s ease-out;
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}

.is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img, .is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img-bg, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-character-img, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-character-img-bg {
  opacity: 0;
  -webkit-transform: translateY(var(--mv-character-motion-y, 32px));
          transform: translateY(var(--mv-character-motion-y, 32px));
}

.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img, .is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img-bg {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.28s ease-out, -webkit-transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.28s ease-out, -webkit-transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.28s ease-out, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.28s ease-out, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img-bg {
  -webkit-transition-delay: var(--mv-character-bg-motion-delay, 0s);
          transition-delay: var(--mv-character-bg-motion-delay, 0s);
}

.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img {
  -webkit-transition-delay: calc(var(--mv-character-motion-delay, 0s) + 0.07s);
          transition-delay: calc(var(--mv-character-motion-delay, 0s) + 0.07s);
}
.products30th_cha {
  padding-bottom: 145px;
}

.products30th_cha, .products30th_cha-item {
  position: relative;
  width: 100%;
}

.products30th_cha-item:not(:first-child) {
  margin-top: calc(var(--cha-rem) * 7.5);
}

.products30th_cha-item .products30th_cha-item-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(var(--cha-rem) * 0.5);
     -moz-column-gap: calc(var(--cha-rem) * 0.5);
          column-gap: calc(var(--cha-rem) * 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--cha-rem) * 4.5);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
  position: absolute;
  right: calc(var(--cha-rem) * 1.25);
  top: calc(var(--cha-rem) * -4.375);
  width: 100%;
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-header-logo {
  height: calc(var(--cha-rem) * 3.4375);
  width: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item .products30th_cha-item-header-no {
  height: calc(var(--cha-rem) * 4.5);
}

.products30th_cha-item .products30th_cha-item-product {
  --products30th-title-motion-x: calc(var(--cha-rem)*-1.75);
  --products30th-title-motion-y: calc(var(--cha-rem)*1.75);
  aspect-ratio: 400/600;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-product-text {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.products30th_cha-item .products30th_cha-item-product-text-left, .products30th_cha-item .products30th_cha-item-product-text-right {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product-text-label {
  --text-stripe-padding-block: calc(var(--cha-rem)*0.25);
  --text-stripe-padding-inline: 0;
  position: absolute;
}

.products30th_cha-item .products30th_cha-item-product-slider {
  display: block;
  height: 100%;
  left: 0;
  overflow: visible !important;
  position: absolute;
  top: calc(var(--cha-rem) * 0.375);
  width: 100%;
  z-index: 2 !important;
}

.products30th_cha-item .products30th_cha-item-product .swiper-wrapper {
  display: block;
  height: 100%;
  -webkit-mask-image: url(./images/products_30th_mask_1.png);
          mask-image: url(./images/products_30th_mask_1.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 102% 100%;
          mask-size: 102% 100%;
  overflow: hidden;
  position: relative;
  -webkit-transform: none !important;
          transform: none !important;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product .swiper-slide {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product-img {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
  will-change: transform;
}

.products30th_cha-item .products30th_cha-item-product-img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product-info {
  aspect-ratio: 1/1;
  position: relative;
  top: calc(var(--cha-rem) * -0.1875);
  width: calc(var(--cha-rem) * 10.5);
}

.products30th_cha-item .products30th_cha-item-product-info:before {
  aspect-ratio: 1/1;
  background-image: url(./images/products_30th_info_bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.products30th_cha-item .products30th_cha-item-product-info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: calc(var(--cha-rem) * 1.25);
  position: absolute;
  row-gap: calc(var(--cha-rem) * 0.5);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-product-info-title {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  position: relative;
  white-space: nowrap;
}

.products30th_cha-item .products30th_cha-item-product-info-price {
  font-family: var(--cha-font-family-inter);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.4;
  position: relative;
}

.products30th_cha-item .products30th_cha-item-product-info-price span {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 12px;
  font-size: calc(var(--cha-rem) * 0.75);
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -8px;
}

.products30th_cha-item .products30th_cha-item-product-button {
  bottom: calc(var(--cha-rem) * -6.875);
  height: calc(var(--cha-rem) * 6);
  pointer-events: none;
  position: absolute;
  right: 0;
  width: calc(var(--cha-rem) * 12.25);
  z-index: 5;
}

.products30th_cha-item .products30th_cha-item-product-button-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product-button-nav-next, .products30th_cha-item .products30th_cha-item-product-button-nav-prev {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 2;
}

.products30th_cha-item .products30th_cha-item-product-button-nav-next svg, .products30th_cha-item .products30th_cha-item-product-button-nav-prev svg {
  display: block;
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.products30th_cha-item .products30th_cha-item-product-button-nav-prev {
  bottom: calc(var(--cha-rem) * -2.5);
  height: calc(var(--cha-rem) * 5);
  left: 0;
  width: calc(var(--cha-rem) * 5.625);
}

.products30th_cha-item .products30th_cha-item-product-button-nav-next {
  bottom: calc(var(--cha-rem) * 1.3125);
  height: calc(var(--cha-rem) * 5);
  right: 0;
  width: calc(var(--cha-rem) * 5.375);
}

.products30th_cha-item .products30th_cha-item-product-button-nav-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: calc(var(--cha-rem) * 1.25);
  -webkit-column-gap: calc(var(--cha-rem) * 0.25);
     -moz-column-gap: calc(var(--cha-rem) * 0.25);
          column-gap: calc(var(--cha-rem) * 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  pointer-events: auto;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(-30deg);
          transform: translateX(-50%) rotate(-30deg);
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-product-button-nav-pagination .swiper-pagination-bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: calc(var(--cha-rem) * 0.125) solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: calc(var(--cha-rem) * 1);
  margin: 0 !important;
  opacity: 1;
  padding: 0;
  position: relative;
  width: calc(var(--cha-rem) * 1);
}

.products30th_cha-item .products30th_cha-item-product-button-nav-pagination .swiper-pagination-bullet:before {
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  content: "";
  height: calc(var(--cha-rem) * 0.5);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--cha-rem) * 0.5);
}

.products30th_cha-item .products30th_cha-item-product-button-nav-pagination .swiper-pagination-bullet-active:before {
  background: #000;
}

.products30th_cha-item .products30th_cha-item-product-button-detail {
  bottom: calc(var(--cha-rem) * 1.875);
  position: relative;
  right: calc(var(--cha-rem) * -1.5);
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-product-title {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  z-index: 1;
}

.products30th_cha-item .products30th_cha-item-product-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.products30th_cha-item .products30th_cha-item-product-bg-1 {
  height: 100%;
  left: calc(var(--cha-rem) * 0.125);
  position: absolute;
  top: calc(var(--cha-rem) * 0.75);
  width: calc(100% - var(--cha-rem) * 0.125);
  z-index: 1;
}
.products30th_cha-item .products30th_cha-item-product-bg-2 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.is-scroll-motion-ready .products30th_cha-item-product:has(.products30th_cha-item-product-slider:not(.is-scroll-motion-in)) .products30th_cha-item-product-title {
  opacity: 0;
  -webkit-transform: translate(var(--products30th-title-motion-x), var(--products30th-title-motion-y));
          transform: translate(var(--products30th-title-motion-x), var(--products30th-title-motion-y));
}

.is-scroll-motion-ready .products30th_cha-item-product:has(.products30th_cha-item-product-slider.is-scroll-motion-in) .products30th_cha-item-product-title {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s ease-out, -webkit-transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s ease-out, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.2s ease-out, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
}

.products30th_cha-item-1 .products30th_cha-item-product, .products30th_cha-item-2 .products30th_cha-item-product {
  aspect-ratio: auto;
  height: auto;
}

.products30th_cha-item-1 .products30th_cha-item-product-bg, .products30th_cha-item-1 .products30th_cha-item-product-text, .products30th_cha-item-2 .products30th_cha-item-product-bg, .products30th_cha-item-2 .products30th_cha-item-product-text {
  aspect-ratio: 400/600;
  height: auto;
}

.products30th_cha-item-1 .products30th_cha-item-product-slider, .products30th_cha-item-2 .products30th_cha-item-product-slider {
  aspect-ratio: 400/600;
  height: auto;
  position: relative;
}

.products30th_cha-item-1 .products30th_cha-item-product-button, .products30th_cha-item-2 .products30th_cha-item-product-button {
  bottom: calc(var(--cha-rem) * 3.125);
  margin-left: auto;
  position: absolute;
  right: 0;
}

.products30th_cha-item-1 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:first-child, .products30th_cha-item-2 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:first-child {
  left: calc(var(--cha-rem) * 4.125);
  top: calc(var(--cha-rem) * 8.75);
}

.products30th_cha-item-1 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:nth-child(2), .products30th_cha-item-2 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:nth-child(2) {
  left: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 11.875);
}
.products30th_cha-item-1 .products30th_cha-item-product-text-label-shoulderbag .textStripe_cha-token:first-child, .products30th_cha-item-2 .products30th_cha-item-product-text-label-shoulderbag .textStripe_cha-token:first-child {
  margin-bottom: 3px;
}

.products30th_cha-item-1 .products30th_cha-item-product-text-label-shoulderbag .textStripe_cha-punctuation, .products30th_cha-item-2 .products30th_cha-item-product-text-label-shoulderbag .textStripe_cha-punctuation {
  -webkit-transform: translate(10px, -8px);
          transform: translate(10px, -8px);
}

.products30th_cha-item-1 .products30th_cha-item-header-no {
  width: calc(var(--cha-rem) * 4.625);
}

.products30th_cha-item-1 .products30th_cha-item-product-text-right .products30th_cha-item-product-text-label:first-child {
  right: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item-1 .products30th_cha-item-product-text-right .products30th_cha-item-product-text-label:nth-child(2) {
  right: calc(var(--cha-rem) * 4.125);
  top: calc(var(--cha-rem) * 4.125);
}

.products30th_cha-item-1 .products30th_cha-item-product-title {
  left: calc(var(--cha-rem) * -1.4375);
  top: calc(var(--cha-rem) * -1.125);
  width: calc(var(--cha-rem) * 13.375);
}

.products30th_cha-item-2 .products30th_cha-item-header-no {
  width: calc(var(--cha-rem) * 5.625);
}

.products30th_cha-item-2 .products30th_cha-item-product-text-right .products30th_cha-item-product-text-label:first-child {
  right: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 9.125);
}

.products30th_cha-item-2 .products30th_cha-item-product-title {
  left: calc(var(--cha-rem) * -2.625);
  top: calc(var(--cha-rem) * -4.8125);
  width: calc(var(--cha-rem) * 17.4375);
}

.products30th_cha-item-3 .products30th_cha-item-product, .products30th_cha-item-4 .products30th_cha-item-product {
  --products30th-title-motion-x: calc(var(--cha-rem)*2.25);
  --products30th-title-motion-y: 0px ;
}

.products30th_cha-item-3 .products30th_cha-item-header, .products30th_cha-item-4 .products30th_cha-item-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: calc(var(--cha-rem) * 1.25);
  right: auto;
}

.products30th_cha-item-3 .products30th_cha-item-product, .products30th_cha-item-4 .products30th_cha-item-product {
  aspect-ratio: auto;
  height: auto;
}

.products30th_cha-item-3 .products30th_cha-item-product-bg, .products30th_cha-item-3 .products30th_cha-item-product-text, .products30th_cha-item-4 .products30th_cha-item-product-bg, .products30th_cha-item-4 .products30th_cha-item-product-text {
  aspect-ratio: 400/400;
  height: auto;
}

.products30th_cha-item-3 .products30th_cha-item-product-slider, .products30th_cha-item-4 .products30th_cha-item-product-slider {
  aspect-ratio: 400/400;
  height: auto;
  position: relative;
}

.products30th_cha-item-3 .products30th_cha-item-product-slider .swiper-wrapper, .products30th_cha-item-4 .products30th_cha-item-product-slider .swiper-wrapper {
  display: block;
  height: 100%;
  -webkit-mask-image: url(./images/products_30th_mask_2.png);
          mask-image: url(./images/products_30th_mask_2.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  overflow: hidden;
  position: relative;
  -webkit-transform: none !important;
          transform: none !important;
  width: 100%;
}

.products30th_cha-item-3 .products30th_cha-item-product-info, .products30th_cha-item-4 .products30th_cha-item-product-info {
  margin-inline: auto;
  margin-top: 0;
  top: 0;
}

.products30th_cha-item-3 .products30th_cha-item-product-info-item, .products30th_cha-item-4 .products30th_cha-item-product-info-item {
  height: calc(var(--cha-rem) * 7.5);
  margin-left: calc(var(--cha-rem) * 0.5);
  position: relative;
  top: auto;
  width: 100%;
}

.products30th_cha-item-3 .products30th_cha-item-product-info-item:nth-child(2), .products30th_cha-item-4 .products30th_cha-item-product-info-item:nth-child(2) {
  margin-left: calc(var(--cha-rem) * 1.5);
}

.products30th_cha-item-3 .products30th_cha-item-product-info-item:before, .products30th_cha-item-4 .products30th_cha-item-product-info-item:before {
  aspect-ratio: 1/1;
  background-image: url(./images/products_30th_info_bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: calc(var(--cha-rem) * 7.5);
  z-index: -1;
}

.products30th_cha-item-3 .products30th_cha-item-product-button, .products30th_cha-item-4 .products30th_cha-item-product-button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: static;
}

.products30th_cha-item-3 .products30th_cha-item-product-button-nav, .products30th_cha-item-4 .products30th_cha-item-product-button-nav {
  height: calc(var(--cha-rem) * 3);
  margin-inline: auto;
  position: relative;
  top: calc(var(--cha-rem) * -1);
  width: calc(var(--cha-rem) * 12.25);
  z-index: 2;
}

.products30th_cha-item-3 .products30th_cha-item-product-button-nav-next, .products30th_cha-item-3 .products30th_cha-item-product-button-nav-prev, .products30th_cha-item-4 .products30th_cha-item-product-button-nav-next, .products30th_cha-item-4 .products30th_cha-item-product-button-nav-prev {
  bottom: 0;
  height: calc(var(--cha-rem) * 3);
  width: calc(var(--cha-rem) * 4.75);
}

.products30th_cha-item-3 .products30th_cha-item-product-button-nav-pagination, .products30th_cha-item-4 .products30th_cha-item-product-button-nav-pagination {
  bottom: auto;
  -webkit-transform: translateX(-50%) rotate(0);
          transform: translateX(-50%) rotate(0);
}
.products30th_cha-item-3 .products30th_cha-item-header-no {
  width: calc(var(--cha-rem) * 5.625);
}

.products30th_cha-item-3 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:first-child {
  left: calc(var(--cha-rem) * 2.875);
  top: calc(var(--cha-rem) * 11.25);
}

.products30th_cha-item-3 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:nth-child(2) {
  left: calc(var(--cha-rem) * 1.25);
  top: calc(var(--cha-rem) * 12.25);
}
.products30th_cha-item-3 .products30th_cha-item-product-text-right .products30th_cha-item-product-text-label:first-child {
  right: calc(var(--cha-rem) * 1.25);
  top: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item-3 .products30th_cha-item-product-info-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: auto;
}

.products30th_cha-item-3 .products30th_cha-item-product-info-title {
  text-align: center;
}

.products30th_cha-item-3 .products30th_cha-item-product-title {
  right: calc(var(--cha-rem) * -0.25);
  top: calc(var(--cha-rem) * -4.375);
  width: calc(var(--cha-rem) * 13.75);
}

.products30th_cha-item-3 .products30th_cha-item-product-button-detail {
  bottom: auto;
  margin-inline: auto;
  right: auto;
  top: calc(var(--cha-rem) * -1.875);
}

.products30th_cha-item-4 .products30th_cha-item-header-no {
  width: calc(var(--cha-rem) * 5.6875);
}

.products30th_cha-item-4 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:first-child {
  left: calc(var(--cha-rem) * 5.75);
  top: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item-4 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:nth-child(2) {
  left: calc(var(--cha-rem) * 4.125);
  top: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item-4 .products30th_cha-item-product-text-left .products30th_cha-item-product-text-label:nth-child(3) {
  left: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 2.875);
}

.products30th_cha-item-4 .products30th_cha-item-product-text-right .products30th_cha-item-product-text-label:first-child {
  right: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 2.875);
}
.products30th_cha-item-4 .products30th_cha-item-product-title {
  right: calc(var(--cha-rem) * -0.5);
  top: calc(var(--cha-rem) * -2.0625);
  width: calc(var(--cha-rem) * 14.6875);
}

.products30th_cha-item-4 .products30th_cha-item-product-info {
  aspect-ratio: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: calc(var(--cha-rem) * 1);
  width: 100%;
}

.products30th_cha-item-4 .products30th_cha-item-product-info:before {
  content: none;
}

.products30th_cha-item-4 .products30th_cha-item-product-button-detail {
  bottom: 0;
  position: absolute;
  right: calc(var(--cha-rem) * 2.5);
  top: auto;
}

.productsP5_cha {
  background-color: #b60005;
  position: relative;
}

.container_cha-body > .productsP5_cha {
  z-index: 2;
}

.productsP5_cha .productsP5_cha-header {
  height: calc(var(--cha-rem) * 15.625);
  position: relative;
  width: 100%;
  z-index: 1;
}

.productsP5_cha .productsP5_cha-header:before {
  background-image: url(./images/products_p5_deco_01.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: calc(var(--cha-rem) * 13.9375);
  left: 0;
  position: absolute;
  top: calc(var(--cha-rem) * -5);
  width: 100%;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-header .productsP5_cha-header-logo {
  bottom: 50px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(var(--cha-rem) * 10.5625);
  z-index: 4;
}

.productsP5_cha .productsP5_cha-header .productsP5_cha-header-character {
  bottom: -70px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: calc(var(--cha-rem) * -3.125);
  position: absolute;
  width: calc(var(--cha-rem) * 15.5625);
  z-index: 3;
}

.productsP5_cha .productsP5_cha-header .productsP5_cha-header-star {
  bottom: calc(var(--cha-rem) * 1.4375);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: calc(var(--cha-rem) * 2.875);
  width: calc(var(--cha-rem) * 2.4375);
  z-index: 2;
}

.productsP5_cha .productsP5_cha-header .productsP5_cha-header-dot {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.productsP5_cha .productsP5_cha-content, .productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider {
  position: relative;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider .swiper {
  aspect-ratio: 1/1;
  height: 100%;
  overflow: visible !important;
  position: relative;
  width: 100%;
  z-index: 1;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider .swiper-wrapper {
  display: block;
  height: 100%;
  -webkit-mask-image: url(./images/products_p5_mask.png);
          mask-image: url(./images/products_p5_mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  position: relative;
  -webkit-transform: none !important;
          transform: none !important;
  width: 100%;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text-label:first-child {
  left: calc(var(--cha-rem) * 5.125);
  position: absolute;
  top: calc(var(--cha-rem) * 0.625);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text-label:nth-child(2) {
  left: calc(var(--cha-rem) * 3.5);
  position: absolute;
  top: calc(var(--cha-rem) * 0.625);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text-label:last-child {
  left: calc(var(--cha-rem) * 1.875);
  position: absolute;
  top: calc(var(--cha-rem) * 0.625);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text-label-daily .textStripe_cha-punctuation {
  -webkit-transform: translate(10px, -8px);
          transform: translate(10px, -8px);
}
.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav {
  height: 48px;
  margin-inline: auto;
  position: relative;
  top: -16px;
  width: 196px;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-next, .productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-prev {
  bottom: 0;
  height: 48px;
  position: absolute;
  width: 76px;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-prev {
  left: 0;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-next {
  right: 0;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(var(--cha-rem) * 0.25);
     -moz-column-gap: calc(var(--cha-rem) * 0.25);
          column-gap: calc(var(--cha-rem) * 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-pagination .swiper-pagination-bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: calc(var(--cha-rem) * 0.125) solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: calc(var(--cha-rem) * 1);
  margin: 0 !important;
  opacity: 1;
  padding: 0;
  position: relative;
  width: calc(var(--cha-rem) * 1);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-pagination .swiper-pagination-bullet:before {
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-nav-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #000;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-bg {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: calc(var(--cha-rem) * -0.75);
  width: 100%;
  z-index: 0;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info {
  background-color: #b60005;
  height: calc(var(--cha-rem) * 23.75);
  overflow-x: clip;
  position: relative;
  top: -10px;
  width: 100%;
  z-index: 1;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info:before {
  background-image: url(./images/products_p5_deco_02.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: calc(var(--cha-rem) * -7.5);
  content: "";
  height: calc(var(--cha-rem) * 13.9375);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 50%;
  position: relative;
  row-gap: 8px;
  top: calc(var(--cha-rem) * 6.25);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product-inner:before {
  background-image: url(./images/products_p5_product_bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: calc(var(--cha-rem) * 10.4375);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--cha-rem) * 16.5);
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product-name {
  color: #fff;
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  position: relative;
  text-align: center;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product-price {
  color: #fff;
  font-family: var(--cha-font-family-inter);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.4;
  position: relative;
  text-align: center;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-product-price span {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -8px;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-detail {
  margin-inline: auto;
  position: relative;
  top: calc(var(--cha-rem) * 7.5);
  z-index: 4;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-star-01 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: calc(var(--cha-rem) * 1.25);
  position: absolute;
  top: calc(var(--cha-rem) * 1.5625);
  width: calc(var(--cha-rem) * 5.125);
  z-index: 3;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-star-02 {
  bottom: calc(var(--cha-rem) * 3.75);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: calc(var(--cha-rem) * 0.9375);
  width: calc(var(--cha-rem) * 4.3125);
  z-index: 3;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-dot {
  bottom: calc(var(--cha-rem) * -3.125);
  height: 100%;
  left: calc(var(--cha-rem) * -3.125);
  position: absolute;
  width: 100%;
  z-index: 2;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-band {
  bottom: 0;
  height: 100%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(var(--cha-rem) * 20);
  z-index: 1;
}

.productsP5_cha .productsP5_cha-content .productsP5_cha-content-info-band-draw {
  stroke-dashoffset: 0;
}

.productsP5_cha .productsP5_cha-content-nav {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 3;
}

.productsP5_cha .productsP5_cha-content-slider .swiper-slide {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.productsP5_cha .productsP5_cha-content-img {
  display: block;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
  will-change: transform;
}

.productsP5_cha .productsP5_cha-content-img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.velvetroom_cha {
  background-color: #08063a;
  isolation: isolate;
  overflow: clip visible;
  padding-bottom: calc(70px + env(safe-area-inset-bottom));
  position: relative;
}
.velvetroom_cha .velvetroom_cha-fixed-bg {
  height: calc(100lvh + 192px);
  margin-bottom: calc(-100lvh - 192px);
  overflow: hidden;
  pointer-events: none;
  position: sticky;
  top: calc(50dvh - 50lvh - 96px);
  width: 100%;
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-fixed-bg-img {
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  -webkit-transition: opacity 0.48s ease-out;
  transition: opacity 0.48s ease-out;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-fixed-bg-img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-fixed-bg-img-p5 {
  opacity: 1;
}

.velvetroom_cha .velvetroom_cha-fixed-bg-img-p3, .velvetroom_cha.is-velvetroom-p3-bg .velvetroom_cha-fixed-bg-img-p5 {
  opacity: 0;
}

.velvetroom_cha.is-velvetroom-p3-bg .velvetroom_cha-fixed-bg-img-p3 {
  opacity: 1;
}

.velvetroom_cha .velvetroom_cha-item {
  min-height: 100dvh;
  position: relative;
}

.velvetroom_cha .velvetroom_cha-item-p3 .velvetroom_cha-content {
  padding-top: 0;
  z-index: 4;
}

.velvetroom_cha .velvetroom_cha-bg {
  height: 100dvh;
  pointer-events: none;
  position: relative;
  visibility: hidden;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: -ms-grid;
  display: grid;
  margin-top: -100dvh;
  min-height: 100dvh;
  padding-top: max(100px, env(safe-area-inset-top));
  pointer-events: none;
  position: relative;
  z-index: 3;
}

.velvetroom_cha .velvetroom_cha-inner {
  padding-inline: calc(20px + env(safe-area-inset-left)) calc(20px + env(safe-area-inset-right));
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-logo {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-inline: auto;
  max-width: 120px;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-slider {
  margin-top: 80px;
  position: relative;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-slider-p5-01 .velvetroom_cha-slider-text-label {
  top: calc(var(--cha-rem) * 18.125);
}

.velvetroom_cha .velvetroom_cha-slider-p3-01 {
  margin-top: 260px;
}

.velvetroom_cha .velvetroom_cha-slider-p3-01 .velvetroom_cha-slider-text-label {
  top: calc(var(--cha-rem) * 2.5);
}

.velvetroom_cha .velvetroom_cha-slider-p3-02 {
  margin-top: 150px;
}

.velvetroom_cha .velvetroom_cha-slider-p3-02 .velvetroom_cha-nav {
  height: 48px;
  margin: 16px auto 0;
  position: relative;
  width: 178px;
  z-index: 3;
}

.velvetroom_cha .velvetroom_cha-slider-p3-02 .velvetroom_cha-slider-text-label {
  top: calc(var(--cha-rem) * 18.125);
}

.velvetroom_cha .velvetroom_cha-slider .swiper {
  aspect-ratio: 360/480;
  height: 100%;
  isolation: isolate;
  overflow: visible !important;
  position: relative;
  width: 100%;
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-slider .swiper:before {
  background: #000;
  content: "";
  inset: -1px;
  -webkit-mask-image: url(./images/velvetroom_mask.png);
          mask-image: url(./images/velvetroom_mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.velvetroom_cha .velvetroom_cha-slider .swiper-wrapper {
  display: block;
  height: 100%;
  -webkit-mask-image: url(./images/velvetroom_mask.png);
          mask-image: url(./images/velvetroom_mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-slider .swiper-slide {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-slider-text-label {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  position: absolute;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
}

.velvetroom_cha .velvetroom_cha-slider-text-label:first-child {
  left: calc(var(--cha-rem) * 5.25);
}

.velvetroom_cha .velvetroom_cha-slider-text-label:nth-child(2) {
  left: calc(var(--cha-rem) * 3.625);
}

.velvetroom_cha .velvetroom_cha-slider-text-label:nth-child(3) {
  left: calc(var(--cha-rem) * 2);
}
.velvetroom_cha .velvetroom_cha-slider-img {
  display: block;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
  will-change: transform;
}

.velvetroom_cha .velvetroom_cha-slider-img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.velvetroom_cha .velvetroom_cha-character-01 {
  height: auto;
  left: 0;
  position: absolute;
  top: calc(var(--cha-rem) * -8.125);
  width: calc(var(--cha-rem) * 12.5);
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-character-02 {
  height: auto;
  position: absolute;
  right: calc(var(--cha-rem) * -1.5625);
  top: calc(var(--cha-rem) * -9.375);
  width: calc(var(--cha-rem) * 12.5);
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-slider-deco-01 {
  height: auto;
  left: 50%;
  position: absolute;
  top: calc(var(--cha-rem) * -1.875);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
  z-index: 2;
}

.velvetroom_cha .velvetroom_cha-slider-deco-02 {
  left: 0;
}

.velvetroom_cha .velvetroom_cha-slider-deco-02, .velvetroom_cha .velvetroom_cha-slider-deco-03 {
  height: auto;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(var(--cha-rem) * 0.75);
  z-index: 4;
}

.velvetroom_cha .velvetroom_cha-slider-deco-03 {
  right: 0;
}

.velvetroom_cha .velvetroom_cha-nav {
  height: 48px;
  margin: 16px auto 0;
  position: relative;
  width: 196px;
  z-index: 3;
}

.velvetroom_cha .velvetroom_cha-nav-next, .velvetroom_cha .velvetroom_cha-nav-prev {
  bottom: 0;
  height: 48px;
  position: absolute;
  width: 76px;
}

.velvetroom_cha .velvetroom_cha-nav-prev {
  left: 0;
}

.velvetroom_cha .velvetroom_cha-nav-next {
  right: 0;
}

.velvetroom_cha .velvetroom_cha-nav-pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-nav-pagination .swiper-pagination-bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 16px;
  margin: 0 !important;
  opacity: 1;
  padding: 0;
  position: relative;
  width: 16px;
}

.velvetroom_cha .velvetroom_cha-nav-pagination .swiper-pagination-bullet:before {
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
}

.velvetroom_cha .velvetroom_cha-nav-pagination .swiper-pagination-bullet-active:before {
  background: #000;
}

.velvetroom_cha .velvetroom_cha-product {
  aspect-ratio: 280/180;
  height: 100%;
  margin-top: 25px;
  position: relative;
  width: 100%;
  z-index: 3;
}

.velvetroom_cha .velvetroom_cha-product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 50%;
  position: absolute;
  row-gap: 8px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}

.velvetroom_cha .velvetroom_cha-product-name {
  color: #fff;
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
}

.velvetroom_cha .velvetroom_cha-product-price {
  color: #fff;
  font-family: var(--cha-font-family-inter);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.4;
  position: relative;
  text-align: center;
}

.velvetroom_cha .velvetroom_cha-product-price span {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -8px;
}

.velvetroom_cha .velvetroom_cha-product-bg-01 {
  height: 180px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 291px;
  z-index: 1;
}

.velvetroom_cha .velvetroom_cha-product-bg-02 {
  height: 180px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 280px;
  z-index: 2;
}

.velvetroom_cha .velvetroom_cha-detailButton {
  bottom: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
}

.productsP3_cha {
  background-color: #0fb1f5;
  padding-block: 200px 65px;
  position: relative;
}

.productsP3_cha .productsP3_cha-character {
  height: auto;
  left: calc(var(--cha-rem) * 1.375);
  position: absolute;
  top: calc(var(--cha-rem) * 1.375);
  width: calc(var(--cha-rem) * 18.375);
  z-index: 1;
}

.productsP3_cha .productsP3_cha-logo {
  height: auto;
  position: absolute;
  right: calc(var(--cha-rem) * 2.5);
  top: calc(var(--cha-rem) * 4.75);
  width: calc(var(--cha-rem) * 5.6875);
  z-index: 1;
}

.productsP3_cha .productsP3_cha-img-wrapper {
  aspect-ratio: 400/480;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

.productsP3_cha .productsP3_cha-text-label {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: calc(var(--cha-rem) * 1.875);
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
}

.productsP3_cha .productsP3_cha-text-label:first-child {
  right: calc(var(--cha-rem) * 1.875);
}

.productsP3_cha .productsP3_cha-text-label:nth-child(2) {
  right: calc(var(--cha-rem) * 3.5);
}

.productsP3_cha .productsP3_cha-text-label-hairband .textStripe_cha-punctuation {
  -webkit-transform: translate(10px, -8px);
          transform: translate(10px, -8px);
}

.productsP3_cha .productsP3_cha-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.productsP3_cha .productsP3_cha-img {
  aspect-ratio: 1/1;
  display: block;
  height: auto;
  left: 0;
  -webkit-mask-image: url(./images/products_p3_mask.png);
          mask-image: url(./images/products_p3_mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.productsP3_cha .productsP3_cha-product {
  aspect-ratio: 280/152;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

.productsP3_cha .productsP3_cha-product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 50%;
  position: absolute;
  row-gap: 8px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}

.productsP3_cha .productsP3_cha-product-name {
  color: #fff;
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
}

.productsP3_cha .productsP3_cha-product-price {
  color: #fff;
  font-family: var(--cha-font-family-inter);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.4;
  position: relative;
  text-align: center;
}

.productsP3_cha .productsP3_cha-product-price span {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -8px;
}

.productsP3_cha .productsP3_cha-product-bg-01 {
  height: 180px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 291px;
  z-index: 1;
}

.productsP3_cha .productsP3_cha-product-bg-02 {
  height: 180px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 280px;
  z-index: 2;
}

.productsP3_cha .productsP3_cha-detailButton {
  bottom: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
}

.productsP3_cha .productsP3_cha-deco-01 {
  -webkit-filter: brightness(1.2) saturate(1.2);
          filter: brightness(1.2) saturate(1.2);
  height: auto;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.productsP3_cha .productsP3_cha-deco-02 {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.novelty_cha {
  margin-top: 120px;
}

.novelty_cha .novelty_cha-header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  right: calc(var(--cha-rem) * -0.625);
  top: calc(var(--cha-rem) * 0.6875);
  z-index: 2;
}

.novelty_cha .novelty_cha-logo {
  height: auto;
  -webkit-transform: translateY(calc(var(--cha-rem) * -0.25));
          transform: translateY(calc(var(--cha-rem) * -0.25));
  width: calc(var(--cha-rem) * 6.8125);
}

.novelty_cha .novelty_cha-heading {
  height: auto;
  width: calc(var(--cha-rem) * 16.125);
}

.novelty_cha .novelty_cha-img-wrapper {
  aspect-ratio: 400/275;
  position: relative;
}

.novelty_cha .novelty_cha-img {
  left: 0;
  -webkit-mask-image: url(./images/novelty_mask.png);
          mask-image: url(./images/novelty_mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  position: absolute;
  top: calc(var(--cha-rem) * 0.375);
  z-index: 2;
}

.novelty_cha .novelty_cha-bg-1 {
  height: 100%;
  left: 0;
  position: absolute;
  top: calc(var(--cha-rem) * 0.75);
  width: 100%;
  z-index: 0;
}
.novelty_cha .novelty_cha-bg-2 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.novelty_cha .novelty_cha-title {
  margin: 23px 0 0 20px;
}

.novelty_cha .novelty_cha-text-label:first-child {
  height: auto;
  width: 325px;
}

.novelty_cha .novelty_cha-text-label:last-child {
  height: auto;
  margin-left: 77px;
  margin-top: 4px;
  width: 282px;
}

.collabo_cha {
  padding-top: 80px;
}

.collabo_cha .collabo_cha-img {
  height: auto;
  margin-inline: auto;
  max-width: 360px;
  width: 100%;
}

.collabo_cha .collabo_cha-text {
  height: auto;
  margin-inline: auto;
  margin-top: 16px;
  max-width: 230px;
  text-align: center;
}

.collabo_cha .collabo_cha-detailButton {
  margin-inline: auto;
  margin-top: 18px;
}

.schedule_cha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-inline: 8px;
  padding-top: 80px;
  row-gap: 20px;
  width: 100%;
}

.schedule_cha .schedule_cha-item {
  aspect-ratio: 384/223;
  background-image: url(./images/schedule_bg.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  margin-inline: auto;
  padding: 32px;
  width: 100%;
}

.schedule_cha .schedule_cha-title {
  margin-inline: auto;
}

.schedule_cha .schedule_cha-info {
  margin-inline: auto;
  margin-top: 24px;
}

.schedule_cha .schedule_cha-note {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 25px;
  text-align: center;
}

.schedule_cha .schedule_cha-item-1 .schedule_cha-title {
  height: auto;
  width: calc(var(--cha-rem) * 9);
}

.schedule_cha .schedule_cha-item-1 .schedule_cha-info:first-child {
  height: auto;
  width: calc(var(--cha-rem) * 18.9375);
}

.schedule_cha .schedule_cha-item-1 .schedule_cha-info:nth-child(2) {
  height: auto;
  width: calc(var(--cha-rem) * 19.9375);
}

.schedule_cha .schedule_cha-item-2 .schedule_cha-title {
  height: auto;
  width: calc(var(--cha-rem) * 10.5);
}

.schedule_cha .schedule_cha-item-2 .schedule_cha-info {
  height: auto;
  width: calc(var(--cha-rem) * 17.5);
}

.note_cha {
  padding-inline: 8px;
  padding-bottom: 40px;
  padding-top: 80px;
  position: relative;
}

.note_cha:before {
  background: #000;
  clip-path: polygon(32px 0, 100% 0, 100% 50%, calc(100% - 32px) 100%, 0 100%, 0 50%);
  content: "";
  height: 48px;
  left: 50%;
  position: absolute;
  top: 54px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 384px;
  z-index: 1;
}

.note_cha .note_cha-inner {
  background: #fff;
  position: relative;
}

.note_cha .note_cha-inner:after {
  background: #fff;
  bottom: -27px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 34px) 100%, 0 100%);
  content: "";
  height: 28px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.note_cha .note_cha-title {
  height: auto;
  margin-inline: auto;
  position: relative;
  top: calc(var(--cha-rem) * -0.5625);
  width: calc(var(--cha-rem) * 14.5625);
  z-index: 2;
}

.note_cha .note_cha-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-inline: 32px;
  padding-top: 40px;
  row-gap: 40px;
  width: 100%;
}

.note_cha .note_cha-item {
  position: relative;
  z-index: 2;
}

.note_cha .note_cha-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.note_cha .note_cha-heading, .note_cha .note_cha-text {
  font-family: var(--cha-font-family-zen-kaku-gothic-new);
  letter-spacing: 0;
}

.note_cha .note_cha-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 12px;
}

.banner_cha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-inline: 8px;
  padding-top: 80px;
  row-gap: 8px;
  width: 100%;
}
.sns_cha {
  padding-inline: 20px;
  padding-top: 120px;
  position: relative;
  width: 100%;
}

.sns_cha .sns_cha-title {
  height: auto;
  left: 15px;
  pointer-events: none;
  position: absolute;
  top: calc(var(--cha-rem) * 2.25);
  width: calc(var(--cha-rem) * 11.1875);
  z-index: 1;
}

.sns_cha .sns_cha-list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  row-gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sns_cha .sns_cha-item:first-child {
  -webkit-transform: translateX(-12px);
          transform: translateX(-12px);
}

.sns_cha .sns_cha-item:nth-child(2) {
  -webkit-transform: translateX(-62px);
          transform: translateX(-62px);
}

.footer_cha {
  overflow-x: clip;
  padding-top: 120px;
}
.footer_cha .footer_cha-logo {
  height: auto;
  margin-inline: auto;
  width: calc(var(--cha-rem) * 16.375);
}

.footer_cha .footer_cha-character {
  height: auto;
  margin-left: 50%;
  margin-top: -20px;
  max-width: none;
  position: relative;
  top: 40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% + var(--cha-rem) * 37.5);
  z-index: 1;
}

.footer_cha .footer_cha-copyright {
  background-color: #000;
  color: #fff;
  font-family: var(--cha-font-family-inter);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  padding-block: 12px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.pc-menu_12kokuki_cha {
  position: sticky;
  bottom: 40px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  left: calc(50% - 44px - 240px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 340px;
  height: 574px;
  padding: 15px 50px 36px;
  background: url("../images/pc_menu_frame2.svg") no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc-menu_12kokuki_cha__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc-menu_12kokuki_cha__ttl img {
  width: 128px;
}
.pc-menu_12kokuki_cha__nav {
  margin-top: 28px;
}
.pc-menu_12kokuki_cha__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.3;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  gap: 24px;
  letter-spacing: 0.05em;
}
.pc-menu_12kokuki_cha__menu > li {
  width: 100%;
}
.pc-menu_12kokuki_cha__menu > li > a,
.pc-menu_12kokuki_cha__menu > li button {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  display: block;
  position: relative;
}
.pc-menu_12kokuki_cha__bnr {
  margin-top: 31px;
}
.pc-menu_12kokuki_cha__bnr a {
  display: block;
}

.pc-info_12kokuki_cha {
  position: sticky;
  top: 0;
  right: calc(50% - 70px - 240px);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  width: 340px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: -83px;
  pointer-events: none;
}
.pc-info_12kokuki_cha > * {
  pointer-events: auto;
}
.pc-info_12kokuki_cha__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pc-info_12kokuki_cha__dl > dt {
  background-color: var(--color-gold00);
  color: #fff;
  line-height: 1;
  padding-inline: 0.7em;
  font-size: 32px;
}
.pc-info_12kokuki_cha__dl > dd {
  line-height: 1.1;
  font-size: 20px;
  margin-top: 8px;
}
.pc-info_12kokuki_cha__dl > dd + dt {
  margin-top: 8px;
  margin-bottom: 4px;
}
.pc-info_12kokuki_cha__dl__large {
  font-size: 200%;
}

.pc-bg_12kokuki_cha__bg1 {
  position: fixed;
  z-index: 0;
  top: -23px;
  left: 50%;
  -webkit-transform: translateX(-127%);
          transform: translateX(-127%);
  width: 645px;
  pointer-events: none;
}
.pc-bg_12kokuki_cha__bg2 {
  position: fixed;
  z-index: 0;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(38%);
          transform: translateX(38%);
  width: 558px;
  pointer-events: none;
}

.btn_12kokuki_cha-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-inline: auto;
  width: calc(400 / 480 * 100dvw);
  height: calc(84 / 480 * 100dvw);
  position: relative;
  cursor: pointer;
  background: -webkit-image-set(url(../images/btn_bg1.avif) type("image/avif"), url(../images/btn_bg1.png) type("image/png")) no-repeat center top/contain;
  background: image-set(url(../images/btn_bg1.avif) type("image/avif"), url(../images/btn_bg1.png) type("image/png")) no-repeat center top/contain;
  font-weight: 700;
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.4;
  letter-spacing: 0.2em;
}
.btn_12kokuki_cha-frame__icon {
  margin-left: calc(12 / 480 * 100dvw);
  margin-right: calc(-24 / 480 * 100dvw);
  width: calc(14 / 480 * 100dvw);
  height: calc(14 / 480 * 100dvw);
}
.btn_12kokuki_cha-frame2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-inline: auto;
  width: calc(400 / 480 * 100dvw);
  height: calc(78 / 480 * 100dvw);
  position: relative;
  cursor: pointer;
  background: -webkit-image-set(url(../images/btn_bg2.avif) type("image/avif"), url(../images/btn_bg2.png) type("image/png")) no-repeat center top/contain;
  background: image-set(url(../images/btn_bg2.avif) type("image/avif"), url(../images/btn_bg2.png) type("image/png")) no-repeat center top/contain;
  font-weight: 700;
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.4;
  letter-spacing: 0.2em;
  color: #fff;
}
.btn_12kokuki_cha--hover--opacity {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.icon_12kokuki_cha {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.icon_12kokuki_cha--x {
  background-image: url(../images/ico_sns_x.svg) !important;
}
.icon_12kokuki_cha--line {
  background-image: url(../images/ico_sns_line.svg) !important;
}
.icon_12kokuki_cha--caret {
  background-image: url(../images/ico_caret.svg) !important;
}
.icon_12kokuki_cha--copy {
  background-image: url(../images/ico_sns_copy.svg) !important;
}

.js-anim-fadeIn,
.js-anim-fadeInUp {
  opacity: 0;
  will-change: opacity, transform, filter;
}

.js-anim-mask {
  -webkit-mask: url(../images/bg_ink.png) no-repeat center center/cover;
          mask: url(../images/bg_ink.png) no-repeat center center/cover;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform, mask-image;
}
.js-anim-mask1.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?1);
          mask-image: url(../images/bg_ink_mask.webp?1);
}
.js-anim-mask2.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?2);
          mask-image: url(../images/bg_ink_mask.webp?2);
}
.js-anim-mask3.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?3);
          mask-image: url(../images/bg_ink_mask.webp?3);
}
.js-anim-mask4.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?4);
          mask-image: url(../images/bg_ink_mask.webp?4);
}
.js-anim-mask5.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?5);
          mask-image: url(../images/bg_ink_mask.webp?5);
}
.js-anim-mask6.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?6);
          mask-image: url(../images/bg_ink_mask.webp?6);
}
.js-anim-mask7.is-animated {
  -webkit-mask-image: url(../images/bg_ink_mask.webp?7);
          mask-image: url(../images/bg_ink_mask.webp?7);
}

.teaser1_12kokuki_cha {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(745 / 480 * 100dvw);
  padding-bottom: calc(95 / 480 * 100dvw);
  pointer-events: none;
}
.teaser1_12kokuki_cha--fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.teaser1_12kokuki_cha__ttl {
  position: relative;
  z-index: 2;
  gap: calc(24 / 480 * 100dvw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.teaser1_12kokuki_cha__ttl__logo1 {
  width: calc(169 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.teaser1_12kokuki_cha__ttl__logo2 {
  width: calc(37 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.teaser1_12kokuki_cha__ttl__logo3 {
  width: calc(169 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.teaser1_12kokuki_cha__bg1 {
  position: absolute;
  z-index: 0;
  top: calc(-210 / 480 * 100dvw);
  left: calc(-115 / 480 * 100dvw);
  width: 160%;
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.teaser1_12kokuki_cha__bg2 {
  position: absolute;
  z-index: 0;
  bottom: calc(-178 / 480 * 100dvw);
  left: calc(-59 / 480 * 100dvw);
  width: 120%;
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}

.visual_12kokuki_cha {
  position: relative;
  height: calc(1200 / 480 * 100dvw);
}
.visual_12kokuki_cha__ttl {
  position: absolute;
  z-index: 2;
  top: calc(81 / 480 * 100dvw);
  left: calc(19 / 480 * 100dvw);
  width: calc(60 / 480 * 100dvw);
  gap: calc(11 / 480 * 100dvw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visual_12kokuki_cha__ttl1 {
  width: calc(60 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__ttl2 {
  width: calc(31 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__body {
  position: absolute;
  z-index: 2;
  bottom: calc(25 / 480 * 100dvw);
  left: calc(32 / 480 * 100dvw);
  right: calc(32 / 480 * 100dvw);
}
.visual_12kokuki_cha__copy {
  text-align: center;
  font-size: calc(23 / 480 * 100dvw);
  margin-bottom: calc(22 / 480 * 100dvw);
  padding-inline: calc(10 / 480 * 100dvw);
  line-height: 1.3;
  letter-spacing: 0.09em;
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__copy__large {
  font-size: 216%;
  letter-spacing: 0.01em;
}
.visual_12kokuki_cha__copy__medium {
  font-size: 152%;
}
.visual_12kokuki_cha__copy__medium2 {
  font-size: 148%;
  letter-spacing: 0.05em;
}
.visual_12kokuki_cha__frame {
  background: url(../images/mv_frame.svg) no-repeat center top/contain;
  width: calc(415 / 480 * 100dvw);
  height: calc(270 / 480 * 100dvw);
  padding-top: calc(30 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visual_12kokuki_cha__dl > dt {
  background-color: var(--color-gold00);
  color: #fff;
  line-height: 1;
  font-size: calc(24 / 480 * 100dvw);
  padding-inline: 0.9em;
}
.visual_12kokuki_cha__dl > dd {
  text-align: center;
  margin-inline: auto;
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.1;
  margin-top: calc(8 / 480 * 100dvw);
}
.visual_12kokuki_cha__dl > dd + dt {
  margin-top: calc(8 / 480 * 100dvw);
  margin-bottom: calc(4 / 480 * 100dvw);
}
.visual_12kokuki_cha__dl__large {
  font-size: 200%;
}
.visual_12kokuki_cha__img {
  position: relative;
  z-index: 1;
  opacity: 0;
  margin-top: calc(-51 / 480 * 100dvw);
  margin-left: calc(-35 / 480 * 100dvw);
  margin-right: calc(-27 / 480 * 100dvw);
}
.visual_12kokuki_cha__bg1 {
  position: absolute;
  z-index: 0;
  top: calc(177 / 480 * 100dvw);
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__bg2 {
  position: absolute;
  z-index: 0;
  top: calc(-77 / 480 * 100dvw);
  left: calc(-134 / 480 * 100dvw);
  width: calc(670 / 480 * 100dvw);
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}
.visual_12kokuki_cha__memo {
  font-size: calc(12 / 480 * 100dvw);
  letter-spacing: 0.12em;
  margin-inline: -0.8em;
  opacity: 0;
  -webkit-filter: blur(200px);
          filter: blur(200px);
  will-change: opacity, filter;
}

.product_12kokuki_cha {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.product_12kokuki_cha__item {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.product_12kokuki_cha__obj {
  position: absolute;
  z-index: 0;
}
.product_12kokuki_cha__ttl {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: calc(5 / 480 * 100dvw);
  letter-spacing: 0.08em;
}
.product_12kokuki_cha__ttl--right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product_12kokuki_cha__ttl--mb1 {
  margin-bottom: calc(30 / 480 * 100dvw);
  gap: calc(8 / 480 * 100dvw);
}
.product_12kokuki_cha__ttl--mb2 {
  margin-bottom: calc(25 / 480 * 100dvw);
  gap: calc(8 / 480 * 100dvw);
}
.product_12kokuki_cha__ttl__line {
  position: relative;
  z-index: 1;
  background-color: #fff;
  line-height: 0.9;
  font-size: calc(34 / 480 * 100dvw);
}
.product_12kokuki_cha__name {
  position: relative;
  z-index: 1;
  margin-top: calc(28 / 480 * 100dvw);
  font-size: calc(28 / 480 * 100dvw);
  line-height: 1.38;
  letter-spacing: 0.08em;
  color: #fff;
  text-align: center;
}
.product_12kokuki_cha__name__small {
  font-size: 64%;
}
.product_12kokuki_cha__slider {
  position: relative;
  z-index: 1;
  margin-top: calc(21 / 480 * 100dvw);
  width: calc(400 / 480 * 100dvw);
}
.product_12kokuki_cha__slider .swiper-arrow_12kokuki_cha {
  position: absolute;
  z-index: 5;
  -webkit-mask: url(../images/slide_arrow_r.svg) no-repeat center center/contain;
          mask: url(../images/slide_arrow_r.svg) no-repeat center center/contain;
  background-color: #E0B29D;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  width: calc(40 / 480 * 100dvw);
  height: calc(40 / 480 * 100dvw);
}
.product_12kokuki_cha__slider .swiper-arrow_12kokuki_cha--blue {
  background-color: #4974AF;
}
.product_12kokuki_cha__slider .swiper-arrow-prev_12kokuki_cha {
  -webkit-mask-image: url(../images/slide_arrow_l.svg);
          mask-image: url(../images/slide_arrow_l.svg);
  left: calc(-34 / 480 * 100dvw);
}
.product_12kokuki_cha__slider .swiper-arrow-next_12kokuki_cha {
  right: calc(-34 / 480 * 100dvw);
}
.product_12kokuki_cha__copy {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: calc(22 / 480 * 100dvw);
  gap: calc(4 / 480 * 100dvw);
  line-height: 1.3;
  letter-spacing: 0.08em;
}
.product_12kokuki_cha__copy.leading-tight {
  line-height: 1.24;
}
.product_12kokuki_cha__copy__line {
  display: block;
}
.product_12kokuki_cha__copy__line__right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.product_12kokuki_cha__btn {
  margin-top: calc(11 / 480 * 100dvw);
}

.product_12kokuki_cha--1 {
  background: -webkit-image-set(url(../images/product1_bg_top.avif) type("image/avif"), url(../images/product1_bg_top.png) type("image/png")) no-repeat center top/100% auto;
  background: image-set(url(../images/product1_bg_top.avif) type("image/avif"), url(../images/product1_bg_top.png) type("image/png")) no-repeat center top/100% auto;
  margin-top: calc(-53 / 480 * 100dvw);
  padding-top: calc(548 / 480 * 100dvw);
  padding-bottom: calc(200 / 480 * 100dvw);
}
.product_12kokuki_cha--1:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  top: calc(300 / 480 * 100dvw);
  bottom: 0;
  background: -webkit-image-set(url(../images/product1_bg.avif) type("image/avif"), url(../images/product1_bg.png) type("image/png")) repeat-y center top/100% auto;
  background: image-set(url(../images/product1_bg.avif) type("image/avif"), url(../images/product1_bg.png) type("image/png")) repeat-y center top/100% auto;
}
.product_12kokuki_cha--1__ttl {
  color: #9F3539;
}
.product_12kokuki_cha--1__ttl__line1 {
  width: calc(272 / 480 * 100dvw);
  text-align: justify;
  text-justify: inter-character;
  -moz-text-align-last: justify;
       text-align-last: justify;
  letter-spacing: normal;
}
.product_12kokuki_cha--1__ttl__bg1 {
  position: absolute;
  z-index: 0;
  top: calc(-33 / 480 * 100dvw);
  right: calc(-101 / 480 * 100dvw);
  width: calc(429 / 480 * 100dvw);
}
.product_12kokuki_cha--1__ttl__bg2 {
  position: absolute;
  z-index: 0;
  top: calc(75 / 480 * 100dvw);
  left: calc(-81 / 480 * 100dvw);
  width: calc(429 / 480 * 100dvw);
}
.product_12kokuki_cha--1__copy {
  color: #F7DEDE;
}
.product_12kokuki_cha--1__copy1 {
  margin-left: -0.5em;
  margin-right: -0.4em;
  margin-bottom: calc(56 / 480 * 100dvw);
}
.product_12kokuki_cha--1__obj1 {
  width: calc(275 / 480 * 100dvw);
  top: calc(-10 / 480 * 100dvw);
  right: 0;
  z-index: 1;
}
.product_12kokuki_cha--1__obj2 {
  width: calc(315 / 480 * 100dvw);
  top: calc(147 / 480 * 100dvw);
  left: calc(83 / 480 * 100dvw);
}
.product_12kokuki_cha--1__obj3 {
  width: calc(298 / 480 * 100dvw);
  top: calc(-247 / 480 * 100dvw);
  left: calc(-41 / 480 * 100dvw);
}
.product_12kokuki_cha--1__obj4 {
  width: calc(276 / 480 * 100dvw);
  top: calc(-26 / 480 * 100dvw);
  left: calc(-139 / 480 * 100dvw);
}
.product_12kokuki_cha--1__obj5 {
  width: calc(518 / 480 * 100dvw);
  top: calc(16 / 480 * 100dvw);
  right: calc(-203 / 480 * 100dvw);
}
.product_12kokuki_cha--1__item2 {
  margin-top: calc(77 / 480 * 100dvw);
}
.product_12kokuki_cha--1__item3 {
  margin-top: calc(58 / 480 * 100dvw);
}

.product_12kokuki_cha--2 {
  background: -webkit-image-set(url(../images/product2_bg_top.avif) type("image/avif"), url(../images/product2_bg_top.png) type("image/png")) no-repeat center top/100% auto, -webkit-image-set(url(../images/product2_bg_bottom.avif) type("image/avif"), url(../images/product2_bg_bottom.png) type("image/png")) no-repeat center bottom calc(67 / 480 * 100dvw)/100% auto;
  background: image-set(url(../images/product2_bg_top.avif) type("image/avif"), url(../images/product2_bg_top.png) type("image/png")) no-repeat center top/100% auto, image-set(url(../images/product2_bg_bottom.avif) type("image/avif"), url(../images/product2_bg_bottom.png) type("image/png")) no-repeat center bottom calc(67 / 480 * 100dvw)/100% auto;
  margin-top: calc(-185 / 480 * 100dvw);
  padding-top: calc(543 / 480 * 100dvw);
  padding-bottom: calc(200 / 480 * 100dvw);
}
.product_12kokuki_cha--2:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(300 / 480 * 100dvw);
  left: 0;
  width: 100%;
  bottom: calc(300 / 480 * 100dvw);
  background: -webkit-image-set(url(../images/product2_bg.avif) type("image/avif"), url(../images/product2_bg.png) type("image/png")) repeat-y center top/100% auto;
  background: image-set(url(../images/product2_bg.avif) type("image/avif"), url(../images/product2_bg.png) type("image/png")) repeat-y center top/100% auto;
}
.product_12kokuki_cha--2__ttl {
  color: #0A346E;
}
.product_12kokuki_cha--2__ttl__bg1 {
  position: absolute;
  z-index: 0;
  top: calc(204 / 480 * 100dvw);
  right: calc(-101 / 480 * 100dvw);
  width: calc(429 / 480 * 100dvw);
}
.product_12kokuki_cha--2__ttl__bg2 {
  position: absolute;
  z-index: 0;
  top: calc(-51 / 480 * 100dvw);
  left: calc(-136 / 480 * 100dvw);
  width: calc(429 / 480 * 100dvw);
}
.product_12kokuki_cha--2__ttl__bg3 {
  position: absolute;
  z-index: 0;
  top: calc(136 / 480 * 100dvw);
  right: calc(-101 / 480 * 100dvw);
  width: calc(429 / 480 * 100dvw);
}
.product_12kokuki_cha--2__copy {
  color: #CFDAEA;
}
.product_12kokuki_cha--2__copy1 {
  margin-left: calc(132 / 480 * 100dvw);
  margin-right: -2em;
  line-height: 1.4;
  margin-bottom: calc(63 / 480 * 100dvw);
}
.product_12kokuki_cha--2__copy2 {
  margin-left: 0.6em;
  line-height: 1.4;
  margin-bottom: calc(62 / 480 * 100dvw);
}
.product_12kokuki_cha--2__obj1 {
  width: calc(208 / 480 * 100dvw);
  top: calc(28 / 480 * 100dvw);
  left: calc(-47 / 480 * 100dvw);
  z-index: 1;
}
.product_12kokuki_cha--2__obj2 {
  width: calc(315 / 480 * 100dvw);
  top: calc(131 / 480 * 100dvw);
  left: calc(83 / 480 * 100dvw);
}
.product_12kokuki_cha--2__obj3 {
  width: calc(554 / 480 * 100dvw);
  top: calc(-303 / 480 * 100dvw);
  right: calc(-241 / 480 * 100dvw);
}
.product_12kokuki_cha--2__obj4 {
  width: calc(275 / 480 * 100dvw);
  top: calc(28 / 480 * 100dvw);
  left: calc(-148 / 480 * 100dvw);
}
.product_12kokuki_cha--2__obj5 {
  width: calc(517 / 480 * 100dvw);
  top: calc(-91 / 480 * 100dvw);
  right: calc(-205 / 480 * 100dvw);
}
.product_12kokuki_cha--2__obj6 {
  width: calc(276 / 480 * 100dvw);
  top: calc(155 / 480 * 100dvw);
  left: calc(-150 / 480 * 100dvw);
}
.product_12kokuki_cha--2__item2 {
  margin-top: calc(65 / 480 * 100dvw);
}
.product_12kokuki_cha--2__item3 {
  margin-top: calc(61 / 480 * 100dvw);
}
.product_12kokuki_cha--2__item4 {
  margin-top: calc(58 / 480 * 100dvw);
}

.collaboration_12kokuki_cha {
  position: relative;
  margin-top: calc(-182 / 480 * 100dvw);
  padding-top: calc(101 / 480 * 100dvw);
}
.collaboration_12kokuki_cha__logo {
  position: absolute;
  z-index: 1;
  left: calc(39 / 480 * 100dvw);
  top: calc(162 / 480 * 100dvw);
  width: calc(60 / 480 * 100dvw);
}
.collaboration_12kokuki_cha__img {
  position: relative;
  z-index: 1;
  margin-top: calc(-126 / 480 * 100dvw);
  margin-inline: calc(-39 / 480 * 100dvw);
}
.collaboration_12kokuki_cha__btn {
  position: relative;
  z-index: 2;
  margin-top: calc(-40 / 480 * 100dvw);
}
.collaboration_12kokuki_cha__txt {
  position: relative;
  z-index: 1;
  font-size: calc(29 / 480 * 100dvw);
  text-align: center;
  line-height: 1.4;
  margin-top: calc(33 / 480 * 100dvw);
}
.collaboration_12kokuki_cha__txt__small {
  font-size: 62%;
}
.collaboration_12kokuki_cha__bg1 {
  position: absolute;
  width: 100%;
  top: calc(484 / 480 * 100dvw);
  left: 0;
  z-index: 0;
}

.introduction_12kokuki_cha {
  position: relative;
  z-index: 1;
  margin-top: calc(28 / 480 * 100dvw);
}
.introduction_12kokuki_cha__ttl {
  position: relative;
  z-index: 1;
  width: calc(123 / 480 * 100dvw);
}
.introduction_12kokuki_cha__img {
  position: relative;
  z-index: 1;
  margin-top: calc(-170 / 480 * 100dvw);
  margin-inline: calc(37 / 480 * 100dvw);
}
.introduction_12kokuki_cha__box {
  position: relative;
  z-index: 1;
  background-color: #fff;
  margin-top: calc(20 / 480 * 100dvw);
  margin-inline: calc(-20 / 480 * 100dvw);
  padding: calc(32 / 480 * 100dvw) calc(34 / 480 * 100dvw) calc(39 / 480 * 100dvw);
}
.introduction_12kokuki_cha__box__ttl {
  font-size: calc(40 / 480 * 100dvw);
  text-align: center;
  line-height: 1.4;
}
.introduction_12kokuki_cha__box__body {
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.5;
  margin-top: calc(14 / 480 * 100dvw);
  letter-spacing: 0.08em;
}
.introduction_12kokuki_cha__box__note {
  font-size: calc(12 / 480 * 100dvw);
  line-height: 1.4;
  margin-top: calc(24 / 480 * 100dvw);
  letter-spacing: 0.08em;
  margin-bottom: 0;
}
.introduction_12kokuki_cha__box__note + .introduction_12kokuki_cha__box__note {
  margin-top: calc(11 / 480 * 100dvw);
}

.notice_12kokuki_cha {
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEEEC), to(#EFEEEC));
  background: linear-gradient(180deg, #EFEEEC 0%, #EFEEEC 100%);
  position: relative;
  z-index: 1;
  margin-top: calc(44 / 480 * 100dvw);
  padding-top: calc(72 / 480 * 100dvw);
  padding-bottom: calc(150 / 480 * 100dvw);
  font-family: var(--font-serif2_12kokuki_cha);
}
.notice_12kokuki_cha__ttl {
  position: relative;
  z-index: 1;
  text-align: center;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-size: calc(24 / 480 * 100dvw);
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
}
.notice_12kokuki_cha__ttl2 {
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.4;
  margin-bottom: calc(12 / 480 * 100dvw);
  font-family: var(--font-serif2_12kokuki_cha);
}
.notice_12kokuki_cha__ttl2:not(:first-child) {
  margin-top: calc(42 / 480 * 100dvw);
}
.notice_12kokuki_cha__body {
  position: relative;
  z-index: 1;
  font-size: calc(16 / 480 * 100dvw);
  line-height: 1.5;
  margin-top: calc(18 / 480 * 100dvw);
  letter-spacing: 0.06em;
  max-height: calc(181 / 480 * 100dvw);
  overflow: hidden;
  margin-bottom: calc(-50 / 480 * 100dvw);
  -webkit-transition: max-height 0.5s ease, margin-bottom 0.3s ease;
  transition: max-height 0.5s ease, margin-bottom 0.3s ease;
}
.notice_12kokuki_cha__body:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none !important;
  height: calc(200 / 480 * 100dvw);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 238, 236, 0)), color-stop(65%, #EFEEEC));
  background: linear-gradient(180deg, rgba(239, 238, 236, 0) 0%, #EFEEEC 65%);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.notice_12kokuki_cha__body.is-open {
  max-height: calc(3000 / 480 * 100dvw);
  margin-bottom: 0;
}
.notice_12kokuki_cha__body.is-open:before {
  opacity: 0;
}
.notice_12kokuki_cha__body.is-open + .notice_12kokuki_cha__bg1 {
  opacity: 1 !important;
}
.notice_12kokuki_cha__body p {
  margin-bottom: 0;
}
.notice_12kokuki_cha__body p + p {
  margin-top: calc(13 / 480 * 100dvw);
}
.notice_12kokuki_cha__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(8 / 480 * 100dvw);
  z-index: 3;
  font-size: calc(14 / 480 * 100dvw);
  letter-spacing: 0.2em;
  gap: calc(8 / 480 * 100dvw);
  cursor: pointer;
}
.notice_12kokuki_cha__btn::after {
  content: "";
  display: block;
  width: calc(14 / 480 * 100dvw);
  height: calc(8 / 480 * 100dvw);
  background: url(../images/ico_caret_down.svg) no-repeat center center/contain;
}
.notice_12kokuki_cha__close-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  bottom: calc(8 / 480 * 100dvw);
  z-index: 3;
  font-size: calc(14 / 480 * 100dvw);
  letter-spacing: 0.2em;
  gap: calc(2 / 480 * 100dvw);
  cursor: pointer;
  margin-top: calc(28 / 480 * 100dvw);
  margin-inline: auto;
}
.notice_12kokuki_cha__close-btn::after {
  content: "";
  display: block;
  width: calc(14 / 480 * 100dvw);
  height: calc(8 / 480 * 100dvw);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(../images/ico_caret_down.svg) no-repeat center center/contain;
}
.notice_12kokuki_cha__bg1 {
  position: absolute;
  z-index: 0;
  bottom: calc(20 / 480 * 100dvw);
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none !important;
}

.present_12kokuki_cha {
  position: relative;
  z-index: 1;
  overflow: clip;
  color: #fff;
  pointer-events: none;
  background: -webkit-image-set(url(../images/present_bg_top.avif) type("image/avif"), url(../images/present_bg_top.png) type("image/png")) no-repeat center top/100% auto, -webkit-image-set(url(../images/present_bg_bottom.avif) type("image/avif"), url(../images/present_bg_bottom.png) type("image/png")) no-repeat center bottom/100% auto;
  background: image-set(url(../images/present_bg_top.avif) type("image/avif"), url(../images/present_bg_top.png) type("image/png")) no-repeat center top/100% auto, image-set(url(../images/present_bg_bottom.avif) type("image/avif"), url(../images/present_bg_bottom.png) type("image/png")) no-repeat center bottom/100% auto;
  padding-top: calc(184 / 480 * 100dvw);
  padding-bottom: calc(155 / 480 * 100dvw);
  margin-top: calc(-146 / 480 * 100dvw);
}
.present_12kokuki_cha:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(300 / 480 * 100dvw);
  left: 0;
  width: 100%;
  bottom: calc(300 / 480 * 100dvw);
  pointer-events: none !important;
  background: -webkit-image-set(url(../images/present_bg.avif) type("image/avif"), url(../images/present_bg.png) type("image/png")) repeat-y center top/100% auto;
  background: image-set(url(../images/present_bg.avif) type("image/avif"), url(../images/present_bg.png) type("image/png")) repeat-y center top/100% auto;
}
.present_12kokuki_cha > * {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.present_12kokuki_cha__ttl1 {
  text-align: center;
  font-size: calc(22 / 480 * 100dvw);
  line-height: 1.5;
  letter-spacing: 0.12em;
}
.present_12kokuki_cha__ttl2 {
  text-align: center;
  font-size: calc(20 / 480 * 100dvw);
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: calc(15 / 480 * 100dvw);
}
.present_12kokuki_cha__body {
  position: relative;
  z-index: 1;
  font-size: calc(16 / 480 * 100dvw);
  line-height: 1.5;
  margin-top: calc(38 / 480 * 100dvw);
  letter-spacing: 0.12em;
}
.present_12kokuki_cha__body ol {
  margin-left: -1em;
}
.present_12kokuki_cha__body ol + p {
  margin-top: calc(28 / 480 * 100dvw);
}
.present_12kokuki_cha__body p {
  margin-bottom: 0;
}
.present_12kokuki_cha__body p + p {
  margin-top: calc(13 / 480 * 100dvw);
}
.present_12kokuki_cha__body p + ol {
  margin-top: calc(5 / 480 * 100dvw);
}
.present_12kokuki_cha__img1 {
  position: relative;
  z-index: 1;
  margin-top: calc(20 / 480 * 100dvw);
  margin-inline: calc(15 / 480 * 100dvw);
}
.present_12kokuki_cha__img2 {
  position: relative;
  z-index: 1;
  margin-top: calc(22 / 480 * 100dvw);
  margin-inline: calc(125 / 480 * 100dvw);
  border-radius: calc(4 / 480 * 100dvw);
  overflow: hidden;
}
.present_12kokuki_cha__txt1 {
  text-align: center;
  font-size: calc(16 / 480 * 100dvw);
  line-height: 1.5;
  letter-spacing: 0.16em;
  margin-top: calc(28 / 480 * 100dvw);
}
.present_12kokuki_cha__txt2 {
  text-align: center;
  font-size: calc(24 / 480 * 100dvw);
  line-height: 1.5;
  letter-spacing: 0.16em;
  margin-top: calc(23 / 480 * 100dvw) !important;
}
.present_12kokuki_cha__txt3 {
  text-align: center;
  font-size: calc(36 / 480 * 100dvw);
  line-height: 1;
  letter-spacing: normal;
  margin-top: calc(8 / 480 * 100dvw) !important;
}
.present_12kokuki_cha__hr {
  position: relative;
  z-index: 1;
  border-color: #fff;
  margin-top: calc(38 / 480 * 100dvw);
  margin-bottom: calc(41 / 480 * 100dvw);
}
.present_12kokuki_cha__note {
  font-size: calc(12 / 480 * 100dvw);
  line-height: 1.4;
  margin-top: calc(24 / 480 * 100dvw);
  letter-spacing: 0.08em;
  margin-bottom: 0;
}
.present_12kokuki_cha__note + .present_12kokuki_cha__note {
  margin-top: calc(11 / 480 * 100dvw);
}
.present_12kokuki_cha__obj1 {
  position: absolute;
  width: calc(82 / 480 * 100dvw);
  top: calc(134 / 480 * 100dvw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}

.footer_12kokuki_cha {
  position: relative;
  z-index: 1;
  margin-top: calc(-45 / 480 * 100dvw);
  padding-bottom: calc(70 / 480 * 100dvw);
}
.footer_12kokuki_cha__sns {
  position: relative;
  z-index: 2;
  margin-bottom: calc(41 / 480 * 100dvw);
}
.footer_12kokuki_cha__sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: calc(10 / 480 * 100dvw);
}
.footer_12kokuki_cha__sns__list li {
  position: relative;
}
.footer_12kokuki_cha__sns__btn {
  width: calc(78 / 480 * 100dvw);
  height: calc(78 / 480 * 100dvw);
  background-color: #F7F5EE;
  border-radius: 50%;
  background-size: calc(38 / 480 * 100dvw) auto;
}
.footer_12kokuki_cha__sns__balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: calc(100% + 6 / 480 * 100dvw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  font-size: calc(19 / 480 * 100dvw);
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #fff;
  background-color: #06C755;
  letter-spacing: 0;
  white-space: nowrap;
  border-radius: calc(10 / 480 * 100dvw);
  padding: calc(5 / 480 * 100dvw) calc(18 / 480 * 100dvw);
}
.footer_12kokuki_cha__sns__balloon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: calc(12 / 480 * 100dvw) solid #06C755;
  border-left: calc(6 / 480 * 100dvw) solid transparent;
  border-right: calc(6 / 480 * 100dvw) solid transparent;
  position: absolute;
  bottom: calc(-12 / 480 * 100dvw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.footer_12kokuki_cha__bnr {
  position: relative;
  z-index: 1;
  margin-top: calc(20 / 480 * 100dvw);
}
.footer_12kokuki_cha__bnr a {
  display: block;
}

.inner_12kokuki_cha {
  padding-inline: calc(40 / 480 * 100dvw);
}

@media not all and (min-width: 481px){
  .pc-bg_12kokuki_cha__bg1 {
    display: none;
  }
  .pc-bg_12kokuki_cha__bg2 {
    display: none;
  }
}

@media screen and (min-width: 481px){
  .main_12kokuki_cha {
    font-size: 14px;
    background-size: 480px auto;
  }
  .main_12kokuki_cha__inner {
    width: 488px;
    border: 4px solid #C6BE9B;
    border-top: none;
    border-bottom: none;
    overflow: clip;
  }
  .content_12kokuki_cha {
    background-size: 480px auto;
  }
  .btn_12kokuki_cha-frame {
    width: 400px;
    height: 84px;
    font-size: 20px;
  }
  .btn_12kokuki_cha-frame__icon {
    margin-left: 12px;
    margin-right: -24px;
    width: 14px;
    height: 14px;
  }
  .btn_12kokuki_cha-frame2 {
    width: 400px;
    height: 84px;
    font-size: 20px;
  }
  .teaser1_12kokuki_cha {
    height: 745px;
    padding-bottom: 95px;
  }
  .teaser1_12kokuki_cha__ttl {
    gap: 24px;
  }
  .teaser1_12kokuki_cha__ttl__logo1 {
    width: 169px;
  }
  .teaser1_12kokuki_cha__ttl__logo2 {
    width: 37px;
  }
  .teaser1_12kokuki_cha__ttl__logo3 {
    width: 169px;
  }
  .teaser1_12kokuki_cha__bg1 {
    top: -210px;
    left: -115px;
  }
  .teaser1_12kokuki_cha__bg2 {
    bottom: -178px;
    left: -59px;
  }
  .visual_12kokuki_cha {
    height: 1200px;
  }
  .visual_12kokuki_cha__ttl {
    top: 81px;
    left: 19px;
    width: 60px;
    gap: 11px;
  }
  .visual_12kokuki_cha__ttl1 {
    width: 60px;
  }
  .visual_12kokuki_cha__ttl2 {
    width: 31px;
  }
  .visual_12kokuki_cha__body {
    bottom: 25px;
    left: 32px;
    right: 32px;
  }
  .visual_12kokuki_cha__copy {
    font-size: 23px;
    margin-bottom: 22px;
    padding-inline: 10px;
  }
  .visual_12kokuki_cha__frame {
    width: 415px;
    height: 270px;
    padding-top: 30px;
  }
  .visual_12kokuki_cha__dl > dt {
    font-size: 24px;
  }
  .visual_12kokuki_cha__dl > dd {
    font-size: 20px;
    margin-top: 8px;
  }
  .visual_12kokuki_cha__dl > dd + dt {
    margin-top: 8px;
    margin-bottom: 4px;
  }
  .visual_12kokuki_cha__img {
    margin-top: -51px;
    margin-left: -35px;
    margin-right: -27px;
  }
  .visual_12kokuki_cha__bg1 {
    top: 177px;
  }
  .visual_12kokuki_cha__bg2 {
    top: -77px;
    left: -134px;
    width: 670px;
  }
  .visual_12kokuki_cha__memo {
    font-size: 12px;
  }
  .product_12kokuki_cha__ttl {
    gap: 5px;
  }
  .product_12kokuki_cha__ttl--mb1 {
    margin-bottom: 30px;
    gap: 8px;
  }
  .product_12kokuki_cha__ttl--mb2 {
    margin-bottom: 25px;
    gap: 8px;
  }
  .product_12kokuki_cha__ttl__line {
    font-size: 34px;
  }
  .product_12kokuki_cha__name {
    margin-top: 28px;
    font-size: 28px;
  }
  .product_12kokuki_cha__slider {
    width: 400px;
    margin-top: 21px;
  }
  .product_12kokuki_cha__slider .swiper-arrow_12kokuki_cha {
    width: 40px;
    height: 40px;
  }
  .product_12kokuki_cha__slider .swiper-arrow-prev_12kokuki_cha {
    left: -34px;
  }
  .product_12kokuki_cha__slider .swiper-arrow-next_12kokuki_cha {
    right: -34px;
  }
  .product_12kokuki_cha__copy {
    font-size: 22px;
    gap: 4px;
  }
  .product_12kokuki_cha__btn {
    margin-top: 11px;
  }
  .product_12kokuki_cha--1 {
    margin-top: -53px;
    padding-top: 548px;
    padding-bottom: 200px;
    background-position: center top, center 300px;
  }
  .product_12kokuki_cha--1:before {
    top: 300px;
  }
  .product_12kokuki_cha--1__ttl__line1 {
    width: 272px;
  }
  .product_12kokuki_cha--1__ttl__bg1 {
    top: -33px;
    right: -101px;
    width: 429px;
  }
  .product_12kokuki_cha--1__ttl__bg2 {
    top: 75px;
    left: -81px;
    width: 429px;
  }
  .product_12kokuki_cha--1__copy1 {
    margin-bottom: 56px;
  }
  .product_12kokuki_cha--1__obj1 {
    width: 275px;
    top: -10px;
  }
  .product_12kokuki_cha--1__obj2 {
    width: 315px;
    top: 147px;
    left: 83px;
  }
  .product_12kokuki_cha--1__obj3 {
    width: 298px;
    top: -247px;
    left: -41px;
  }
  .product_12kokuki_cha--1__obj4 {
    width: 276px;
    top: -26px;
    left: -139px;
  }
  .product_12kokuki_cha--1__obj5 {
    width: 518px;
    top: 16px;
    right: -203px;
  }
  .product_12kokuki_cha--1__item2 {
    margin-top: 77px;
  }
  .product_12kokuki_cha--1__item3 {
    margin-top: 58px;
  }
  .product_12kokuki_cha--2 {
    margin-top: -185px;
    padding-top: 543px;
    padding-bottom: 200px;
    background-position: center top, center bottom 67px;
  }
  .product_12kokuki_cha--2:before {
    top: 300px;
    bottom: 300px;
  }
  .product_12kokuki_cha--2__ttl__bg1 {
    top: 204px;
    right: -101px;
    width: 429px;
  }
  .product_12kokuki_cha--2__ttl__bg2 {
    top: -51px;
    left: -136px;
    width: 429px;
  }
  .product_12kokuki_cha--2__ttl__bg3 {
    top: 136px;
    right: -101px;
    width: 429px;
  }
  .product_12kokuki_cha--2__copy1 {
    margin-left: 132px;
    margin-bottom: 63px;
  }
  .product_12kokuki_cha--2__copy2 {
    margin-bottom: 62px;
  }
  .product_12kokuki_cha--2__obj1 {
    width: 208px;
    top: 28px;
    left: -47px;
  }
  .product_12kokuki_cha--2__obj2 {
    width: 315px;
    top: 131px;
    left: 83px;
  }
  .product_12kokuki_cha--2__obj3 {
    width: 554px;
    top: -303px;
    right: -241px;
  }
  .product_12kokuki_cha--2__obj4 {
    width: 275px;
    top: 28px;
    left: -148px;
  }
  .product_12kokuki_cha--2__obj5 {
    width: 517px;
    top: -91px;
    right: -205px;
  }
  .product_12kokuki_cha--2__obj6 {
    width: 276px;
    top: 155px;
    left: -150px;
  }
  .product_12kokuki_cha--2__item2 {
    margin-top: 65px;
  }
  .product_12kokuki_cha--2__item3 {
    margin-top: 61px;
  }
  .product_12kokuki_cha--2__item4 {
    margin-top: 58px;
  }
  .collaboration_12kokuki_cha {
    margin-top: -182px;
    padding-top: 101px;
  }
  .collaboration_12kokuki_cha__logo {
    width: 60px;
    left: 39px;
    top: 162px;
  }
  .collaboration_12kokuki_cha__img {
    margin-top: -126px;
    margin-inline: -39px;
  }
  .collaboration_12kokuki_cha__btn {
    margin-top: -40px;
  }
  .collaboration_12kokuki_cha__txt {
    font-size: 29px;
    margin-top: 33px;
  }
  .collaboration_12kokuki_cha__bg1 {
    top: 484px;
  }
  .introduction_12kokuki_cha {
    margin-top: 28px;
  }
  .introduction_12kokuki_cha__ttl {
    width: 123px;
  }
  .introduction_12kokuki_cha__img {
    margin-top: -170px;
    margin-inline: 37px;
  }
  .introduction_12kokuki_cha__box {
    margin-top: 20px;
    margin-inline: -20px;
    padding: 32px 34px 39px;
  }
  .introduction_12kokuki_cha__box__ttl {
    font-size: 40px;
  }
  .introduction_12kokuki_cha__box__body {
    font-size: 20px;
    margin-top: 14px;
  }
  .introduction_12kokuki_cha__box__note {
    font-size: 12px;
    margin-top: 24px;
  }
  .introduction_12kokuki_cha__box__note + .introduction_12kokuki_cha__box__note {
    margin-top: 11px;
  }
  .notice_12kokuki_cha {
    margin-top: 44px;
    padding-top: 72px;
    padding-bottom: 150px;
  }
  .notice_12kokuki_cha__ttl {
    font-size: 24px;
  }
  .notice_12kokuki_cha__ttl2 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .notice_12kokuki_cha__ttl2:not(:first-child) {
    margin-top: 42px;
  }
  .notice_12kokuki_cha__body {
    font-size: 16px;
    margin-top: 18px;
    max-height: 181px;
    margin-bottom: -50px;
  }
  .notice_12kokuki_cha__body:before {
    height: 200px;
  }
  .notice_12kokuki_cha__body.is-open {
    max-height: 3000px;
  }
  .notice_12kokuki_cha__body p + p {
    margin-top: 13px;
  }
  .notice_12kokuki_cha__btn {
    bottom: 8px;
    font-size: 14px;
    gap: 8px;
  }
  .notice_12kokuki_cha__btn::after {
    width: 14px;
    height: 8px;
  }
  .notice_12kokuki_cha__close-btn {
    bottom: 8px;
    font-size: 14px;
    gap: 2px;
    margin-top: 28px;
  }
  .notice_12kokuki_cha__close-btn::after {
    width: 14px;
    height: 8px;
  }
  .notice_12kokuki_cha__bg1 {
    bottom: 20px;
  }
  .present_12kokuki_cha {
    padding-top: 184px;
    padding-bottom: 155px;
    margin-top: -146px;
  }
  .present_12kokuki_cha:before {
    top: 300px;
    bottom: 300px;
  }
  .present_12kokuki_cha__ttl1 {
    font-size: 22px;
  }
  .present_12kokuki_cha__ttl2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .present_12kokuki_cha__body {
    font-size: 16px;
    margin-top: 38px;
  }
  .present_12kokuki_cha__body ol + p {
    margin-top: 28px;
  }
  .present_12kokuki_cha__body p + p {
    margin-top: 13px;
  }
  .present_12kokuki_cha__body p + ol {
    margin-top: 5px;
  }
  .present_12kokuki_cha__img1 {
    margin-top: 20px;
    margin-inline: 15px;
  }
  .present_12kokuki_cha__img2 {
    margin-top: 22px;
    margin-inline: 125px;
    border-radius: 4px;
  }
  .present_12kokuki_cha__txt1 {
    font-size: 16px;
    margin-top: 28px;
  }
  .present_12kokuki_cha__txt2 {
    font-size: 24px;
    margin-top: 23px !important;
  }
  .present_12kokuki_cha__txt3 {
    font-size: 36px;
    margin-top: 8px !important;
  }
  .present_12kokuki_cha__hr {
    margin-top: 38px;
    margin-bottom: 41px;
  }
  .present_12kokuki_cha__note {
    font-size: 12px;
    margin-top: 24px;
  }
  .present_12kokuki_cha__note + .present_12kokuki_cha__note {
    margin-top: 11px;
  }
  .present_12kokuki_cha__obj1 {
    width: 82px;
    top: 134px;
  }
  .footer_12kokuki_cha {
    margin-top: -45px;
    padding-bottom: 70px;
  }
  .footer_12kokuki_cha__sns {
    margin-bottom: 41px;
  }
  .footer_12kokuki_cha__sns__list {
    gap: 10px;
  }
  .footer_12kokuki_cha__sns__btn {
    width: 78px;
    height: 78px;
    background-size: 38px auto;
  }
  .footer_12kokuki_cha__sns__balloon {
    font-size: 19px;
    padding: 5px 18px;
    bottom: calc(100% + 6px);
    border-radius: 10px;
  }
  .footer_12kokuki_cha__sns__balloon::before {
    border-top: 12px solid #06C755;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -12px;
  }
  .footer_12kokuki_cha__bnr {
    margin-top: 20px;
  }
  .inner_12kokuki_cha {
    padding-inline: 40px;
  }
}

@media screen and (hover: hover) and (min-width: 768px){
  :where(.container_cha) a:hover {
    text-decoration: none;
  }
  .header_cha-nav-link:hover {
    color: currentcolor;
    text-decoration: underline !important;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y:12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:first-child {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="1"] .bg_cha-menu-nav-item:first-child .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:first-child {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(2) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="2"] .bg_cha-menu-nav-item:nth-child(2) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(2) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(3) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="3"] .bg_cha-menu-nav-item:nth-child(3) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(3) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(4) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="4"] .bg_cha-menu-nav-item:nth-child(4) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(4) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(5) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="5"] .bg_cha-menu-nav-item:nth-child(5) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(5) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(6) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="6"] .bg_cha-menu-nav-item:nth-child(6) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(6) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(8), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(7) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="7"] .bg_cha-menu-nav-item:nth-child(7) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(7) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-hover-shift-y: 12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(8) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="8"] .bg_cha-menu-nav-item:nth-child(8) .detailButtonMotionLayer {
    opacity: 1;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:first-child, .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(2), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(3), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(4), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(5), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(6), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(7), .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(8) {
    --menu-hover-shift-y: -12px ;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(9) {
    --menu-button-scale: 1.5;
    z-index: 2;
  }
  .bg_cha .bg_cha-menu-nav-list[data-bg-menu-active="9"] .bg_cha-menu-nav-item:nth-child(9) .detailButtonMotionLayer {
    opacity: 1;
  }
}

@media screen and (min-width: 768px){
  :root {
    --cha-pixel-ratio:1;
    --cha-design-view-width: 1440px;
    --cha-contents-width: calc(var(--cha-rem)*25);
    --cha-border-radius: calc(var(--cha-rem)*0.75);
    --cha-border-radius-inner: calc(var(--cha-rem)*0.375);
    --cha-font-size-base: calc(var(--cha-rem)*0.9375) ;
  }
  .u-display-sp {
    display: none;
  }
  .u-marker {
    padding: 0 calc(var(--cha-rem) * 0.125) calc(var(--cha-rem) * 0.125);
  }
  .u-order-1-pc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .u-order-2-pc {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .u-order-3-pc {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .u-order-4-pc {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .u-order-5-pc {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tagline_cha {
    -webkit-box-sizing: initial;
            box-sizing: initial;
    font-size: 12px;
    max-width: 1170px;
    padding: 12px 16px;
  }
  .header_cha {
    padding: 0 20px;
    position: relative;
    z-index: 10000;
  }
  .header_cha-nav {
    margin: 0 auto;
    max-width: 1170px;
  }
  .header_cha-nav-list {
    margin: 0 -14px;
  }
  .header_cha-nav-link {
    font-size: 10px;
    padding: 14px;
  }
  .container_cha-body {
    --cha-rem:min(calc(var(--cha-vw)/25),16px) ;
  }
  .bg_cha.bg_cha-menu-layer {
    overflow: visible;
    z-index: 2;
  }
  #footercontent, .fsc_gfooter__breadcrumb {
    position: relative;
    z-index: 3;
  }
  .bg_cha .bg_cha-light {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
  }
  .bg_cha .bg_cha-black-left {
    bottom: 0;
    top: auto;
  }
  .bg_cha .bg_cha-black-right {
    bottom: auto;
    top: 0;
  }
  .bg_cha .bg_cha-desktop {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
  }
  .bg_cha .bg_cha-top-left-01 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    position: absolute;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 0;
  }
  .bg_cha .bg_cha-top-left-02 {
    height: auto;
    left: -60px;
    position: absolute;
    top: -5px;
    width: 159px;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-left-03 {
    left: calc(var(--cha-rem) * 6.75);
  }
  .bg_cha .bg_cha-top-left-03, .bg_cha .bg_cha-top-left-04 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-left-04 {
    left: calc(var(--cha-rem) * 8.9375);
  }
  .bg_cha .bg_cha-top-left-05 {
    height: auto;
    left: -105px;
    position: absolute;
    top: calc(var(--cha-rem) * 10.125);
    width: 264px;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-right-01 {
    right: calc(var(--cha-rem) * 26.875);
    top: 0;
  }
  .bg_cha .bg_cha-top-right-01, .bg_cha .bg_cha-top-right-02 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-right-02 {
    right: calc(var(--cha-rem) * 22.5);
    top: calc(var(--cha-rem) * 3);
  }
  .bg_cha .bg_cha-top-right-03 {
    right: calc(var(--cha-rem) * 8.9375);
    top: calc(var(--cha-rem) * 1.5625);
  }
  .bg_cha .bg_cha-top-right-03, .bg_cha .bg_cha-top-right-04 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-right-04 {
    right: 0;
    top: 0;
  }
  .bg_cha .bg_cha-top-right-05 {
    right: 0;
    top: calc(var(--cha-rem) * 1.75);
  }
  .bg_cha .bg_cha-top-right-05, .bg_cha .bg_cha-top-right-06 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .bg_cha .bg_cha-top-right-06 {
    right: calc(var(--cha-rem) * 3.125);
    top: calc(var(--cha-rem) * 19.3125);
  }
  .bg_cha .bg_cha-bottom-right-01 {
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 0;
  }
  .bg_cha .bg_cha-bottom-right-02 {
    bottom: calc(var(--cha-rem) * 5.3125);
  }
  .bg_cha .bg_cha-bottom-right-02, .bg_cha .bg_cha-bottom-right-03 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
  .bg_cha .bg_cha-bottom-right-03 {
    bottom: calc(var(--cha-rem) * 6.5);
  }
  .bg_cha .bg_cha-bottom-right-04 {
    bottom: calc(var(--cha-rem) * 2.0625);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
  }
  .bg_cha .bg_cha-bottom-right-05 {
    bottom: -50px;
    height: auto;
    position: absolute;
    right: calc(var(--cha-rem) * 0.625);
    width: 160px;
    z-index: 1;
  }
  .bg_cha .bg_cha-bottom-right-06 {
    bottom: -30px;
    height: auto;
    position: absolute;
    right: calc(var(--cha-rem) * 11.5);
    width: 117px;
    z-index: 1;
  }
  .bg_cha .bg_cha-bottom-left-01 {
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: calc(var(--cha-rem) * 8.1875);
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 0;
  }
  .bg_cha .bg_cha-bottom-left-02 {
    bottom: -30px;
    height: auto;
    left: calc(var(--cha-rem) * 6.25);
    position: absolute;
    width: 173px;
    z-index: 1;
  }
  .bg_cha .bg_cha-bottom-left-03 {
    bottom: calc(var(--cha-rem) * 2.0625);
    height: auto;
    left: -45px;
    position: absolute;
    width: 264px;
    z-index: 1;
  }
  .bg_cha .bg_cha-logo {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 285px;
    position: absolute;
    right: calc(50% + 340px);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 19.79167vw;
    z-index: 1;
  }
  .bg_cha .bg_cha-menu {
    left: calc(50% + 320px);
    position: absolute;
    top: calc(50% - 32px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 4;
  }
  .bg_cha .bg_cha-menu-nav {
    -webkit-transform-origin: top center;
            transform-origin: top center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .bg_cha .bg_cha-menu-heading {
    height: auto;
    left: 50%;
    position: relative;
    top: 25px;
    -webkit-transform: translateX(-50%) translateY(var(--bg-loading-menu-y, 0));
            transform: translateX(-50%) translateY(var(--bg-loading-menu-y, 0));
    width: 137px;
  }
  .bg_cha .bg_cha-menu-nav-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2px;
    -webkit-transform: translateY(18px) rotate(-30deg);
            transform: translateY(18px) rotate(-30deg);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  .bg_cha .bg_cha-menu-nav-link {
    display: block;
  }
  .bg_cha .bg_cha-menu-nav-link .detailButton {
    position: relative;
    -webkit-transform: scale(var(--menu-button-scale, 1));
            transform: scale(var(--menu-button-scale, 1));
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
  }
  .bg_cha .bg_cha-menu-nav-link .detailButtonMotionLayer {
    opacity: 0;
    -webkit-transition: opacity 0.08s ease-out;
    transition: opacity 0.08s ease-out;
  }
  .bg_cha .bg_cha-menu-nav-item {
    --menu-hover-shift-y: 0px;
    --menu-button-scale: 1;
    -webkit-transform: translateX(var(--menu-offset-x, 0)) translateY(calc(var(--bg-loading-menu-y, 0px) + var(--menu-hover-shift-y)));
            transform: translateX(var(--menu-offset-x, 0)) translateY(calc(var(--bg-loading-menu-y, 0px) + var(--menu-hover-shift-y)));
    -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .container_cha-body {
    overflow-x: visible;
  }
  .mv_cha {
    overflow: visible;
  }
  .mv_cha .mv_cha-logo {
    max-width: 109px;
    right: 10px;
    top: 20px;
  }
  .mv_cha .mv_cha-character {
    overflow: visible;
  }
  .products30th_cha-item .products30th_cha-item-product-bg-1 {
    left: calc(var(--cha-rem) * 0.25);
  }
  .products30th_cha-item .products30th_cha-item-product-bg-2 {
    left: calc(var(--cha-rem) * -0.125);
  }
  .velvetroom_cha {
    overflow: clip;
  }
  .novelty_cha .novelty_cha-bg-1 {
    left: calc(var(--cha-rem) * -0.125);
    top: 0;
  }
  .novelty_cha .novelty_cha-bg-2 {
    left: calc(var(--cha-rem) * 0.125);
    top: calc(var(--cha-rem) * 0.75);
  }
  .footer_cha {
    overflow-x: visible;
  }
}

@media screen and (min-width: 768px) and (max-width: 1679px){
  :root {
    --cha-rem:16px ;
  }
}

@media screen and (min-width: 768px) and (min-width: 1680px){
  :root {
    --cha-rem:calc(var(--cha-vw)*1/105) ;
  }
}

@media not all and (min-width: 1380px){
  .pc-menu_12kokuki_cha {
    display: none;
  }
  .pc-info_12kokuki_cha {
    display: none;
  }
}

@media screen and (min-width: 1450px){
  .pc-menu_12kokuki_cha {
    background-image: url("../images/pc_menu_frame.svg");
    width: 400px;
    height: 665px;
    padding: 36px 50px;
  }
  .pc-menu_12kokuki_cha__ttl img {
    width: 128px;
  }
  .pc-menu_12kokuki_cha__nav {
    margin-top: 31px;
  }
  .pc-menu_12kokuki_cha__menu {
    font-size: 24px;
    gap: 29px;
  }
  .pc-menu_12kokuki_cha__bnr {
    margin-top: 55px;
  }
  .pc-info_12kokuki_cha {
    width: 400px;
    right: calc(50% - 40px - 240px);
  }
}

@media screen and (max-width: 1215px){
  .bg_cha.bg_cha-menu-layer {
    display: none;
  }
  .bg_cha .bg_cha-logo {
    display: none;
  }
  .bg_cha .bg_cha-menu {
    display: none;
  }
}

@media screen and (max-width: 767px){
  :root {
    --cha-pixel-ratio:1;
    --cha-design-view-width: 400px;
    --cha-contents-width: calc(var(--cha-rem)*25);
    --cha-font-size-base: calc(var(--cha-rem)*0.9375);
    --cha-border-radius: calc(var(--cha-rem)*0.625);
    --cha-border-radius-inner: calc(var(--cha-rem)*0.3125);
    --cha-rem: calc(var(--cha-vw)/25) ;
  }
  .u-display-pc {
    display: none;
  }
  .u-marker {
    padding: 0 calc(var(--cha-rem) * 0.125) calc(var(--cha-rem) * 0.125);
  }
  .u-order-1-sp {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .u-order-2-sp {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .u-order-3-sp {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .u-order-4-sp {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .u-order-5-sp {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tagline_cha {
    font-size: 11px;
    padding: 8px;
  }
  .header_cha {
    padding: 0 7px;
  }
  .header_cha-nav-list {
    margin: 0 -3px;
  }
  .header_cha-nav-link {
    font-size: 9px;
    padding: 7px 3px;
  }
  .products30th_cha-item-1 .products30th_cha-item-product-text-label-shoulderbagName .textStripe_cha-token:nth-child(2), .products30th_cha-item-1 .products30th_cha-item-product-text-label-shoulderbagName .textStripe_cha-token:nth-child(7), .products30th_cha-item-1 .products30th_cha-item-product-text-label-symbolic .textStripe_cha-token:nth-child(5), .products30th_cha-item-2 .products30th_cha-item-product-text-label-shoulderbagName .textStripe_cha-token:nth-child(2), .products30th_cha-item-2 .products30th_cha-item-product-text-label-shoulderbagName .textStripe_cha-token:nth-child(7), .products30th_cha-item-2 .products30th_cha-item-product-text-label-symbolic .textStripe_cha-token:nth-child(5) {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  .products30th_cha-item-3 .products30th_cha-item-product-text-label-acrylicstandSet .textStripe_cha-token:nth-child(8) {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  .products30th_cha-item-4 .products30th_cha-item-product-text-label-catChanged .textStripe_cha-token:nth-child(4) {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  .products30th_cha-item-4 .products30th_cha-item-product-text-label-nyanto .textStripe_cha-token:nth-child(2) {
    -webkit-transform: translate(1px, -2px);
            transform: translate(1px, -2px);
  }
  .productsP5_cha .productsP5_cha-content .productsP5_cha-content-slider-text-label-longSleeve .textStripe_cha-token:nth-child(9) {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  .velvetroom_cha .velvetroom_cha-slider-text-label-chain .textStripe_cha-token:nth-child(2), .velvetroom_cha .velvetroom_cha-slider-text-label-chain .textStripe_cha-token:nth-child(9), .velvetroom_cha .velvetroom_cha-slider-text-label-cutlery .textStripe_cha-token:nth-child(7), .velvetroom_cha .velvetroom_cha-slider-text-label-velvetroomCutlery .textStripe_cha-token:nth-child(4), .velvetroom_cha .velvetroom_cha-slider-text-label-velvetroomPlate .textStripe_cha-token:nth-child(4) {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
}

@media (hover: hover){
  .banner_cha .banner_cha-item a:hover {
    opacity: 0.8;
  }
  .btn_12kokuki_cha-frame:hover {
    text-decoration: none;
  }
  .btn_12kokuki_cha-frame2:hover {
    text-decoration: none;
  }
  .btn_12kokuki_cha--hover--opacity:hover {
    opacity: 0.6;
  }
}

@media (hover: none){
  :where(.container_cha) a:active {
    text-decoration: none;
  }
  .header_cha-nav-link:active {
    color: currentcolor;
    text-decoration: underline !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .is-bg-loading.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-line:before, .is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-line:before, .is-scroll-motion-ready .textStripe_cha:not(.is-scroll-motion-in) .textStripe_cha-line:before {
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
  .is-bg-loading.is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-text, .is-scroll-motion-ready .textStripe_cha.is-scroll-motion-in .textStripe_cha-text, .is-scroll-motion-ready .textStripe_cha:not(.is-scroll-motion-in) .textStripe_cha-text {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
  .is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img, .is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img-bg, .is-bg-loading.is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-logo, .is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img, .is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-character-img-bg, .is-scroll-motion-ready .mv_cha.is-scroll-motion-in .mv_cha-logo, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-character-img, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-character-img-bg, .is-scroll-motion-ready .mv_cha:not(.is-scroll-motion-in) .mv_cha-logo {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
  .is-scroll-motion-ready .products30th_cha-item-product.is-scroll-motion-in .products30th_cha-item-product-title, .is-scroll-motion-ready .products30th_cha-item-product:not(.is-scroll-motion-in) .products30th_cha-item-product-title {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
}

@media (resolution >= 2dppx), only screen and (min-device-pixel-ratio: 2){
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}