/***
    The new CSS reset - version 1.11.2 (last updated 15.11.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, div, iframe, canvas, img, svg, video, audio, svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a,
button {
  cursor: revert;
}

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

table {
  border-collapse: collapse;
}

input,
textarea {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
     -moz-appearance: revert;
          appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  line-break: after-white-space;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

::-webkit-details-marker {
  display: none;
}

:where(a, button, summary, label, input, select, textarea):focus-visible {
  outline: var(--focus-color, -webkit-focus-ring-color) auto 1px;
}

:root {
  --init-opacity: 0;
  --base-vw: 390;
  --vw: 390px;
  --e-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --e-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --e-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --e-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --e-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --e-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --e-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --e-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --e-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --e-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --e-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --e-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --e-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --e-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --e-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --e-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --e-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --e-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --gleasing: cubic-bezier(0.4, 0, 0, 1);
  --linear: linear;
  --f-en: "Inconsolata", monospace;
  --c-white: #fff;
  --c-black: #000;
  --c-text: #204b5c;
  --c-blue: #0285b8;
  --c-blue-sub: #d6eaf1;
  --c-red: #cd464c;
  --z-base: 1000;
  --z-subnav: 1001;
  --z-menu: 1002;
  --z-header: 1003;
  --z-popup: 1004;
  --z-stalker: 1005;
  --container-width: calc(100% - 2 * var(--grid-margin));
  --grid-columns: 4;
  --grid-gutter: 16px;
  --grid-margin: 32px;
  --z-base: 0;
}

@media screen and (min-width: 768px) {
  :root {
    --base-vw: 1512;
    --vw: 1512px;
    --grid-columns: 24;
    --grid-gutter: min(48rem, 48px);
    --grid-margin: min(64px, 64rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --init-opacity: 1;
  }
}
@media (scripting: none) {
  :root {
    --init-opacity: 1;
  }
}
html {
  font-size: calc(var(--vw) / var(--base-vw));
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16rem;
  font-weight: 500;
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

a {
  display: block;
  color: currentcolor;
  cursor: pointer;
}

button {
  color: currentcolor;
  cursor: pointer;
}

details {
  cursor: pointer;
}

video,
img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

::-moz-selection {
  color: var(--c-text);
  background-color: var(--c-blue-sub);
}

::selection {
  color: var(--c-text);
  background-color: var(--c-blue-sub);
}

.preload * {
  transition: none !important;
}

.lContainer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.lMain {
  flex: 1;
}

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

@media screen and (min-width: 768px) {
  .uSpOnly {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .uPcOnly {
    display: none !important;
  }
}

.cTextLink {
  position: relative;
  overflow: hidden;
}
.cTextLink__block {
  position: relative;
  display: block;
  overflow: hidden;
}
.cTextLink__item {
  display: block;
}
.cTextLink__item:last-child {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
}
.cTextLink__item .char {
  display: inline-block;
}

@media screen and (min-width: 768px) and (any-hover: hover) {
  .cTextLink {
    --_init-arrow-x-1: -340%;
  }
  .cTextLink__item .char {
    transition: opacity 0.6s var(--e-out-expo), 0.6s var(--gleasing);
    transform: translateY(var(--_y));
  }
  .cTextLink__item:last-child {
    top: 0;
  }
  .cTextLink__item:last-child .char {
    --_y: 75%;
    opacity: 0;
  }
  .cTextLink__item:last-child .char:nth-child(even) {
    --_y: 150%;
  }
  .cTextLink:hover {
    --_init-arrow-x-1: -340%;
    --_arrow-x-1: 0%;
    --_arrow-x-2: calc(var(--_init-arrow-x-1) * -1);
  }
  .cTextLink:hover .cTextLink__item:last-child .char {
    --_y: 0%;
    opacity: 1;
  }
  .cTextLink:hover .cTextLink__item:first-child .char {
    --_y: -75%;
    opacity: 0;
  }
  .cTextLink:hover .cTextLink__item:first-child .char:nth-child(even) {
    --_y: -150%;
  }
}
.lHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  z-index: var(--z-menu);
  width: 100%;
}
.lHeader__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28rem 32rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.34) 40%, rgba(255, 255, 255, 0) 100%);
}
.lHeader__logo {
  width: 169rem;
  height: 33rem;
}
.lHeader__menu_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58rem;
  height: 44rem;
  background-color: var(--c-blue);
  border-radius: 50%;
}
.lHeader__menu_button_line {
  position: absolute;
  display: block;
  width: 20rem;
  height: 1px;
  background-color: var(--c-white);
}
.lHeader__menu_button_line:first-child, .lHeader__menu_button_line:last-child {
  transition: transform 0.6s var(--e-out-expo);
}
.lHeader__menu_button_line:first-child {
  margin-top: -6rem;
}
.lHeader__menu_button_line:last-child {
  margin-top: 7rem;
}

.is-menu-open .lHeader__menu_button_line:first-child {
  transform: translateY(max(3px, 3rem)) rotate(30deg);
}
.is-menu-open .lHeader__menu_button_line:last-child {
  transition-delay: 0.06s;
  transform: translateY(min(-3px, 3rem)) rotate(-30deg);
}

.lHeader--top {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .lHeader__inner {
    padding: 40rem 56rem 117rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.34) 41.46%, rgba(255, 255, 255, 0) 100%);
  }
  .lHeader__logo {
    width: 223rem;
    height: 43rem;
  }
  .lHeader__navList {
    display: flex;
    gap: 0 24rem;
  }
  .lHeader__navList_link {
    font-size: 14rem;
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: 0.08em;
  }
  .lHeader__nav {
    display: flex;
    gap: 30rem;
    align-items: center;
    pointer-events: pointer;
    cursor: pointer;
  }
  .lHeader__nav_shop {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 164rem;
    padding: 10rem 14rem;
    background-color: #0093dd;
  }
  .lHeader__nav_shop_text {
    position: relative;
    font-family: var(--f-en);
    font-size: 16rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--c-white);
    letter-spacing: 0.02em;
  }
  .lHeader__nav_shop_coming {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
  .lHeader__nav_shop_icon {
    width: 20rem;
    height: 18rem;
  }
}
@media (any-hover: hover) {
  .lHeader__nav_shop_title {
    transition: opacity 0.4s var(--e-out-cubic), visibility 0.4s var(--e-out-cubic);
  }
  .lHeader__nav_shop_coming {
    transition: opacity 0.4s var(--e-out-cubic), visibility 0.4s var(--e-out-cubic);
  }
  .lHeader__nav_shop:hover .lHeader__nav_shop_title {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
  .lHeader__nav_shop:hover .lHeader__nav_shop_coming {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
  }
}
/* stylelint-disable custom-property-pattern */
.lFooterContact__textarea_title {
  opacity: 0;
  transition: opacity 0.8s var(--e-out-cubic) 0.4s;
}
.lFooterContact__textarea_tels {
  opacity: 0;
  transition: opacity 0.8s var(--e-out-cubic) 0.4s;
}
.lFooterContact__textarea .clinks {
  opacity: 0;
  transition: opacity 0.8s var(--e-out-cubic) 0.4s;
}
.lFooterContact .is-show .lFooterContact__textarea_title {
  opacity: 1;
}
.lFooterContact .is-show .lFooterContact__textarea_tels {
  opacity: 1;
}
.lFooterContact .is-show .clinks {
  opacity: 1;
}

.lFooter {
  width: 100%;
}

.lFooterContact__inner {
  position: relative;
  padding: 66rem 33rem 313rem;
}
.lFooterContact__textarea_title {
  display: flex;
  flex-direction: column;
  gap: 6rem 0;
  color: var(--c-white);
}
.lFooterContact__textarea_title_en {
  font-family: var(--f-en);
  font-size: 14rem;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.lFooterContact__textarea_title_ja {
  font-size: 17rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
.lFooterContact__textarea_tels {
  margin-top: 42rem;
}
.lFooterContact__textarea_tels_text {
  margin-top: 4rem;
  font-size: 14rem;
  font-weight: 500;
  line-height: 1.8;
  color: var(--c-white);
  letter-spacing: 0.04em;
}
.lFooterContact__textarea_tel {
  display: flex;
  gap: 0 8rem;
  align-items: center;
  font-family: var(--f-en);
  line-height: 1;
  color: var(--c-white);
}
.lFooterContact__textarea_tel_text {
  padding-bottom: 3rem;
  margin-top: 6rem;
  font-size: 18rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--c-white);
}
.lFooterContact__textarea_tel_num {
  font-size: 36rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.lFooterContact__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 100%;
}
.lFooterContact .clinks {
  margin-top: 16rem;
}
.lFooterContact .clink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 326rem;
}
.lFooterContact .clink__text {
  position: relative;
  padding-bottom: 7rem;
  overflow: hidden;
  border-bottom: 1px solid var(--c-white);
}
.lFooterContact .clink__text_item {
  display: block;
  font-size: 16rem;
  font-weight: 500;
  line-height: 1;
  color: var(--c-white);
  letter-spacing: 0.02em;
}
.lFooterContact .clink__text_item:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lFooterContact .clink__text_item .char {
  display: inline-block;
}
.lFooterContact .clink .clink__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  height: 48rem;
  overflow: hidden;
  background: var(--c-red);
  border-radius: 50%;
}
.lFooterContact .clink .clink__arrow_inner {
  position: relative;
  width: 15rem;
  height: 14rem;
  color: var(--c-white);
}
.lFooterContact .clink .clink__arrow_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lFooterContact .clink .clink__arrow_image[data-id="1"] {
  transform: translateX(340%);
}

.lFooterInfo {
  padding: 0 32rem 28rem;
  margin-top: 80rem;
}
.lFooterInfo__nav_list {
  display: flex;
  flex-direction: column;
  gap: 20rem 0;
}
.lFooterInfo__nav_item_link {
  font-size: 15rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.06em;
}
.lFooterInfo__logo {
  position: relative;
  margin-top: 80rem;
}
.lFooterInfo__logo_link {
  width: 161rem;
  height: 32rem;
}
.lFooterInfo__address {
  margin-top: 16rem;
  color: var(--c-blue);
}
.lFooterInfo__address_text {
  font-size: 14rem;
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.lFooterInfo__bottom {
  margin-top: 30rem;
}
.lFooterInfo__bottom_copyright {
  display: block;
  font-family: var(--f-en);
  font-size: 14rem;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

@media screen and (min-width: 768px) {
  .lFooterContact__inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 128rem 181rem 178rem;
  }
  .lFooterContact__textarea_title_ja {
    font-size: 18rem;
    line-height: 1.66;
  }
  .lFooterContact__textarea_tels {
    margin-top: 32rem;
  }
  .lFooterContact__textarea_tels_text {
    margin-top: 8rem;
    font-size: 14rem;
  }
  .lFooterContact__textarea_tel_num {
    font-size: 39rem;
  }
  .lFooterContact .clinks {
    margin-top: 24rem;
  }
  .lFooterContact .clink {
    width: 349rem;
  }
  .lFooterContact .clink__text_item {
    font-size: 17rem;
  }
  .lFooterInfo {
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: 598rem;
         column-gap: 598rem;
    padding: 0 273rem 24rem 72rem;
    margin-top: 86rem;
  }
  .lFooterInfo__nav {
    grid-column: 2/3;
    width: 293rem;
  }
  .lFooterInfo__nav_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16rem 51rem;
  }
  .lFooterInfo__nav_item:nth-child(1) {
    order: 1;
  }
  .lFooterInfo__nav_item:nth-child(2) {
    order: 3;
    min-width: 89rem;
  }
  .lFooterInfo__nav_item:nth-child(3) {
    order: 5;
    min-width: 89rem;
  }
  .lFooterInfo__nav_item:nth-child(4) {
    order: 2;
  }
  .lFooterInfo__nav_item:nth-child(5) {
    order: 4;
  }
  .lFooterInfo__nav_item:nth-child(6) {
    order: 6;
  }
  .lFooterInfo__nav_item_link {
    font-size: 14rem;
  }
  .lFooterInfo__logo {
    grid-row: 1;
    grid-column: 1/2;
    margin-top: 0;
  }
  .lFooterInfo__logo_link {
    width: 246rem;
    height: 47rem;
  }
  .lFooterInfo__address {
    position: relative;
    z-index: 1;
    grid-row: 1;
    grid-column: 1/2;
    margin-top: 71rem;
  }
  .lFooterInfo__bottom {
    grid-row: 2;
    grid-column: 1/3;
    margin-top: 79rem;
  }
}
@media (any-hover: hover) {
  .lFooterContact .clink {
    --_init-arrow-x-1: -340%;
  }
  .lFooterContact .clink__text_item .char {
    transition: opacity 0.6s var(--e-out-expo), 0.6s var(--gleasing);
    transform: translateY(var(--_y));
  }
  .lFooterContact .clink__text_item:last-child .char {
    --_y: 75%;
    opacity: 0;
  }
  .lFooterContact .clink__text_item:last-child .char:nth-child(even) {
    --_y: 150%;
  }
  .lFooterContact .clink .clink__arrow {
    overflow: hidden;
  }
  .lFooterContact .clink .clink__arrow_image {
    transition: transform 0.6s var(--e-out-expo);
  }
  .lFooterContact .clink .clink__arrow_image[data-id="1"] {
    transform: translateX(var(--_arrow-x-1, var(--_init-arrow-x-1)));
  }
  .lFooterContact .clink .clink__arrow_image[data-id="2"] {
    transform: translateX(0%);
    transform: translateX(var(--_arrow-x-2, 0%));
  }
  .lFooterContact .clink:hover {
    --_init-arrow-x-1: -340%;
    --_arrow-x-1: 0%;
    --_arrow-x-2: calc(var(--_init-arrow-x-1) * -1);
  }
  .lFooterContact .clink:hover .clink__text_item:last-child .char {
    --_y: 0%;
    opacity: 1;
  }
  .lFooterContact .clink:hover .clink__text_item:first-child .char {
    --_y: -75%;
    opacity: 0;
  }
  .lFooterContact .clink:hover .clink__text_item:first-child .char:nth-child(even) {
    --_y: -150%;
  }
}
.cCntactLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cCntactLink__text {
  position: relative;
  padding-bottom: 7rem;
  overflow: hidden;
  border-bottom: 1px solid var(--c-white);
}
.cCntactLink__text_item {
  display: block;
  font-size: 16rem;
  font-weight: 500;
  line-height: 1;
  color: var(--c-white);
  letter-spacing: 0.02em;
}
.cCntactLink__text_item:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cCntactLink__text_item .char {
  display: inline-block;
}
.cCntactLink .cCntactLink__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  height: 48rem;
  overflow: hidden;
  background: var(--c-red);
  border-radius: 50%;
}
.cCntactLink .cCntactLink__arrow_inner {
  position: relative;
  width: 15rem;
  height: 14rem;
  color: var(--c-white);
}
.cCntactLink .cCntactLink__arrow_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cCntactLink .cCntactLink__arrow_image[data-id="1"] {
  transform: translateX(340%);
}

@media screen and (min-width: 768px) {
  .cCntactLink {
    width: 349rem;
  }
  .cCntactLink__text_item {
    font-size: 16rem;
  }
}
@media (any-hover: hover) {
  .cCntactLink {
    --_init-arrow-x-1: -340%;
  }
  .cCntactLink__text_item .char {
    transition: opacity 0.6s var(--e-out-expo), 0.6s var(--gleasing);
    transform: translateY(var(--_y));
  }
  .cCntactLink__text_item:last-child .char {
    --_y: 75%;
    opacity: 0;
  }
  .cCntactLink__text_item:last-child .char:nth-child(even) {
    --_y: 150%;
  }
  .cCntactLink .cCntactLink__arrow {
    overflow: hidden;
  }
  .cCntactLink .cCntactLink__arrow_image {
    transition: transform 0.6s var(--e-out-expo);
  }
  .cCntactLink .cCntactLink__arrow_image[data-id="1"] {
    transform: translateX(var(--_arrow-x-1, var(--_init-arrow-x-1)));
  }
  .cCntactLink .cCntactLink__arrow_image[data-id="2"] {
    transform: translateX(0%);
    transform: translateX(var(--_arrow-x-2, 0%));
  }
  .cCntactLink:hover {
    --_init-arrow-x-1: -340%;
    --_arrow-x-1: 0%;
    --_arrow-x-2: calc(var(--_init-arrow-x-1) * -1);
  }
  .cCntactLink:hover .cCntactLink__text_item:last-child .char {
    --_y: 0%;
    opacity: 1;
  }
  .cCntactLink:hover .cCntactLink__text_item:first-child .char {
    --_y: -75%;
    opacity: 0;
  }
  .cCntactLink:hover .cCntactLink__text_item:first-child .char:nth-child(even) {
    --_y: -150%;
  }
}
.cButton {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 188rem;
  padding: 8rem 16rem;
  background: var(--c-white);
}
.cButton__text {
  position: relative;
  overflow: hidden;
}
.cButton__text_item {
  display: block;
  font-size: 14rem;
  font-weight: 500;
  line-height: 1;
  color: var(--c-blue);
  letter-spacing: 0.04em;
}
.cButton__text_item:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cButton .cButton__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18rem;
  height: 14rem;
  overflow: hidden;
  background: var(--c-blue);
  border-radius: 50%;
}
.cButton .cButton__arrow_inner {
  position: relative;
  width: 15rem;
  height: 8rem;
  color: var(--c-white);
}
.cButton .cButton__arrow_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cButton .cButton__arrow_image[data-id="1"] {
  transform: translateX(200%);
}

@media (any-hover: hover) {
  .cButton {
    --_init-arrow-x-1: -200%;
  }
  .cButton__text_item .char {
    display: inline-block;
    transition: opacity 0.6s var(--e-out-expo), 0.6s var(--gleasing);
    transform: translateY(var(--_y));
  }
  .cButton__text_item:last-child .char {
    --_y: 75%;
    opacity: 0;
  }
  .cButton__text_item:last-child .char:nth-child(even) {
    --_y: 150%;
  }
  .cButton .cButton__arrow {
    overflow: hidden;
  }
  .cButton .cButton__arrow_image {
    transition: transform 0.6s var(--e-out-expo);
  }
  .cButton .cButton__arrow_image[data-id="1"] {
    transform: translateX(var(--_arrow-x-1, var(--_init-arrow-x-1)));
  }
  .cButton .cButton__arrow_image[data-id="2"] {
    transform: translateX(0%);
    transform: translateX(var(--_arrow-x-2, 0%));
  }
  .cButton:hover {
    --_init-arrow-x-1: -200%;
    --_arrow-x-1: 0%;
    --_arrow-x-2: calc(var(--_init-arrow-x-1) * -1);
  }
  .cButton:hover .cButton__text_item:last-child .char {
    --_y: 0%;
    opacity: 1;
  }
  .cButton:hover .cButton__text_item:first-child .char {
    --_y: -75%;
    opacity: 0;
  }
  .cButton:hover .cButton__text_item:first-child .char:nth-child(even) {
    --_y: -150%;
  }
}
.cMenu__inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-menu);
  overflow: auto;
  pointer-events: none;
  opacity: 0;
}
.cMenu__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 119rem;
  padding-bottom: 24rem;
}
.cMenu__content {
  width: 100%;
  padding: 0 32rem;
}
.cMenu__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--c-white);
}
.cMenu__nav_item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24rem 0;
  overflow: hidden;
}
.cMenu__nav_item_link {
  overflow: hidden;
  font-size: 16rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--c-blue);
  letter-spacing: 0.06em;
}
.cMenu .cCntactLinks {
  margin-top: 80rem;
}
.cMenu .cCntactLink {
  width: 251rem;
}
.cMenu .cCntactLink__text {
  padding-bottom: 8rem;
  border-bottom: 1px solid var(--c-blue);
}
.cMenu .cCntactLink__text_item {
  color: var(--c-blue);
}
.cMenu .cCntactLink__text_item:last-child {
  display: none;
}
.cMenu__shop {
  display: flex;
  justify-content: space-between;
  padding: 10rem 14rem;
  margin-top: 73rem;
  cursor: pointer;
  background-color: #0093dd;
}
.cMenu__shop_text {
  display: flex;
  gap: 12rem;
  font-family: var(--f-en);
  font-size: 16rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--c-white);
  letter-spacing: 0.02em;
}
.cMenu__shop_icon {
  width: 20rem;
  height: 18rem;
}

.is-menu-open .cMenu__inner {
  pointer-events: auto;
  opacity: 1;
}

.is-menu-open-end .cMenu__nav_item::after {
  transform: scaleX(1);
}