@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');@import url('https://use.typekit.net/jfk0cpe.css');@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Content:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.hidden {
  display: none;
}
.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false
}


:root {
  --rem: 1px;

  --font-ja: 'Noto Sans JP', sans-serif;
  --font-en: 'PT Sans', sans-serif;
  --font-en2: 'helvetica-lt-pro', sans-serif;
  --font-primary: 'shippori-mincho', sans-serif;

  --color-black: #444444;
  --color-black2: #949494;
  --color-white: #ffffff;
  --color-white2: #c8c8c8;

  --color-mineralion-primary: #0033a1;
  --color-mineralion-secondary: #ebebeb;
  --color-mineralion-third: #f2f4fa;

  interpolate-size: allow-keywords;
}
:root html,
  :root body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
  }
:root :global(.is-android) html,
    :root :global(.is-android) body {
      height: 100dvh;
    }
:root .no_scroll {
    overflow: hidden;
  }
:root .swiper-scrollbar-drag {
    background-color: #e3e3e3;
  }
:root .main * {
    text-decoration: none;
    list-style: none;
    font-feature-settings: 'palt' on;
  }
:root .init {
    width: calc(var(--rem) * 1100);
    margin-inline: auto;
  }
@media (max-width: 70em) {
:root .init {
      width: 100%;
      padding-inline: calc(var(--rem) * 20)
  }
    }
:root .pc-only {
    display: inline-block;
  }
@media (max-width: 48em) {
:root .pc-only {
      display: none
  }
    }
:root .sp-only {
    display: none;
  }
@media (max-width: 48em) {
:root .sp-only {
      display: inline-block
  }
    }
@media (max-width: 70em) {
  :root {
    --vw: calc(100vw / 1120);
    --rem: calc(100vw / 1120);
  }
}
@media (max-width: 48em) {
  :root {
    --vw: calc(100vw / 375);
    --rem: calc(100vw / 375);
  }
}
._main_1t2b1_1 {
  width: 100%;
}
._main_99te4_1 {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}
  ._main_99te4_1 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.is-android ._main_99te4_1 {
    height: 100dvh;
  }
._main_1rmou_1 {
  padding-inline: calc(var(--rem) * 10);
}
._inner_1rmou_4 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: calc(var(--rem) * 10);
  position: relative;
}
._left_1rmou_12 {
  flex-basis: 50%;
  height: auto;
  top: 0;
  display: flex;
  flex-direction: column;
}
._fv_main_1rmou_19 {
  min-height: 200vh;
}
._right_1rmou_22 {
  flex-basis: 50%;
  height: 100vh;
  background-color: var(--color-mineralion-primary);
  padding: calc(var(--rem) * 30);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
}
.is-android ._inner_1rmou_4 {
    min-height: 200dvh;
  }
.is-android ._right_1rmou_22 {
    height: 100dvh;
  }
._fv_image_1rmou_41 {
  width: 100%;
  height: 100%;
}
._fv_image_1rmou_41 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
._title_1rmou_51 {
  width: calc(var(--rem) * 251);
  aspect-ratio: 251/17.5;
}
._title_1rmou_51 svg {
    width: 100%;
    fill: var(--color-white);
  }
._description_1rmou_59 {
  width: 100%;
  flex-grow: 1;
  margin-block-start: calc(var(--rem) * 22);
  color: var(--color-white);
  leading-trim: both;
  text-edge: cap;

  /* en/reg/13-160--2% */
  font-family: var(--font-en);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
  letter-spacing: -0.26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._description_1rmou_59 p {
    display: block;
    width: calc(var(--rem) * 319);
  }
._logo_1rmou_82 {
  width: 100%;
  aspect-ratio: 644/99.6;
}
._logo_1rmou_82 svg {
    width: 100%;
    height: 100%;
    fill: var(--color-white);
  }
._text_block_1rmou_91 {
  background: var(--color-secondary);
  padding: calc(var(--rem) * 100) calc(var(--rem) * 20);
}
._text_block_title_1rmou_95 {
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 28);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 42px */
}
._text_block_description_1rmou_103 {
  margin-block-start: calc(var(--rem) * 30);
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
}
._upper_image_1rmou_112 {
  width: 100%;
}
._upper_image_1rmou_112 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
._main_c7ah0_1 {
  margin-block-start: calc(var(--rem) * 10);
  padding-inline: calc(var(--rem) * 10);
  height: 1600vh;
}
.is-android ._main_c7ah0_1 {
    height: 1200dvh;
  }
._inner_c7ah0_11 {
  display: flex;
  gap: calc(var(--rem) * 10);
  position: sticky;
  top: 0;
}
._left_c7ah0_17 {
  flex-basis: 100%;
}
._right_c7ah0_20 {
  flex-basis: 0%;
  height: auto;
  height: 100vh;
  overflow: hidden;
}
._right_c7ah0_20.active {
    display: block;
  }
._right_c7ah0_20.hide {
    display: none;
  }
._text_block_outer_c7ah0_32 {
}
._text_block_c7ah0_32 {
  width: 100%;
  height: 100vh;
  position: relative;
  position: sticky;
  top: 0;
  overflow: hidden;
}
._text_block_c7ah0_32.active ._text_block_inner_c7ah0_42 {
      opacity: 0;
    }
.is-android ._text_block_c7ah0_32 {
    height: 100dvh;
  }
._text_block_bg_c7ah0_53 {
  width: 100%;
  height: 100%;
  z-index: -1;
}
._text_block_bg_c7ah0_53 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
._text_block_inner_c7ah0_42 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 60);
  transition: all 0.7s;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._middle_left_title_c7ah0_74 {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 32);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 48px */
}
._middle_left_description_c7ah0_83 {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 28px */
}
._middle_left_btn_c7ah0_92 {
  text-align: center;
}
._middle_left_btn_c7ah0_92 a {
    display: inline-block;
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 16);
    font-style: normal;
    font-weight: 500;
    line-height: 300%; /* 48px */
    text-transform: uppercase;
    background-color: var(--color-mineralion-primary);
    padding: calc(var(--rem) * 15) calc(var(--rem) * 80);
  }
@keyframes _story_active_c7ah0_1 {
  0% {
    opacity: 0;
    height: 0;
    width: 100%;
  }
  100% {
    opacity: 1;
    height: 100vh;
    width: 100%;
  }
}
@keyframes _story_hide_c7ah0_1 {
  0% {
    opacity: 1;
    height: 100vh;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
._middle_story_outer_c7ah0_130 {
  overflow-y: scroll;
  height: 0;
  opacity: 0;
  width: 100%;
  /* &:global(.hide) { */
  /*   animation-name: story_hide; */
  /*   animation-duration: 2s; */
  /*   animation-fill-mode: forwards; */
  /* } */
}
._middle_story_outer_c7ah0_130.active {
    opacity: 1;
    height: 100vh;
  }
._middle_story_inner_c7ah0_145 {
  overflow-y: scroll;
}
._middle_story_c7ah0_130 {
  background-color: var(--color-mineralion-primary);
  padding: calc(var(--rem) * 100) calc(var(--rem) * 40);
  /* position: sticky; */
  /* top: 0; */
  height: 100%;
}
._middle_story_title_c7ah0_155 {
  color: var(--color-white);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 28);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  display: flex;
  justify-content: space-between;
  padding-block-end: calc(var(--rem) * 6);
  border-block-end: solid calc(var(--rem) * 1) var(--color-white2);
}
._middle_story_title_c7ah0_155 span {
    color: var(--color-white);
    font-family: var(--font-en2);
    font-size: calc(var(--rem) * 12);
    font-style: normal;
    font-weight: 300;
    line-height: 200%; /* 24px */
  }
._middle_story_description_c7ah0_175 {
  margin-block-start: calc(var(--rem) * 24);
  color: var(--color-white);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
}
._middle_story_lists_c7ah0_184 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 30);
  margin-block-start: calc(var(--rem) * 60);
}
._middle_story_list_c7ah0_184 {
  background-color: var(--color-white);
  padding: calc(var(--rem) * 20);
}
._middle_story_list_title_c7ah0_194 {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: calc(var(--rem) * 15);
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 21);
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 42px */
  padding-block-end: calc(var(--rem) * 8);
  border-block-end: solid 1px var(--color-white2);
}
._middle_story_list_title_c7ah0_194 span {
    color: var(--color-mineralion-primary);
    font-family: var(--font-en2);
    font-size: calc(var(--rem) * 12);
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 24px */
  }
._middle_story_list_desctiption_c7ah0_216 {
  margin-block-start: calc(var(--rem) * 15);
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
}
._bottom_c7ah0_225 {
  height: 100vh;
}
._main_9fpzn_1 {
  z-index: 10;
  height: auto;
  position: sticky;
  top: 0;
  height: 50vh;
}

.is-android ._main_9fpzn_1 {
    height: 200dvh;
  }

._lower_outer_9fpzn_14 {
  position: sticky;
  top: 0;
  left: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: sticky;
  top: 0;
}

._lower_outer_9fpzn_14.active {
    height: 50vh;
  }

._inner_9fpzn_28 {
  width: 100%;
  height: 100%;
  position: relative;
  padding-block: calc(var(--rem) * 47);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes _lower_9fpzn_14 {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: auto;
  }
}

._contents_outer_9fpzn_48 {
  width: 0;
  display: none;
}

._contents_outer_9fpzn_48 * {
    opacity: 0;
    transition: all 1.5s;
  }

._contents_outer_9fpzn_48.active {
    display: block;
  }

._contents_outer_9fpzn_48.active * {
      opacity: 1;
    }

._contents_outer_9fpzn_48.hide_child * {
      opacity: 0;
    }

._contents_outer_9fpzn_48.hide {
    opacity: 0;
    width: 0;
  }

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

._bg_9fpzn_71 img {
    width: 100%;
    height: 100%;
    display: block;
  }

._title_block_9fpzn_84 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._sub_title_9fpzn_89 {
  color: var(--color-black);
  font-family: var(--font-en2);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 24px */
}

._title_9fpzn_84 {
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 28);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 42px */
}

._contents_9fpzn_48 {
  margin-block-start: calc(var(--rem) * 90);
  display: flex;
  justify-content: space-between;
  width: calc(var(--rem) * 1061);
  margin-inline: auto;
  transition: all 1.5s;
}

._contents_9fpzn_48.active {
    width: calc(var(--rem) * 1133);
    gap: calc(var(--rem) * 9);
  }

._contents_9fpzn_48.active ._left_9fpzn_115 {
      flex-shrink: 0;
    }

._contents_9fpzn_48.active ._notification_9fpzn_118 {
      margin-block-start: calc(var(--rem) * 60);
      padding: calc(var(--rem) * 20);
      background: var(--color-mineralion-secondary);
      height: auto;
      overflow: hidden;
    }

._contents_9fpzn_48.active ._right_9fpzn_125 {
      width: calc(var(--rem) * 705);
      height: calc(var(--rem) * 547);
    }

._contents_9fpzn_48.active ._right01_9fpzn_129 {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
    }

._contents_9fpzn_48.active ._right02_9fpzn_135 {
      width: calc(var(--rem) * 705);
      height: calc(var(--rem) * 547);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) !important;
      transform-origin: center;
    }

._contents_9fpzn_48.active ._right03_9fpzn_143 {
      top: 50%;
      left: 50%;
      transform: translate(-50% -50%) !important;
      opacity: 0;
    }

._contents_9fpzn_48.active ._right04_9fpzn_149 {
      top: 50%;
      left: 50%;
      transform: translate(-50% -50%) !important;
      opacity: 0;
    }

._left_9fpzn_115 {
  border-radius: calc(var(--rem) * 5);
  overflow: hidden;
  width: calc(var(--rem) * 419);
}

._left_title_9fpzn_162 {
  background-color: var(--color-mineralion-primary);
  padding: calc(var(--rem) * 6) calc(var(--rem) * 20);
  color: var(--white, #fff);
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 24px */
}

._left_description_9fpzn_172 {
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
  padding: calc(var(--rem) * 20);
  background-color: var(--color-white);
}

._notification_9fpzn_118 {
  margin-block-start: 0;
  padding: 0;
  background: var(--color-mineralion-secondary);
  height: 0;
  overflow: hidden;
  transition: all 1.5s;
}

._notification_title_9fpzn_190 {
  color: var(--colro-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 24px */
}

._notification_description_9fpzn_198 {
  margin-block-start: calc(var(--rem) * 8);
  color: var(--colro-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 11);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 16.5px */
}

._right_9fpzn_125 {
  width: calc(var(--rem) * 550);
  height: calc(var(--rem) * 580);
  position: relative;
  transition: all 0.7s;
}

._right_9fpzn_125 img {
    position: absolute;
    border-radius: calc(var(--rem) * 5);
    background: url("<path-to-image>") lightgray -75.5px -51px / 153.737% 170.526%
      no-repeat;

    /* shadow */
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
    transition: all 1.5s;
  }

._right01_9fpzn_129 {
  width: calc(var(--rem) * 281);
  top: calc(var(--rem) * 100);
  left: calc(var(--rem) * 70);
  z-index: 1;
}

._right02_9fpzn_135 {
  width: calc(var(--rem) * 395);
  top: calc(var(--rem) * (104 + 100));
  left: calc(var(--rem) * 153);
  z-index: 4;
}

._right03_9fpzn_143 {
  width: calc(var(--rem) * 216);
  left: 0;
  top: calc(var(--rem) * (330 + 100));
  z-index: 2;
}

._right04_9fpzn_149 {
  width: calc(var(--rem) * 208);
  top: calc(var(--rem) * (300 + 100));
  right: calc(var(--rem) * 59);
  z-index: 3;
}
._main_1pgtd_1 {
  min-height: 100vh;
  margin-block-start: calc(var(--rem) * 10);
}
._inner_1pgtd_5 {
  padding-inline: calc(var(--rem) * 10);
  padding-block: calc(var(--rem) * 80) calc(var(--rem) * 120);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--rem) * 45);
}
._title_block_1pgtd_15 {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
._sub_title_1pgtd_21 {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-black);
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 24px */
}
._title_1pgtd_15 {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 28);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
}
._lists_1pgtd_39 {
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(var(--rem) * 30);
  justify-content: center;
}
._lists_1pgtd_39 ._list_1pgtd_39 {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding-inline: calc(var(--rem) * 30);
    padding-block-start: calc(var(--rem) * 30);
  }
._lists_1pgtd_39 ._list_1pgtd_39:not(:nth-child(4)) {
      border-inline-end: solid 1px var(--color-white2);
    }
._lists_1pgtd_39 ._list_1pgtd_39:nth-child(5) {
      border-inline-start: solid 1px var(--color-white2);
    }
._list_sub_title_1pgtd_58 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: calc(var(--rem) * 9);
  color: var(--color-black2);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 26px */
}
._list_num_1pgtd_72 {
  color: inherit;
  font-family: inherit;
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 28px */
}
._list_line_1pgtd_80 {
  display: inline-block;
  width: calc(var(--rem) * 1);
  height: calc(var(--rem) * 10);
  background-color: var(--color-black2);
}
._list_date_1pgtd_86 {
  color: inherit;
  font-family: inherit;
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 28px */
}
._list_title_1pgtd_94 {
  margin-block-start: calc(var(--rem) * 6);
  flex-grow: 1;
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 22);
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 44px */
}
._list_description_1pgtd_104 {
  flex-grow: 1;
  margin-block-start: calc(var(--rem) * 15);
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
}
._list_image_1pgtd_114 {
  margin-block-start: calc(var(--rem) * 15);
  width: calc(var(--rem) * 160);
  height: calc(var(--rem) * 160);
  border-radius: 100%;
  overflow: hidden;
  margin-inline: auto;
}
._list_image_1pgtd_114 img {
    width: 100%;
    height: 100%;
  }
._main_3z8r9_1 {
  height: 100vh;
  margin-block-start: calc(var(--rem) * 10);
  background-color: var(--color-mineralion-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
._inner_3z8r9_9 {
  padding-inline: calc(var(--rem) * 143);
  padding-block: calc(var(--rem) * 95);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--rem) * 60);
}
._title_block_3z8r9_19 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(var(--rem) * 10);
}
._title_3z8r9_19 {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-en);
  font-size: calc(var(--rem) * 48);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 3.84px;
}
._sub_title_3z8r9_36 {
  color: var(--color-white);
  font-family: var(--font-en);
  font-size: calc(var(--rem) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._contents_3z8r9_44 {
  display: flex;
  justify-content: space-between;
}
._left_3z8r9_48 {
  width: calc(var(--rem) * 507);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
._left_3z8r9_48 img {
    display: block;
    width: calc(var(--rem) * 398);
    height: calc(var(--rem) * 364);
    aspect-ratio: 398/364;
  }
._right_3z8r9_60 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: calc(var(--rem) * 45);
}
._price_block_3z8r9_68 {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: uppercase;
}
._price_block_3z8r9_68 span {
    font-size: calc(var(--rem) * 21);
  }
._desctiption_3z8r9_81 {
  width: calc(var(--rem) * 449);
  color: var(--color-white);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
}
._component_3z8r9_91 {
  border-block: solid 1px var(--color-white);
  padding-block: calc(var(--rem) * 18);
  width: 100%;
}
._component_description_3z8r9_96 {
  transition: all 0.7s;
  animation-delay: 0ms;
  overflow: hidden;
}
._component_inner_3z8r9_101 {
  padding-block-start: calc(var(--rem) * 36);
  color: var(--color-white);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 18px */
  text-transform: uppercase;
}
._compoenet_btn_3z8r9_111 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-white);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
  text-transform: uppercase;
}
._icon_3z8r9_124 {
  display: block;
  position: relative;
  width: calc(var(--rem) * 16);
  height: calc(var(--rem) * 16);
}
._icon_3z8r9_124.active::before {
      transform: translate(-50%, -50%) rotate(-90deg);
    }
._icon_3z8r9_124::before {
    position: absolute;
    display: block;
    content: '';
    width: calc(var(--rem) * 1);
    height: calc(var(--rem) * 16);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-white);
    transition: all 0.7s;
  }
._icon_3z8r9_124::after {
    position: absolute;
    display: block;
    content: '';
    width: calc(var(--rem) * 1);
    height: calc(var(--rem) * 16);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: var(--color-white);
  }
._btn_3z8r9_158 a {
    display: block;
    background-color: var(--color-white);
    color: var(--color-mineralion-primary);
    text-align: center;
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 16);
    font-style: normal;
    font-weight: 500;
    line-height: 300%; /* 48px */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--rem) * 17);
    padding: calc(var(--rem) * 6) calc(var(--rem) * 30);
    transition: all 0.7s;
    border: solid 1px var(--color-white);
  }
._btn_3z8r9_158 a svg {
      fill: var(--color-mineralion-primary);
      transition: all 0.7s;
    }
._btn_3z8r9_158 a:hover {
      background-color: var(--color-mineralion-primary);
      color: var(--color-white);
    }
._btn_3z8r9_158 a:hover svg {
        fill: var(--color-white);
      }
._main_1wyme_1 {
  box-sizing: border-box;
  margin-block-start: calc(var(--rem) * 10);
  margin-inline: calc(var(--rem) * 10);
  background-color: var(--color-mineralion-third);
}
._inner_1wyme_7 {
  padding-block: calc(var(--rem) * 120);
  padding-inline: calc(var(--rem) * 90);
  width: min(calc(var(--rem) * 1260), 100%);
  margin-inline: auto;
  display: flex;
  gap: calc(var(--rem) * 80);
  justify-content: space-between;
}
@media (max-width: 48em) {
._inner_1wyme_7 {
    flex-direction: column;
    gap: calc(var(--rem) * 60)
}
  }
._sub_title_1wyme_21 {
  color: var(--color-black);
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 24px */
}
._title_1wyme_29 {
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 28);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
._contents_block_1wyme_37 {
  width: calc(var(--rem) * 600);
  flex-shrink: 0;
  border-top: 1px solid var(--color-mineralion-primary);
}
@media (max-width: 48em) {
._contents_block_1wyme_37 {
    width: 100%
}
  }
._contents_1wyme_37 {
  width: calc(var(--rem) * 600);
}
._qa_block_1wyme_48 {
  padding-block: calc(var(--rem) * 18);
  border-bottom: 1px solid var(--color-mineralion-primary);
}
._question_1wyme_52 {
  cursor: pointer;
  position: relative;
  color: var(--color-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
  text-transform: uppercase;
  display: flex;
  gap: calc(var(--rem) * 10);
}
@media (max-width: 48em) {
._question_1wyme_52 {
    padding-inline-end: calc(var(--rem) * 26)
}
  }
._icon_1wyme_68 {
  color: var(--color-mineralion-primary);
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  text-transform: uppercase;
}
._btn_1wyme_77 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: calc(var(--rem) * 16);
  height: calc(var(--rem) * 16);
}
._btn_1wyme_77.active svg + svg {
        transform: rotate(0deg);
      }
._btn_1wyme_77 svg {
    position: absolute;
    fill: var(--color-mineralion-primary);
    width: calc(var(--rem) * 16);
    height: calc(var(--rem) * 1);
    top: 50%;
    left: 0;
  }
._btn_1wyme_77 svg + svg {
      transition: all 0.7s;
      transform: rotate(90deg);
    }
._answer_1wyme_105 {
  overflow: hidden;
  transition: all 0.7s;
}
._answer_inner_1wyme_109 {
  padding-block-start: calc(var(--rem) * 10);
  display: flex;
  gap: calc(var(--rem) * 12);
}
._icon_a_1wyme_114 {
  color: var(--color-black);
  font-family: var(--font-en2);
  font-size: calc(var(--rem) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  text-transform: uppercase;
}
._answer_text_1wyme_123 {
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 28px */
  text-transform: uppercase;
}
._annotatins_1wyme_133 {
  margin-block-start: calc(var(--rem) * 72);
  display: flex;
  justify-content: end;
  gap: calc(var(--rem) * 10);
  width: 100%;
}
@media (max-width: 48em) {
._annotatins_1wyme_133 {
    margin-block-start: calc(var(--rem) * 32);
    flex-direction: column;
    align-items: end
}
  }
._annotation_1wyme_145 {
  display: flex;
  gap: calc(var(--rem) * 2);
  color: var(--color-black);
  text-align: right;
  font-feature-settings: 'palt' on;
  font-family: var(--font-secondary);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
  letter-spacing: 1.2px;
}
._annotation_1wyme_145 span {
    color: inherit;
    text-align: inherit;
    font-feature-settings: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit; /* 12px */
    letter-spacing: ninherit;
  }
._body_1uob7_1 {
  display: flex;
  flex-direction: column;
}
._main_1uob7_5 {
  flex-grow: 1;
  min-height: 100vh;
}
/* margin-block-start: calc(var(--rem) * 100); */
@media (max-width: 48em) {
._main_1uob7_5 {
    padding-block-start: calc(var(--rem) * 0)
}
  }


:root {
  --rem: 1px;

  --font-products-mineralion-ja:
    '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
    '游ゴシック', 'Yu Gothic', 'Noto Sans JP', sans-serif;
  --font-products-mineralion-en: 'freight-big-pro', serif;
  --font-products-mineralion-en2: 'ivyora-display', serif;
  --font-products-mineralion-primary: 'shippori-mincho', sans-serif;
  --font-products-mineralion-secondary: 'ryo-gothic-plusn', sans-serif;
  --font-products-mineralion-third: 'itc-avant-garde-gothic-pro', sans-serif;

  --color-products-mineralion-black: #000000;
  --color-products-mineralion-black2: #333333;
  --color-products-mineralion-black3: #666666;
  --color-products-mineralion-gray: #aaaaaa;
  --color-products-mineralion-gray2: #dddddd;

  --color-products-mineralion-white: #ffffff;
  --color-products-mineralion-primary: #063e80;
  --color-products-mineralion-secondary: #f2f5f9;
  --color-products-mineralion-third: '#063E80';
  --color-products-mineralion-fourth: #868686;
  --color-products-mineralion-fifth: #8499b1;
}
:root html,
  :root body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
  }
:root :global(.is-android) html,
    :root :global(.is-android) body {
      height: 100dvh;
    }
:root .no_scroll {
    overflow: hidden;
  }
:root .swiper-scrollbar-drag {
    background-color: #e3e3e3;
  }
:root .main * {
    text-decoration: none;
    list-style: none;
    font-feature-settings: 'palt' on;
    box-sizing: border-box;
  }
:root .init {
    width: calc(var(--rem) * 1100);
    margin-inline: auto;
  }
@media (max-width: 70em) {
:root .init {
      width: 100%;
      padding-inline: calc(var(--rem) * 20)
  }
    }
:root .pc-only {
    display: inline-block;
  }
@media (max-width: 48em) {
:root .pc-only {
      display: none
  }
    }
:root .sp-only {
    display: none;
  }
@media (max-width: 48em) {
:root .sp-only {
      display: inline-block
  }
    }
@media (max-width: 70em) {
  :root {
    --vw: calc(100vw / 1120);
    --rem: calc(100vw / 1120);
  }
}
@media (max-width: 48em) {
  :root {
    --vw: calc(100vw / 375);
    --rem: calc(100vw / 375);
  }
}
.anice_main {
  margin-block-start: calc(var(--rem) * 40);
  /* width: min(calc(var(--rem) * 1110), 100%); */
  width: 86.2%;
  margin-inline: auto;
  display: flex;
  padding-block-end: calc(var(--rem) * 140);
  position: relative;
}
  @media (max-width: 48em) {.anice_main {
    flex-direction: column;
    width: 100%;
    padding-inline: calc(var(--rem) * 20);
    box-sizing: border-box
}
  }

.anice_images_outer {
  width: 49.9%;
  flex-shrink: 0;
}

@media (max-width: 48em) {

.anice_images_outer {
    width: 100%
}
  }

.anice_images {
  /* width: min(calc(var(--rem) * 575), 100%); */
  width: 100%;
  display: flex;
  gap: 0.9%;
  position: sticky;
  top: calc(var(--rem) * 100);
}

@media (max-width: 48em) {

.anice_images {
    flex-direction: column;
    position: initial;
    display: block
}
  }

.anice_thumbs_wrap {
  height: 25vw;
  max-height: 100%;
  width: 10.5% !important;
  flex-shrink: 0;
  margin: 0 !important;
}

@media (max-width: 48em) {

.anice_thumbs_wrap {
    display: none !important
}
  }

.anice_thumbs {
  /* width: calc(var(--rem) * 65); */
  width: 100%;
  display: flex;
  flex-direction: column;
}

.anice_thumb {
  width: 100%;
  box-sizing: border-box;
}

.anice_thumb:global(.swiper-slide-thumb-active) img {
      box-sizing: border-box;
      border: solid 1px var(--color-products-mineralion-black);
    }

.anice_thumb img {
    width: 100%;
  }

.anice_main_images_wrap {
  width: calc(var(--rem) * 550);
  aspect-ratio: 55/66;
  margin: 0 !important;
  flex-grow: 1;
}

@media (max-width: 48em) {

.anice_main_images_wrap {
    width: 100%
}
  }

.anice_main_images {
  width: 100%;
}

.anice_image {
  /* width: calc(var(--rem) * 500); */
  width: 100%;
}

.anice_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    box-sizing: border-box;
  }

.anice_main_swiper_nav {
  width: 100%;
  display: none;
  gap: calc(var(--rem) * 28);
  align-items: center;
  justify-content: center;
  bottom: -2em;
  z-index: 100;
  height: calc(var(--rem) * 14);
}

@media (max-width: 48em) {

.anice_main_swiper_nav {
    display: flex;
    margin-block-start: calc(var(--rem) * 16)
}
  }

.anice_main_swiper_next {
  position: relative;
  width: calc(var(--rem) * 8);
  height: calc(var(--rem) * 14);
}

.anice_main_swiper_next svg {
    display: block;
    fill: var(--color-products-mineralion-black);
    transform: rotate(180deg);
  }

.anice_main_swiper_prev {
  position: relative;
}

.anice_main_swiper_prev svg {
    display: block;
    fill: var(--color-products-mineralion-black);
  }

.anice_main_swiper_pagination {
  width: calc(var(--rem) * 20) !important;
  color: var(--color-products-mineralion-black2);
  font-family: var(--font-third);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: flex;
}

.anice_constents {
  width: min(calc(var(--rem) * 465), 100%);
}

.anice_title_block {
}

.anice_sub_title {
  color: var(--color-products-mineralion-black);
  font-family: var(--fong-third);
  font-size: calc(var(--rem) * 25);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.8px;
}

@media (max-width: 48em) {

.anice_sub_title {
    font-size: calc(var(--rem) * 16)
}
  }

.anice_title {
  color: var(--color-products-mineralion-black);
  font-family: var(--fong-third);
  font-size: calc(var(--rem) * 40);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.3px;
}

@media (max-width: 48em) {

.anice_title {
    font-size: calc(var(--rem) * 26)
}
  }

.anice_description {
  color: var(--color-products-mineralion-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 15);
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 24px */
  letter-spacing: 0.75px;
}

@media (max-width: 48em) {

.anice_description {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }

.anice_shop_block {
  margin-block-start: calc(var(--rem) * 14);
}

.anice_shop_text {
  color: var(--color-products-mineralion-black2);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  text-transform: uppercase;
}

.anice_shop_btn {
  margin-block-start: calc(var(--rem) * 10);
}

.anice_shop_btn a {
    display: inline-block;
    border: solid 1px var(--color-products-mineralion-primary);
    border-radius: calc(var(--rem) * 9999);
    padding: calc(var(--rem) * 8) calc(var(--rem) * 16);
    color: var(--color-products-mineralion-primary);
    text-align: center;
    font-feature-settings: 'palt' on;
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 14);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.7px;
    transition: all 0.7s;
  }

.anice_shop_btn a:hover {
      background-color: var(--color-products-mineralion-primary);
      color: var(--color-products-mineralion-white) !important;
      opacity: 1;
    }

.anice_shop_btn a:hover svg {
        fill: var(--color-products-mineralion-white);
        transform: translateX(100%);
      }

.anice_shop_btn a svg {
      fill: var(--color-products-mineralion-third);
      transition: all 0.7s;
    }

.anice_cart_block {
}

.anice_cart_btn_block {
  display: flex;
  gap: calc(var(--rem) * 28);
}

@media (max-width: 48em) {

.anice_cart_btn_block {
    gap: calc(var(--rem) * 21)
}
  }

.anice_cart_count_block {
  display: flex;
  gap: calc(var(--rem) * 14);
  align-items: center;
}

@media (max-width: 48em) {

.anice_cart_count_block {
    gap: calc(var(--rem) * 12)
}
  }

.anice_cart_count_block span {
    color: var(--color-products-mineralion-black2);
    text-align: center;
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 14);
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
  }

@media (max-width: 48em) {

.anice_cart_count_block span {
      font-size: calc(var(--rem) * 12);
      flex-shrink: 0
  }
    }

.anice_cart_count_block select {
    color: var(--color-products-mineralion-black2);
    font-family: var(--font-third);
    font-size: calc(var(--rem) * 16);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    width: calc(var(--rem) * 73);
    height: calc(var(--rem) * 64);
    text-align: center;
    padding: calc(var(--rem) * 10);
    box-sizing: border-box;
    border-radius: 5px;
    border: solid 1px var(--color-products-mineralion-black2);
    cursor: pointer;
  }

@media (max-width: 48em) {

.anice_cart_count_block select {
      width: calc(var(--rem) * 56);
      height: calc(var(--rem) * 49)
  }
    }

.anice_cart_btn {
  flex-grow: 1;
}

.anice_cart_btn a,
  .anice_cart_btn button {
    display: block;
    width: 100%;
    color: var(--color-products-mineralion-white);
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 16);
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-radius: calc(var(--rem) * 9999);
    background: var(--color-products-mineralion-primary);
    display: block;
    padding-block: calc(var(--rem) * 20);
    border: solid 1px var(--color-products-mineralion-primary);
    transition: all 0.7s;
    text-align: center;
  }

@media (max-width: 48em) {

.anice_cart_btn a,
  .anice_cart_btn button {
      padding: calc(var(--rem) * 14);
      font-size: calc(var(--rem) * 13);
      letter-spacing: 0.65px
  }
    }

.anice_cart_btn a:hover, .anice_cart_btn button:hover {
      color: var(--color-products-mineralion-primary);
      background-color: var(--color-products-mineralion-white);
    }

.anice_normal_choice {
  border: solid 1px;
  border-radius: calc(var(--rem) * 5);
  border: 1px solid var(--color-products-mineralion-fourth);
  background: var(--color-products-mineralion-white);
  padding-block: calc(var(--rem) * 40);
}

@media (max-width: 70em) {

.anice_normal_choice {
    padding-block: calc(var(--rem) * 20)
}
  }

@media (max-width: 48em) {

.anice_normal_choice {
    padding-block: calc(var(--rem) * 20)
}
  }

.anice_normal_choice.active {
    border: 2px solid var(--color-products-mineralion-primary);
  }

.anice_normal_choice.active .option_price {
      color: var(--color-products-mineralion-black2);
      font-weight: 700;
    }

.anice_normal_choice.active .single_choice_left {
      color: var(--color-products-mineralion-black2);
      font-weight: 700;
    }

.anice_choice_title {
  color: var(--color-products-mineralion-black2);
  text-align: center;
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--rem) * 16);
  cursor: pointer;
  transition: all 0.7s;
  padding-block-end: calc(var(--rem) * 16);
  border-bottom: solid 1px var(--color-products-mineralion-fifth);
}

.anice_choice_title:hover {
    opacity: 0.5;
  }

.anice_choice_title svg {
    fill: var(--color-products-mineralion-black2);
  }

.anice_choice_title_single label {
    display: flex;
    gap: calc(var(--rem) * 80) !important;
    justify-content: center;
    align-items: center;
  }

@media (max-width: 48em) {

.anice_choice_title_single label {
      gap: calc(var(--rem) * 54)
  }
    }

.anice_single_choice_left {
  display: flex;
  gap: calc(var(--rem) * 45);
  color: var(--color-products-mineralion-black2);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

@media (max-width: 48em) {

.anice_single_choice_left {
    font-size: calc(var(--rem) * 14);
    gap: calc(var(--rem) * 48)
}
  }

.anice_choice_block_outer {
  margin-block-start: calc(var(--rem) * 40);
}

.anice_cart_block_outer {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 40);
}

.anice_choice_block {
  margin-block-start: calc(var(--rem) * 32);
}

.anice_choice_block .choice:last-child {
      border: none;
    }

.anice_choice {
  padding-block-end: calc(var(--rem) * 24);
}

.anice_choice:not(:first-child) {
    padding-block: calc(var(--rem) * 24);
  }

.anice_choice {
  border-bottom: 1px solid #e6e6e6;
}

.anice_choice label {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
  }

.anice_check {
  display: none;
}

.anice_check:checked + .check_mark {
      border: solid calc(var(--rem) * 7) var(--color-products-mineralion-gray);
      box-sizing: border-box;
    }

.anice_check_mark {
  border: solid 1px var(--color-products-mineralion-gray);
  display: block;
  width: calc(var(--rem) * 24);
  height: calc(var(--rem) * 24);
  border-radius: 100%;
  margin-inline-end: calc(var(--rem) * 10);
  box-sizing: border-box;
  display: none;
}

@media (max-width: 48em) {

.anice_check_mark {
    width: calc(var(--rem) * 20);
    height: calc(var(--rem) * 20)
}
  }

.anice_option_name {
  margin-inline-end: calc(var(--rem) * 40);
  color: var(--color-products-mineralion-fourth);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.anice_option_price .price-item .money {
      display: flex;
      align-items: end;
      gap: calc(var(--rem) * 10);
      font-family: var(--font-third);
      font-size: calc(var(--rem) * 22);
      font-style: normal;
      font-weight: 500;
      line-height: 100%; /* 22px */
      letter-spacing: 2.2px;
      text-transform: uppercase;
    }

@media (max-width: 48em) {

.anice_option_price .price-item .money {
        font-size: calc(var(--rem) * 20);
        font-weight: 600;
        letter-spacing: 2px
    }
      }

.anice_option_price .price-item .money .tax-included {
        color: inherit;
        font-family: var(--font-ja);
        font-size: calc(var(--rem) * 14);
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
      }

@media (max-width: 48em) {

.anice_option_price .price-item .money .tax-included {
          font-size: calc(var(--rem) * 12);
          letter-spacing: 1.2px
      }
        }

.anice_hide_blocks {
  margin-block-start: calc(var(--rem) * 40);
  border-block-start: solid calc(var(--rem) * 1)
    var(--color-products-mineralion-gray);
}

.anice_hide_block {
  border-block-end: solid calc(var(--rem) * 1)
    var(--color-products-mineralion-gray);
  padding-block-end: calc(var(--rem) * 12);
}

.anice_hide_title {
  padding-block: calc(var(--rem) * 12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-end: calc(var(--rem) * 6);
  cursor: pointer;
  color: var(--color-products-mineralion-black);
  font-feature-settings: 'palt' on;

  /* Title/x-small */
  font-family: 'Noto Sans JP';
  font-size: var(--Font-size-Medium, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.8px;
  transition: all 0.7s;
}

.anice_hide_title:hover {
    opacity: 0.2;
  }

@media (max-width: 48em) {
    .anice_hide_title:hover {
      opacity: 1;
    }
  }

.anice_hide_title svg {
    fill: var(--color-products-mineralion-black);
    transform: rotate(90deg);
    transition: all 0.7s;
    width: calc(var(--rem) * 12);
    height: calc(var(--rem) * 7);
  }

.anice_hide_description_inner {
  padding-block:;
}

.anice_contents {
  width: 50%;
  padding-inline: 5.5% 5.9%;
  flex-shrink: 0;
  box-sizing: border-box;
}

@media (max-width: 48em) {

.anice_contents {
    width: 100%;
    padding: 0;
    margin-block-start: calc(var(--rem) * 40)
}
  }
._main_bh7rk_1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 50);
  margin-block-start: calc(var(--rem) * 80);
}
  @media (max-width: 48em) {._main_bh7rk_1 {
    margin-block-start: calc(var(--rem) * 40)
}
  }
._outer_bh7rk_10 {
  border-radius: calc(var(--rem) * 5);
  background: var(--color-products-mineralion-secondary);
  padding: calc(var(--rem) * 22);
}
@media (max-width: 48em) {
._outer_bh7rk_10 {
    padding: calc(var(--rem) * 16)
}
  }
._inner_bh7rk_18 {
  margin-block-start: calc(var(--rem) * 32);
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 64);
}
@media (max-width: 48em) {
    ._inner_bh7rk_18 + ._inner_bh7rk_18 {
      margin-block-start: calc(var(--rem) * 64);
    }
  }
._inner_white_bh7rk_29 {
  margin-block-start: calc(var(--rem) * 24);
  padding: calc(var(--rem) * 24);
  background-color: var(--color-white);
  border-radius: calc(var(--rem) * 16);
}
@media (max-width: 48em) {
._inner_white_bh7rk_29 {
    padding: calc(var(--rem) * 16)
}
  }
._inner_recom_bh7rk_38 {
  margin-block-start: calc(var(--rem) * 32);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--rem) * 32);
}
._inner_attention_bh7rk_45 {
  margin-block-start: calc(var(--rem) * 32);
  padding: calc(var(--rem) * 32);
  background-color: var(--color-white);
  border-radius: calc(var(--rem) * 16);
}
._features_bh7rk_51 {
}
._heading3_bh7rk_53 {
  margin: 0;
  color: var(--color-black3);
  font-family: var(--fort-third);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 8);
}
@media (max-width: 48em) {
._heading3_bh7rk_53 {
    gap: calc(var(--rem) * 10)
}
  }
._heading3_bh7rk_53::after {
    content: '';
    display: block;
    width: calc(var(--rem) * 16);
    height: calc(var(--rem) * 1);
    background-color: var(--color-gray2);
  }
._heading2_bh7rk_77 {
  margin: 0;
  margin-block-start: calc(var(--rem) * 16);
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;

  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  text-transform: capitalize;
}
._title_bh7rk_91 {
  color: var(--color-products-mineralion-primary);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 18);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 28.8px */
  letter-spacing: 0.9px;
}
@media (max-width: 48em) {
._title_bh7rk_91 {
    font-size: calc(var(--rem) * 16);
    letter-spacing: 0.8px;
    display: flex;
    gap: calc(var(--rem) * 10)
}
  }
._title_attention_bh7rk_106 {
  color: var(--color-black);
  text-align: center;

  /* boby-pc/tittle-jp-13/140 */
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 18.2px */
  text-transform: capitalize;
}
._description_bh7rk_118 {
  margin-block-start: calc(var(--rem) * 24);
  color: var(--color-black);
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 14);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.7px;
}
@media (max-width: 48em) {
._description_bh7rk_118 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._image_bh7rk_132 {
  margin-block-start: calc(var(--rem) * 24);
}
._image_bh7rk_132 img {
    width: 100%;
    display: block;
  }
._link_bh7rk_139 {
  margin-block-start: calc(var(--rem) * 32);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 48em) {
._link_bh7rk_139 {
    margin-block-start: calc(var(--rem) * 24)
}
  }
._link_bh7rk_139 a {
    background-color: var(--color-products-mineralion-primary);
    border-radius: calc(var(--rem) * 9999);
    color: var(--color-white);
    font-family: var(--font-ja);
    font-size: calc(var(--rem) * 12);
    font-style: normal;
    font-weight: 500;
    line-height: 300%; /* 36px */
    text-transform: uppercase;
    padding: calc(var(--rem) * 6) calc(var(--rem) * 46);
    display: inline-block;
    transition: all 0.7s;
    text-align: center;
  }
@media (max-width: 48em) {
._link_bh7rk_139 a {
      line-height: 160% /* 19.2px */
  }
    }
._link_bh7rk_139 a:hover {
      opacity: 0.5;
    }
._recommend_bh7rk_169 {
  display: flex;
  gap: calc(var(--rem) * 32);
  padding-block: calc(var(--rem) * 12);
  align-items: center;
}
@media (max-width: 48em) {
._recommend_bh7rk_169 {
    padding-block: 0;
    gap: calc(var(--rem) * 24)
}
  }
._recommend_reverse_bh7rk_179 {
  display: flex;
  flex-direction: row-reverse;
  gap: calc(var(--rem) * 32);
  padding-block: calc(var(--rem) * 12);
  align-items: center;
}
._recommend_image_bh7rk_186 {
  width: calc(var(--rem) * 165);
  flex-shrink: 0;
}
@media (max-width: 48em) {
._recommend_image_bh7rk_186 {
    width: calc(var(--rem) * 100)
}
  }
._recommend_image_bh7rk_186 img {
    width: 100%;
  }
._recommend_text_block_bh7rk_196 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 16);
}
._recommend_title_block_bh7rk_201 {
  display: flex;
  gap: calc(var(--rem) * 8);
  align-items: center;
  height: calc(var(--rem) * 36);
}
._recommend_title_block_bh7rk_201 span {
    color: var(--color-products-mineralion-primary);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-third);
    font-size: calc(var(--rem) * 46);
    font-style: normal;
    font-weight: 400;
    line-height: 1em; /* 64.4px */
    text-transform: capitalize;
    padding-inline-end: calc(var(--rem) * 8);
    border-inline-end: solid calc(var(--rem) * 1)
      var(--color-products-mineralion-primary);
  }
@media (max-width: 48em) {
._recommend_title_block_bh7rk_201 span {
      font-size: calc(var(--rem) * 36);
      line-height: 140% /* 50.4px */
  }
    }
._recommend_title_bh7rk_201 {
  color: var(--color-products-mineralion-primary);

  /* boby-pc/tittle-jp-13/140 */
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 18.2px */
  text-transform: capitalize;
}
._recommend_description_bh7rk_236 {
  color: var(--color-black);

  /* boby-pc/text-jp-12/180 */
  font-family: var(--font-ja);
  font-size: calc(var(--rem) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 21.6px */
  letter-spacing: 0.6px;
}

:root {
  --rem: 1px;

  --font-themarox-ja: 'Noto Sans JP', sans-serif;
  --font-themarox-en: 'PT Sans', sans-serif;
  --font-themarox-en2: 'Content', system-ui;
  --font-themarox-en3: 'Cairo', sans-serif;
  --font-themarox-en4: 'Montserrat', sans-serif;

  --color-themarox-black: #000;
  --color-themarox-black2: #363636;
  --color-themarox-black3: #4b4b4b;
  --color-themarox-white: #ffffff;
  --color-themarox-gray: #e5e5e5;
  --color-themarox-gray2: #d8d8d8;

  --color-themarox-primary: #0033a1;
  --color-themarox-secondary: #ebebeb;
  --color-themarox-third: #f2f4fa;

  --size-themarox-body: calc(var(--rem) * 15);
  --size-themarox-base: calc(var(--rem) * 15);

  --lineheight-themarox-16: 160%;
  --lineheight-themarox-17: 170%;
  --lineheight-themarox-18: 180%;
  --lineheight-themarox-19: 190%;

  /*   PC */
  /* ベース16px */
  /* 本文16〜18px */
  /* 行間1.6〜1.8 */
  /* 見出し */
  /* h1：32〜36px */
  /* h2：24〜28px */
  /* h3：20〜22px */
  /**/
  /* SP */
  /* ベース15〜16px */
  /* 本文15〜16px */
  /* 行間1.7〜1.9 */
  /* 見出し */
  /* h1：24〜28px */
  /* h2：20〜22px */
  /* h3：18〜20px */

  interpolate-size: allow-keywords;
}
:root html,
  :root body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
  }
:root :global(.is-android) html,
    :root :global(.is-android) body {
      height: 100dvh;
    }
:root .no_scroll {
    overflow: hidden;
  }
:root .swiper-scrollbar-drag {
    background-color: #e3e3e3;
  }
:root .main * {
    text-decoration: none;
    list-style: none;
    font-feature-settings: 'palt' on;
  }
:root .init {
    width: calc(var(--rem) * 1100);
    margin-inline: auto;
  }
@media (max-width: 70em) {
:root .init {
      width: 100%;
      padding-inline: calc(var(--rem) * 20)
  }
    }
:root .pc-only {
    display: inline-block;
  }
@media (max-width: 48em) {
:root .pc-only {
      display: none
  }
    }
:root .sp-only {
    display: none;
  }
@media (max-width: 48em) {
:root .sp-only {
      display: inline-block
  }
    }
@media (max-width: 70em) {
  :root {
    --vw: calc(100vw / 1120);
    --rem: calc(100vw / 1120);
  }
}
@media (max-width: 48em) {
  :root {
    --vw: calc(100vw / 375);
    --rem: calc(100vw / 375);
  }
}
._body_1y9yc_1 {
  display: flex;
  flex-direction: column;
}
._main_1y9yc_5 {
  width: 100%;
  flex-grow: 1;
  min-height: 100vh;
  background-color: var(--color-themarox-gray);
  padding: calc(var(--rem) * 32);
  box-sizing: border-box;
}
@media (max-width: 48em) {
._main_1y9yc_5 {
    padding: calc(var(--rem) * 20)
}
  }
@keyframes _main_1qamv_31 {
  0% {
  }
  50% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes _mask_1qamv_41 {
  0% {
    width: 0%;
  }
  20% {
    width: 0%;
  }
  50% {
    width: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
._main_1qamv_31 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: white;
}
._main_1qamv_31.active {
    animation: _main_1qamv_31 4s forwards;
  }
._main_1qamv_31.active ._mask_1qamv_41 {
      animation: _mask_1qamv_41 4s forwards;
    }
._inner_1qamv_46 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  aspect-ratio: 1072/189;
  transform: translate(-49%, -50%);
}
@media (max-width: 48em) {
._inner_1qamv_46 {
    width: 90%
}
  }
._inner_1qamv_46 svg {
    width: 100%;
  }
._mask_1qamv_41 {
  fill: black;
  width: 0%;
  height: 100%;
  -webkit-mask: url(#mask);
          mask: url(#mask);
  display: block;
}
._logo_svg_1qamv_68 {
  width: 100%;
  height: 100%;
  display: block;
}
._main_ou0kx_1 {
  position: relative;
  z-index: 1;
}
._image_ou0kx_5 {
  width: 100%;
  display: block;
}
._image_ou0kx_5 img {
    width: 100%;
  }
._title_block_ou0kx_12 {
  position: relative;
  z-index: 1;
  margin-block-start: calc(var(--rem) * 17);
}
@media (max-width: 48em) {
._title_block_ou0kx_12 {
    margin-block-start: calc(var(--rem) * 16);
    display: flex;
    flex-direction: column-reverse
}
  }
._title_ou0kx_12 {
  color: #363636;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 35);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 45.5px */
  letter-spacing: -1.75px;
}
@media (max-width: 48em) {
._title_ou0kx_12 {
    margin-block-start: calc(var(--rem) * 40);
    font-size: calc(var(--rem) * 20);
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: -1px
}
  }
._description_outer_ou0kx_41 {
  margin-block-start: calc(var(--rem) * 21);
  display: flex;
  justify-content: end;
}
@media (max-width: 48em) {
._description_outer_ou0kx_41 {
    justify-content: start;
    margin-block-start: calc(var(--rem) * 0)
}
  }
._description_ou0kx_41 {
  color: var(--color-themarox-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-en);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
  letter-spacing: -0.26px;
  width: calc(var(--rem) * 509);
  text-align: right;
}
@media (max-width: 48em) {
._description_ou0kx_41 {
    text-align: left;
    font-size: calc(var(--rem) * 11);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 17.6px */
    letter-spacing: -0.22px
}
  }
@keyframes _logo_show_ou0kx_1 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(calc(var(--rem) * 0%));
  }
}
._logo_outer_ou0kx_79 {
  height: 100vh;
}
@media (max-width: 48em) {
._logo_outer_ou0kx_79 {
    height: auto;
    padding-block-end: calc(var(--rem) * 16)
}
  }
._logo_wrap_ou0kx_86 {
  margin-block-start: calc(var(--rem) * 93);
  width: 100%;
  aspect-ratio: 1071/189;
  position: sticky;
  top: calc(var(--rem) * 100);
}
@media (max-width: 48em) {
._logo_wrap_ou0kx_86 {
    margin-block-start: calc(var(--rem) * 24)
}
  }
._logo_ou0kx_79 {
  width: 100%;
  width: min(calc(var(--rem) * 1071), 90%);
  aspect-ratio: 1071/189;
  overflow: hidden;
  position: absolute;
  right: 50%;
  top: 0%;
  transform: translateX(50%);
}
@media (max-width: 48em) {
._logo_ou0kx_79 {
    width: 100%
}
  }
._logo_ou0kx_79.show ._logo_inner_ou0kx_109 {
      animation-name: _logo_show_ou0kx_1;
      animation-duration: 1s;
      animation-fill-mode: forwards;
    }
._logo_inner_ou0kx_109 {
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  flex-direction: column;
  transform: translateY(100%);
  gap: calc(var(--rem) * 15);
}
._logo_inner_ou0kx_109 svg {
    width: 100%;
    aspect-ratio: 1071/189;
  }
._main_4vnja_1 {
  position: relative;
  z-index: 1;
  display: none;
}
  @media (max-width: 48em) {._main_4vnja_1 {
    padding-block-start: calc(var(--rem) * 9);
    border-block-start: 1px solid var(--color-themarox-gray2);
    display: flex;
    justify-content: end
}
  }
@media (max-width: 48em) {
._inner_4vnja_12 {
    padding-block: calc(var(--rem) * 27) calc(var(--rem) * 73);
    border-inline-start: 1px solid var(--color-themarox-gray2);
    width: 50%;
    padding-inline-start: calc(var(--rem) * 12);
    box-sizing: border-box
}
  }
._title_4vnja_21 {
  color: var(--color-black2);
  leading-trim: both;
  text-edge: cap;

  /* Regular/en/text/11-160--2% */
  font-family: var(--font-themarox-en3);
  font-size: calc(var(--rem) * 17);
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 18.7px */
  letter-spacing: -0.85px;
}
._sub_title_4vnja_35 {
  color: var(--color-black2);
  leading-trim: both;
  text-edge: cap;

  /* Regular/en/text/11-160--2% */
  font-family: var(--font-en);
  font-size: calc(var(--rem) * 11);
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  letter-spacing: -0.22px;
}
._scroll_blcok_4vnja_49 {
  display: none;
}
@media (max-width: 48em) {
._scroll_blcok_4vnja_49 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--rem) * 24) calc(var(--rem) * 40)
}
  }
._scroll_4vnja_49 {
  color: var(--color-black2);
  leading-trim: both;
  text-edge: cap;

  /* Medium/en/text/10-150-8% */
  font-family: Montserrat;
  font-size: calc(var(--rem) * 10);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 15px */
  letter-spacing: 0.8px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
}
@keyframes _fadein_5dmvw_1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._main_5dmvw_11 {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: stert;
}
@media (max-width: 48em) {
._main_5dmvw_11 {
    padding-block: calc(var(--rem) * 80);
    border-top: 1px solid var(--color-themarox-gray2);
    border-bottom: 1px solid var(--color-themarox-gray2)
}
  }
._main_5dmvw_11 {
  width: calc(var(--rem) * 580);
}
@media (max-width: 48em) {
._main_5dmvw_11 {
    width: 100%
}
  }
._sholder_5dmvw_29 {
  margin-block-start: calc(var(--rem) * 34);
  color: var(--color-themarox-black2);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 32);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 39px */
  letter-spacing: -1.5px;
  opacity: 0;
}
@media (max-width: 48em) {
._sholder_5dmvw_29 {
    font-size: calc(var(--rem) * 18);
    letter-spacing: -0.39px
}
  }
._sholder_5dmvw_29.active {
    animation-name: _fadein_5dmvw_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
._description_5dmvw_51 {
  margin-block-start: calc(var(--rem) * 64);
  opacity: 0;
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;

  /* Regular/jp/text/12-180-5% */
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 21.6px */
  letter-spacing: 0.8px;
}
@media (max-width: 48em) {
._description_5dmvw_51 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._description_5dmvw_51.active {
    animation-name: _fadein_5dmvw_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
@keyframes _images_5dmvw_85 {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
._images_5dmvw_85 {
  display: flex;
  margin-block-start: calc(var(--rem) * 100);
}
@media (max-width: 48em) {
._images_5dmvw_85 {
    justify-content: center;
    margin-block-start: calc(var(--rem) * 40);
    padding-inline-start: calc(var(--rem) * 15)
}
  }
._images_5dmvw_85.active ._image01_5dmvw_95 {
      animation-name: _images_5dmvw_85;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 1s;
    }
._images_5dmvw_85.active ._image02_5dmvw_101 {
      animation-name: _images_5dmvw_85;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 2s;
    }
._images_5dmvw_85.active ._image03_5dmvw_107 {
      animation-name: _images_5dmvw_85;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 3s;
    }
._image01_5dmvw_95 {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 48em) {
._image01_5dmvw_95 {
    width: calc(var(--rem) * 106)
}
    ._image01_5dmvw_95 img {
      width: 100%;
    }
  }
._image02_5dmvw_101 {
  transform: translateX(calc(var(--rem) * -13));
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 48em) {
._image02_5dmvw_101 {
    transform: translateX(calc(var(--rem) * -10));
    width: calc(var(--rem) * 106)
}
    ._image02_5dmvw_101 img {
      width: 100%;
    }
  }
._image03_5dmvw_107 {
  transform: translateX(calc(var(--rem) * -26));
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 48em) {
._image03_5dmvw_107 {
    width: calc(var(--rem) * 106);
    transform: translateX(calc(var(--rem) * -20))
}
    ._image03_5dmvw_107 img {
      width: 100%;
    }
  }
@keyframes _technorogy_arrow_5dmvw_169 {
  0% {
    left: 0;
  }
  30% {
    left: 30%;
  }
  33% {
    left: 30%;
  }
  60% {
    left: 60%;
  }
  66% {
    left: 60%;
  }
  100% {
    left: 96%;
  }
}
._technorogy_arrow_5dmvw_169 {
  margin-block-start: calc(var(--rem) * 15);
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
._technorogy_arrow_5dmvw_169.active ._arrow_head_5dmvw_176 {
      animation-name: _technorogy_arrow_5dmvw_169;
      animation-delay: 0.5s;
      animation-duration: 4s;
      animation-fill-mode: forwards;
    }
._technorogy_arrow_5dmvw_169.active ._arrow_body_5dmvw_182 {
      animation-name: _technorogy_arrow_5dmvw_169;
      animation-delay: 0.5s;
      animation-duration: 4s;
      animation-fill-mode: forwards;
    }
._arrow_body_5dmvw_182 {
  height: calc(var(--rem) * 1.1);
  flex-grow: 1;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  width: 100%;
}
._arrow_body_5dmvw_182 svg {
    width: 100%;
    height: 100%;
    display: block;
  }
._arrow_head_5dmvw_176 {
  flex-shrink: 0;
  width: 100%;
  height: calc(var(--rem) * 10);
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}
._arrow_head_5dmvw_176 img {
    width: 100%;
    height: 100%;
    display: block;
  }
@keyframes _fadein_1o3q4_1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._main_1o3q4_11 {
}
._num_1o3q4_13 {
  color: var(--color-themarox-black2);

  /* Regular/en/heading/70-130-0% */
  font-family: var(--font-themarox-en2);
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 91px */
  opacity: 0;
}
@media (max-width: 48em) {
._num_1o3q4_13 {
    font-size: calc(var(--rem) * 60);
    font-style: normal;
    font-weight: 400;
    line-height: 130% /* 78px */
}
  }
._num_1o3q4_13.active {
    animation-name: _fadein_1o3q4_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
._title_1o3q4_35 {
  margin-block-start: calc(var(--rem) * 24);
  color: var(--color-themarox-black2);
  leading-trim: both;
  text-edge: cap;

  /* Medium/jp/heading/50-130--5% */
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 50);
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 65px */
  letter-spacing: -2.5px;
  opacity: 0;
}
@media (max-width: 48em) {
._title_1o3q4_35 {
    margin-block-start: calc(var(--rem) * 8);
    font-size: calc(var(--rem) * 24);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 32.2px */
    letter-spacing: -0.69px
}
  }
._title_1o3q4_35.active {
    animation-name: _fadein_1o3q4_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
@keyframes _fadein_l89go_1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._main_l89go_11 {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: end;
  margin-block-start: calc(var(--rem) * -185);
}
@media (max-width: 90em) {
._main_l89go_11 {
    margin-block-start: calc(var(--rem) * 200)
}
  }
@media (max-width: 48em) {
._main_l89go_11 {
    margin-block-start: calc(var(--rem) * 0);
    padding-block: calc(var(--rem) * 80);
    border-bottom: 1px solid var(--color-themarox-gray2)
}
  }
._inner_l89go_27 {
  width: calc(var(--rem) * 673);
  position: relative;
  z-index: 1;
}
@media (max-width: 48em) {
._inner_l89go_27 {
    width: 100%
}
  }
._description_l89go_35 {
  margin-block-start: calc(var(--rem) * 64);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--rem) * 32);
  opacity: 0;
}
@media (max-width: 48em) {
._description_l89go_35 {
    margin-block-start: calc(var(--rem) * 30);
    grid-template-columns: 1fr;
    gap: 0.2em
}
  }
._description_l89go_35.active {
    animation-name: _fadein_l89go_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
._left_l89go_52 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.8px;
}
@media (max-width: 48em) {
._left_l89go_52 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._right_l89go_67 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.8px;
}
@media (max-width: 48em) {
._right_l89go_67 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._table_wrap_l89go_82 {
  margin-block-start: calc(var(--rem) * 110);
  border-block-start: solid 1px var(--color-themarox-black3);
  border-inline-start: solid 1px var(--color-themarox-black3);
  background-color: var(--color-themarox-gray);
}
@media (max-width: 48em) {
._table_wrap_l89go_82 {
    margin-block-start: calc(var(--rem) * 40)
}
  }
._table_head1_l89go_92 {
  display: flex;
  justify-content: center;
  gap: calc(var(--rem) * 19);
  border-block-end: solid 1px var(--color-themarox-black3);
  border-inline-end: solid 1px var(--color-themarox-black3);
  padding: calc(var(--rem) * 19) calc(var(--rem) * 37);
}
@media (max-width: 48em) {
._table_head1_l89go_92 {
    gap: calc(var(--rem) * 10);
    flex-direction: column
}
  }
._table_head_l89go_92 {
  display: flex;
  justify-content: space-between;
  border-block-end: solid 1px var(--color-themarox-black3);
  border-inline-end: solid 1px var(--color-themarox-black3);
  padding: calc(var(--rem) * 19) calc(var(--rem) * 37);
}
@media (max-width: 48em) {
._table_head_l89go_92 {
    gap: calc(var(--rem) * 10);
    flex-direction: column
}
  }
._table_foot_l89go_115 {
  display: flex;
  justify-content: space-between;
  border-block-end: solid 1px var(--color-themarox-black3);
  border-inline-end: solid 1px var(--color-themarox-black3);
  padding: calc(var(--rem) * 19) calc(var(--rem) * 37);
}
@media (max-width: 48em) {
._table_foot_l89go_115 {
    gap: calc(var(--rem) * 10);
    flex-direction: column
}
  }
._table_title_l89go_126 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
}
/* 14.639px */
@media (max-width: 48em) {
._table_title_l89go_126 {
    font-size: calc(var(--rem) * 15);
    text-align: center
}
  }
._table_desc_l89go_140 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 15);
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
/* 13.513px */
@media (max-width: 48em) {
._table_desc_l89go_140 {
    font-size: calc(var(--rem) * 13);
    text-align: center
}
  }
._table_body_l89go_154 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 48em) {
._table_body_l89go_154 {
    grid-template-columns: 1fr 1fr
}
  }
._table_child_l89go_161 {
  border-block-end: solid 1px var(--color-themarox-black3);
  border-inline-end: solid 1px var(--color-themarox-black3);
  padding: calc(var(--rem) * 13) calc(var(--rem) * 11);
}
._table_child_l89go_161._dark_l89go_165 {
    background-color: var(--color-themarox-gray2);
  }
._table_inner_l89go_169 {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--rem) * 12);
}
._en_l89go_177 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 15);
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
/* 13.513px */
@media (max-width: 48em) {
._en_l89go_177 {
    font-size: calc(var(--rem) * 13)
}
  }
._ja_l89go_190 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 13);
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
/* 13.513px */
@media (max-width: 48em) {
._ja_l89go_190 {
    font-size: calc(var(--rem) * 13)
}
  }
@keyframes _fadein_1emzs_1 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeOutImage_1emzs_1 {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
._main_1emzs_22 {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  margin-block-start: calc(var(--rem) * 200);
}
@media (max-width: 48em) {
._main_1emzs_22 {
    margin-block-start: calc(var(--rem) * 0);
    padding-block: calc(var(--rem) * 80);
    border-bottom: 1px solid var(--color-themarox-gray2)
}
  }
._inner_1emzs_35 {
  width: calc(var(--rem) * 666);
  position: relative;
  z-index: 1;
}
@media (max-width: 48em) {
._inner_1emzs_35 {
    width: 100%
}
  }
._description_1emzs_44 {
  margin-block-start: calc(var(--rem) * 64);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--rem) * 32);
  opacity: 0;
}
@media (max-width: 48em) {
._description_1emzs_44 {
    margin-block-start: calc(var(--rem) * 30);
    grid-template-columns: 1fr;
    gap: 1.2em
}
  }
._description_1emzs_44.active {
    animation-name: _fadein_1emzs_1;
    animation-duration: 1.3s;
    animation-fill-mode: forwards;
  }
._left_1emzs_61 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.8px;
}
@media (max-width: 48em) {
._left_1emzs_61 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._right_1emzs_76 {
  color: var(--color-black);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-themarox-ja);
  font-size: calc(var(--rem) * 16);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.8px;
}
@media (max-width: 48em) {
._right_1emzs_76 {
    font-size: calc(var(--rem) * 12);
    letter-spacing: 0.6px
}
  }
._quality_image_1emzs_91 {
  display: flex;
  justify-content: start;
  margin-block-start: calc(var(--rem) * 100);
  position: relative;
  width: calc(var(--rem) * 497);
  aspect-ratio: 497/516;
}
@media (max-width: 48em) {
._quality_image_1emzs_91 {
    width: 100%
}
  }
._quality_image_1emzs_91 svg {
    width: calc(var(--rem) * 497);
    aspect-ratio: 348/361;
  }
@media (max-width: 48em) {
._quality_image_1emzs_91 svg {
      width: 100%;
      display: block
  }
    }
._quality_image_1emzs_91 img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--rem) * 497);
    aspect-ratio: 497/516;
    z-index: 0;
  }
@media (max-width: 48em) {
._quality_image_1emzs_91 img {
      width: 100%
  }
    }
@media (max-width: 48em) {
._quality_image_1emzs_91 {
    width: 100%;
    aspect-ratio: 497/516;
    margin-block-start: calc(var(--rem) * 40)
}
  }
._quality_image_wrap_1emzs_127 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--color-themarox-gray);
}
@media (max-width: 48em) {
._quality_image_wrap_1emzs_127 {
    width: 100%
}
  }
.quality_active ._quality_image_wrap_1emzs_127 {
    animation: _fadeOutImage_1emzs_1 10s forwards;
  }
@keyframes mineral01 {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(10%, -15%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(0%, -30%);
      opacity: 0;
    }
  }
  .quality_active #mineral01 {
    animation-name: mineral01;
    animation-duration: 3s;
    animation-iteration-count: 3;
    animation-fill-mode: none;
    fill: var(--color-white);
  }
  @keyframes mineral02 {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(10%, -15%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(0%, -30%);
      opacity: 0;
    }
  }
  .quality_active #mineral02 {
    animation-name: mineral02;
    animation-duration: 4s;
    animation-delay: 0.7s;
    animation-iteration-count: 3;
    animation-fill-mode: none;
  }
  .quality_active #mineral03 {
    animation-name: mineral01;
    animation-delay: 0.3s;
    animation-duration: 3.5s;
    animation-iteration-count: 3;
    animation-fill-mode: none;
    fill: var(--color-white);
  }
  @keyframes ion01 {
    0% {
    }
    50% {
      transform: translate(20%, 17%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(40%, 5%);
      opacity: 0;
    }
  }
  @keyframes ion02 {
    0% {
    }
    50% {
      transform: translate(21%, -10%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(40%, 5%);
      opacity: 0;
    }
  }
  @keyframes ion03 {
    0% {
    }
    50% {
      transform: translate(14%, -4%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(40%, 5%);
      opacity: 0;
    }
  }
  @keyframes ion04 {
    0% {
    }
    50% {
      transform: translate(9%, 8%);
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translate(40%, 5%);
      opacity: 0;
    }
  }
  .quality_active #ion01 {
    animation-name: ion01;
    animation-delay: 0.3s;
    animation-duration: 3.5s;
    animation-iteration-count: 3;
    animation-fill-mode: backwards;
  }
  .quality_active #ion02 {
    animation-name: ion02;
    animation-delay: 0.5s;
    animation-duration: 3.5s;
    animation-iteration-count: 3;
    animation-fill-mode: backwards;
  }
  .quality_active #ion03 {
    animation-name: ion03;
    animation-delay: 0.2s;
    animation-duration: 4.5s;
    animation-iteration-count: 3;
    animation-fill-mode: backwards;
  }
  .quality_active #ion04 {
    animation-name: ion04;
    animation-delay: 0.2s;
    animation-duration: 4.5s;
    animation-iteration-count: 3;
    animation-fill-mode: backwards;
  }
  .quality_active #ion05 {
    opacity: 0.5;
    display: none;
  }
  .quality_active #ion06 {
    opacity: 0.6;
    display: none;
  }
  .quality_active #ion07 {
    opacity: 0.7;
    display: none;
  }
  .quality_active #ion08 {
    opacity: 0.8;
    display: none;
  }
  .quality_active #ion09 {
    opacity: 0.9;
    display: none;
  }
  .quality_active #ion10 {
    opacity: 0.6;
    display: none;
  }
._main_1t9tm_1 {
  margin-block-start: calc(var(--rem) * 200);
  width: 100%;
  padding-block-end: calc(var(--rem) * 100);
}
  @media (max-width: 48em) {._main_1t9tm_1 {
    padding-block-end: calc(var(--rem) * 0);
    margin-block: calc(var(--rem) * 5) calc(var(--rem) * 4);
    display: flex;
    justify-content: end
}
  }
._inner_1t9tm_12 {
  width: calc(var(--rem) * 666);
  display: flex;
  justify-content: end;
  margin-inline: auto;
}
@media (max-width: 48em) {
._inner_1t9tm_12 {
    padding-block-start: calc(var(--rem) * 132);
    padding-block-end: calc(var(--rem) * 64);
    width: 50%;
    margin-inline: 0;
    border-inline-start: 1px solid var(--color-themarox-gray2)
}
  }
._inner_1t9tm_12 a {
    display: block;
    width: calc(var(--rem) * 319);
    aspect-ratio: 319/39;
    transition: all 0.7s;
  }
@media (max-width: 48em) {
._inner_1t9tm_12 a {
      width: calc(var(--rem) * 124)
  }
    }
._inner_1t9tm_12 a:hover {
      opacity: 0.5;
    }
._main_ztilo_1 {
  max-width: calc(var(--rem) * 1376);
  margin-inline: auto;
}
._line01_ztilo_5 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: calc(50% - calc(var(--rem) * 353));
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line01_ztilo_5 {
    display: none
}
  }
._line02_ztilo_17 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: 50%;
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line02_ztilo_17 {
    display: none
}
  }
._line03_ztilo_29 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: calc(50% + calc(var(--rem) * 353));
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line03_ztilo_29 {
    display: none
}
  }
._main_ztilo_1 {
  max-width: calc(var(--rem) * 1376);
  margin-inline: auto;
}
._line01_ztilo_5 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: calc(50% - calc(var(--rem) * 353));
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line01_ztilo_5 {
    display: none
}
  }
._line02_ztilo_17 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: 50%;
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line02_ztilo_17 {
    display: none
}
  }
._line03_ztilo_29 {
  position: fixed;
  z-index: 0;
  width: calc(var(--rem) * 1);
  height: 100vh;
  top: 0;
  left: calc(50% + calc(var(--rem) * 353));
  background-color: var(--color-themarox-gray2);
}
@media (max-width: 48em) {
._line03_ztilo_29 {
    display: none
}
  }