/*
* top.css
*
*/
@media (min-width: 768px) {
  .un_page_container {
    display: grid;
  }
}

.un_page_container,
.un_page_bg {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.is-splash-loading-finished .un_page_container,
.is-splash-loading-finished .un_page_bg {
  visibility: visible;
  opacity: 1;
}

.un_page_mainArea {
  overflow-x: clip;
  width: 100%;
  box-shadow: 0 0 min(3.2vw, 16px) color-mix(in srgb, var(--srk-vie-liftcream-bg-black), transparent 92%);
}
@media (min-width: 768px) {
  .un_page_mainArea {
    width: min(100vw, 500px);

    margin-inline: auto;
  }
}

.un_kv_observerCont {
  opacity: 0;
  position: absolute;
  width: min(100vw, 500px);
  pointer-events: none;

  aspect-ratio: 375/722;
}

.un_kv {
  position: sticky;
  top: 0;
  left: 0;
}

.un_kv_img {
  width: 100%;
}

.un_kv_scroll {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: min(6.4vw, 32px);
  bottom: min(6.4vw, 32px);
}
.is-min-size .un_kv_scroll {
  position: fixed;
}
@media (min-width: 768px) {
  .is-min-size .un_kv_scroll {
    right: calc((100vw - min(100vw, 500px)) / 2 + min(5.3333333333vw, 26.6666666667px));
  }
}

@-webkit-keyframes scroll_bar {
  0% {
    transform-origin: 0 0;

    scale: 1 0;
  }
  30% {
    transform-origin: 0 0;

    scale: 1 1;
  }
  51% {
    transform-origin: 0 100%;

    scale: 1 1;
  }
  82% {
    transform-origin: 0 100%;

    scale: 1 0;
  }
  100% {
    transform-origin: 0 100%;

    scale: 1 0;
  }
}

@keyframes scroll_bar {
  0% {
    transform-origin: 0 0;

    scale: 1 0;
  }
  30% {
    transform-origin: 0 0;

    scale: 1 1;
  }
  51% {
    transform-origin: 0 100%;

    scale: 1 1;
  }
  82% {
    transform-origin: 0 100%;

    scale: 1 0;
  }
  100% {
    transform-origin: 0 100%;

    scale: 1 0;
  }
}
.un_kv_scroll_bar {
  overflow: hidden;
  position: relative;
  width: 1px;
  height: 9vh;
  max-height: min(17.6vw, 88px);
  background-color: color-mix(in srgb, var(--srk-vie-liftcream-bg-white), transparent 80%);
}
.un_kv_scroll_bar::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: scroll_bar 2.2s infinite;
          animation: scroll_bar 2.2s infinite;
  background-color: var(--srk-vie-liftcream-bg-white);

  translate: -50% 0;
}

.un_kv_scroll_text {
  writing-mode: vertical-rl;
}

.un_conceptVideo {
  position: sticky;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100lvh;
}
@media (min-width: 768px) {
  .un_conceptVideo {
    width: min(100vw, 500px);
  }
}
.un_conceptVideo::after {
  content: "";
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.un_conceptVideo video,
.un_conceptVideo img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.un_concept_section {
  overflow: hidden;
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  width: 100%;
  height: 100lvh;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
}
.un_concept_section.un_concept_section01 {
  -webkit-margin-before: -100lvh;
          margin-block-start: -100lvh;
}

.un_concept_section_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;

  margin-block: auto;
}
.un_concept_section02 .un_concept_section_inner {
  -webkit-padding-before: 6.64vh;
          padding-block-start: 6.64vh;
}
.un_concept_section03 .un_concept_section_inner {
  justify-content: flex-start;

  -webkit-padding-after: 24.93vh;

          padding-block-end: 24.93vh;
}

.un_concept_section03 {
  height: auto;

  -webkit-margin-after: min(36.2666666667vw, 181.3333333333px);

          margin-block-end: min(36.2666666667vw, 181.3333333333px);
}
.un_concept_section03 .un_concept_section_inner {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.un_concept_section_txt:is(.un_concept_section_ttl + *) {
  -webkit-margin-before: 3.32vh;
          margin-block-start: 3.32vh;
}
.un_concept_section_txt + .un_concept_section_txt {
  -webkit-margin-before: 8.86vh;
          margin-block-start: 8.86vh;
}
.un_concept_section03 .un_concept_section_txt {
  -webkit-margin-before: 16.62vh;
          margin-block-start: 16.62vh;
}

.un_concept_section_note:is(.un_concept_section_txt + *) {
  margin-top: min(1.0666666667vw, 5.3333333333px);
}

.un_concept_section_moviePlayBtn {
  position: absolute;
  top: 50%;
  left: 50%;

  --_ease-change: cubic-bezier(0.39, 0.575, 0.565, 1);
  --_ease-move: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  translate: -50% -50%;
}
.un_concept_section_moviePlayBtn .bl_moviePlayBtn_bg {
  transition: scale 0.35s var(--_ease-move);

  scale: 1;
}
.un_concept_section_moviePlayBtn::before {
  content: "";
  position: absolute;
  border-radius: 50%;

  inset: max(-21.3333333333vw, -106.6666666667px);
}
@media (hover: hover) and (pointer: fine) {
  .un_concept_section_moviePlayBtn:where(:-webkit-any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    -webkit-transition: scale 0.45s var(--_ease-move);
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
  .un_concept_section_moviePlayBtn:where(:-moz-any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    -moz-transition: scale 0.45s var(--_ease-move);
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
  .un_concept_section_moviePlayBtn:where(:any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_concept_section_moviePlayBtn.is-touched .bl_moviePlayBtn_bg {
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
}

.un_conceptAbout {
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-black);
}

.un_conceptAbout_inner {
  padding-block: min(21.3333333333vw, 106.6666666667px);
}

.un_conceptAbout_cont + .un_conceptAbout_cont {
  margin-top: min(17.0666666667vw, 85.3333333333px);
}

.un_conceptAbout_txt {
  margin-top: min(4.2666666667vw, 21.3333333333px);
}

.un_conceptAbout_note {
  margin-top: min(2.9333333333vw, 14.6666666667px);
}

.un_conceptAbout_img,
.un_conceptAbout_movie {
  margin-top: min(4.2666666667vw, 21.3333333333px);
  width: 100%;
}

.un_point {
  display: grid;
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-black);

  --_point-bg-height: 100lvh;
  padding-block: min(17.0666666667vw, 85.3333333333px) 0;
}

.un_point_bg {
  position: sticky;
  top: 0;
  width: 100%;
  height: var(--_point-bg-height);

  grid-area: 1/-1;
}
.un_point_bg img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.un_point_inner {
  grid-area: 1/-1;
  -webkit-padding-after: min(32vw, 160px);
          padding-block-end: min(32vw, 160px);
}

.un_point_item + .un_point_item {
  -webkit-margin-before: min(17.0666666667vw, 85.3333333333px);
          margin-block-start: min(17.0666666667vw, 85.3333333333px);
}

.un_voice {
  overflow: clip;
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-black);
}

@-webkit-keyframes infiniteScroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-85.7142857143%, 0, 0);
  }
}

@keyframes infiniteScroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-85.7142857143%, 0, 0);
  }
}
.un_voice_kv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: infiniteScroll 50s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
          animation: infiniteScroll 50s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
}

.un_voice_kv_imgList {
  display: flex;
  flex-wrap: nowrap;
}

.un_voice_kv_img {
  flex-shrink: 0;
  width: min(100vw, 500px);
}
.un_voice_kv_img img {
  width: 100%;
}

.un_voice_inner {
  padding-block: min(21.3333333333vw, 106.6666666667px) calc(min(21.3333333333vw, 106.6666666667px) + min(11.7333333333vw, 58.6666666667px));
}

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

  gap: min(10.6666666667vw, 53.3333333333px) 0;
}

.un_voice_header_txt {
  -webkit-margin-before: min(4.2666666667vw, 21.3333333333px);
          margin-block-start: min(4.2666666667vw, 21.3333333333px);
}

.un_voice_cont {
  -webkit-margin-before: min(10.6666666667vw, 53.3333333333px);
          margin-block-start: min(10.6666666667vw, 53.3333333333px);
}

.un_usage {
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-accent);
}

.un_usage_inner {
  position: relative;

  padding-block: min(9.6vw, 48px) min(22.4vw, 112px);
}
.un_usage_inner::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -11.7333333333vw;
  left: 50%;
  border-radius: 50%;
  width: 227.7333333333vw;
  height: 227.7333333333vw;
  background-color: var(--srk-vie-liftcream-bg-accent);
  pointer-events: none;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_usage_inner::before {
    top: max(-11.7333333333vw, -58.6666666667px);
    width: min(227.7333333333vw, 1138.6666666667px);
    height: min(227.7333333333vw, 1138.6666666667px);
  }
}

.un_usage_heading {
  -webkit-margin-after: min(4.2666666667vw, 21.3333333333px);
          margin-block-end: min(4.2666666667vw, 21.3333333333px);
}

.un_usage_ttl {
  -webkit-margin-after: min(10.6666666667vw, 53.3333333333px);
          margin-block-end: min(10.6666666667vw, 53.3333333333px);
}

.un_usage_cont + .un_usage_cont {
  -webkit-margin-before: min(17.0666666667vw, 85.3333333333px);
          margin-block-start: min(17.0666666667vw, 85.3333333333px);
}

.un_usage_item + .un_usage_item {
  -webkit-margin-before: min(8.5333333333vw, 42.6666666667px);
          margin-block-start: min(8.5333333333vw, 42.6666666667px);
}

.un_usage_item_name {
  display: flex;
  align-items: center;
  white-space: pre;

  gap: 0 min(3.2vw, 16px);
  -webkit-margin-after: min(4.2666666667vw, 21.3333333333px);
          margin-block-end: min(4.2666666667vw, 21.3333333333px);
}
.un_usage_item_name::after {
  content: "";
  display: block;
  flex-grow: 1;
  position: relative;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}

.un_usage_item_cont + .un_usage_item_cont {
  -webkit-margin-before: min(4.2666666667vw, 21.3333333333px);
          margin-block-start: min(4.2666666667vw, 21.3333333333px);
}

.un_usage_list {
  -webkit-margin-before: min(11.7333333333vw, 58.6666666667px);
          margin-block-start: min(11.7333333333vw, 58.6666666667px);
}

.un_usage_box {
  padding: min(4.2666666667vw, 21.3333333333px) min(4.2666666667vw, 21.3333333333px) min(8.5333333333vw, 42.6666666667px);
  background-color: var(--srk-vie-liftcream-bg-white);

  -webkit-margin-before: min(10.6666666667vw, 53.3333333333px);

          margin-block-start: min(10.6666666667vw, 53.3333333333px);
}

.un_usage_boxCont {
  display: grid;

  grid-template-areas: "usage-box-img usage-box-name" "usage-box-img usage-box-txt";
  grid-template-columns: min(14.9333333333vw, 74.6666666667px) 1fr;
  gap: 0 min(4.2666666667vw, 21.3333333333px);
}

.un_usage_boxCont_img {
  grid-area: usage-box-img;
}

.un_usage_boxCont_name {
  grid-area: usage-box-name;
}

.un_usage_boxCont_txt {
  grid-area: usage-box-txt;
}

.un_usage_box_img {
  width: 100%;

  -webkit-margin-before: min(7.4666666667vw, 37.3333333333px);

          margin-block-start: min(7.4666666667vw, 37.3333333333px);
}
.un_usage_box_img img {
  width: 100%;
}

.un_usageVideo {
  -webkit-margin-before: min(10.6666666667vw, 53.3333333333px);
          margin-block-start: min(10.6666666667vw, 53.3333333333px);
}

.un_usageVideo_btn {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;

  --_ease-change: cubic-bezier(0.39, 0.575, 0.565, 1);
  --_ease-move: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.un_usageVideo_btn .bl_moviePlayBtn_bg {
  transition: scale 0.35s var(--_ease-move);
}
@media (hover: hover) and (pointer: fine) {
  .un_usageVideo_btn:where(:-webkit-any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    -webkit-transition: scale 0.45s var(--_ease-move);
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
  .un_usageVideo_btn:where(:-moz-any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    -moz-transition: scale 0.45s var(--_ease-move);
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
  .un_usageVideo_btn:where(:any-link, :enabled, summary):hover .bl_moviePlayBtn_bg {
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_usageVideo_btn.is-touched .bl_moviePlayBtn_bg {
    transition: scale 0.45s var(--_ease-move);

    scale: 1.03;
  }
}

.un_usageVideo_thumb {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.un_usageVideo_thumb::before {
  content: "";
  position: absolute;
  background-color: color-mix(in srgb, var(--srk-vie-liftcream-bg-black), transparent 30%);

  inset: 0;
}
.un_usageVideo_thumb img {
  width: 100%;
}

.un_usageVideo_icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;

  translate: -50% -50%;
}

.un_product {
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-black);
}

.un_product_inner {
  padding-block: min(21.3333333333vw, 106.6666666667px);
}

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

  gap: min(10.6666666667vw, 53.3333333333px) 0;
}

.un_product_header_txt {
  -webkit-margin-before: min(4.2666666667vw, 21.3333333333px);
          margin-block-start: min(4.2666666667vw, 21.3333333333px);
}

.un_product_price {
  -webkit-margin-before: min(4.2666666667vw, 21.3333333333px);
          margin-block-start: min(4.2666666667vw, 21.3333333333px);
}

.un_product_timelineList {
  display: grid;
  line-height: 1.6;

  grid-template-columns: 10.8ch 1fr;
  -webkit-margin-before: min(4.2666666667vw, 21.3333333333px);
          margin-block-start: min(4.2666666667vw, 21.3333333333px);
}

.un_product_timeline {
  display: grid;

  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 0 0.25rem;
}

.un_product_img {
  width: 100%;

  -webkit-margin-before: min(6.4vw, 32px);

          margin-block-start: min(6.4vw, 32px);
}
.un_product_img img {
  width: 100%;
}

.un_brand {
  display: grid;
  position: relative;
  z-index: var(--srk-vie-liftcream-z_index-base);
  background-color: var(--srk-vie-liftcream-bg-black);

  padding-block: 0 min(21.3333333333vw, 106.6666666667px);
}
.un_brand::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: calc(100% + 1px);
  background-color: var(--srk-vie-liftcream-bg-black);
}

.un_brand_img {
  grid-area: 1/-1;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
          mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
}
.un_brand_img img {
  width: 100%;
}

.un_brand_inner {
  z-index: 1;

  grid-area: 1/-1;
  padding-inline: min(4.8vw, 24px);
  -webkit-margin-before: min(100vw, 500px);
          margin-block-start: min(100vw, 500px);
}

.un_brand_txtBlock {
  line-height: 2.1;

  -webkit-margin-before: min(10.6666666667vw, 53.3333333333px);

          margin-block-start: min(10.6666666667vw, 53.3333333333px);
}

.un_brand_txt + .un_brand_txt {
  -webkit-margin-before: min(8.5333333333vw, 42.6666666667px);
          margin-block-start: min(8.5333333333vw, 42.6666666667px);
}

.un_brand_note {
  -webkit-margin-before: min(1.0666666667vw, 5.3333333333px);
          margin-block-start: min(1.0666666667vw, 5.3333333333px);
}

.un_brand_btn {
  display: grid;

  --_ease-change: cubic-bezier(0.39, 0.575, 0.565, 1);
  --_ease-move: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-margin-before: min(14.4vw, 72px);
          margin-block-start: min(14.4vw, 72px);
}
.un_brand_btn > a {
  display: inline-grid;
  align-items: center;
  justify-content: center;
  padding: min(4.2666666667vw, 21.3333333333px);
  border: var(--srk-vie-liftcream-border-thin);
  width: 100%;
  min-height: min(13.8666666667vw, 69.3333333333px);
  transition: border 0.2s var(--_ease-change);

  margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
  .un_brand_btn > a:where(:-webkit-any-link, :enabled, summary):hover {
    border: var(--srk-vie-liftcream-border-hover);
    -webkit-transition: border 0.3s var(--_ease-change);
    transition: border 0.3s var(--_ease-change);
  }
  .un_brand_btn > a:where(:-moz-any-link, :enabled, summary):hover {
    border: var(--srk-vie-liftcream-border-hover);
    -moz-transition: border 0.3s var(--_ease-change);
    transition: border 0.3s var(--_ease-change);
  }
  .un_brand_btn > a:where(:any-link, :enabled, summary):hover {
    border: var(--srk-vie-liftcream-border-hover);
    transition: border 0.3s var(--_ease-change);
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_brand_btn > a.is-touched {
    border: var(--srk-vie-liftcream-border-hover);
    transition: border 0.3s var(--_ease-change);
  }
}

.un_page_bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
}