@charset "UTF-8";
/* ------------------------
  reset
------------------------ */
html,
body {
  height: 100%;
}

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

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

pre,
textarea {
  overflow: auto;
}

template {
  display: none;
}

details,
main,
summary {
  display: block;
}

input[type=number] {
  width: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

ol,
ul {
  list-style: none;
}

select {
     -moz-appearance: none;
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
:root {
  --ff-outfit: "Outfit", sans-serif;
  --ff-noto: "Noto Sans JP", sans-serif;
  --liq-scale: 0.1333333333vw;
  --font-smoothing: antialiased;
  --base-background-color: #fff;
  --color-black: #000;
  --color-white: #fff;
  --color-red: #e60012;
  --color-digital: #3071b9;
  --color-energy: #00b097;
  --color-sustainable: #8ec43e;
  --color-gray: #c6c6c6;
  --color-gray02: #f0f0f0;
  --color-blue: #d4edfa;
  --color-blue02: #3071b9;
  --color-orange: #f08300;
}
@media (min-width: 768px) {
  :root {
    --liq-scale: 0.0714285714vw;
  }
}
@media (min-width: 1280px) {
  :root {
    --liq-scale: 0.1rem;
  }
}

html {
  overflow-y: inherit;
}

.page-jms {
  visibility: hidden;
  overflow-x: clip;
  opacity: 0;
  height: auto;
  background-color: var(--color-white);
  letter-spacing: 0;
  word-wrap: break-word;
  color: var(--color-black);
  font-family: var(--ff-noto);
  font-weight: 500;
  line-height: 1.7;

  -webkit-font-smoothing: var(--font-smoothing);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
.page-jms.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-jms img,
.page-jms svg {
  width: 100%;
  height: auto;
}
.page-jms a {
  text-decoration: none;
  color: var(--color-black);
}
.page-jms a:hover {
  text-decoration: none;
}
.page-jms a[href^="tel:"]:hover {
  color: var(--color-black);
}
@media (min-width: 768px) {
  .page-jms a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}
.page-jms .heading,
.page-jms p {
  margin-bottom: 0;
  letter-spacing: inherit;
  line-height: inherit;
}
.page-jms .image {
  display: inherit;
  padding-top: inherit;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-space-lineheight {
  display: block;
  padding-top: 1em;
}
@media (max-width: 767.98px) {
  .u-space-lineheight {
    padding-top: 0.7em;
  }
}
.u-space-lineheight.u-space-lineheight--half {
  padding-top: 1em;
}
@media (max-width: 767.98px) {
  .u-space-lineheight.u-space-lineheight--half {
    padding-top: 0.5em;
  }
}

.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1279.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) and (max-width: 1399.98px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1399.98px) {
  .u-hidden-down-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1400px) {
  .u-hidden-xl {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1400px) {
  .u-hidden-up-xl {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-xl {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(8px);
  }
  51% {
    opacity: 0;
    transform: translateX(-8px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(8px);
  }
  51% {
    opacity: 0;
    transform: translateX(-8px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* --------------------------------
sns-list
-------------------------------- */
.sns-list {
  display: flex;
  height: calc(40 * var(--liq-scale));

  gap: calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .sns-list {
    height: calc(60 * var(--liq-scale));

    gap: calc(40 * var(--liq-scale));
  }
}
.sns-list .item {
  height: 100%;
}
.sns-list .link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) and (pointer: fine) {
  .sns-list .link:hover {
    opacity: 0.6;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sns-list .link:hover {
    opacity: 0.6;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.sns-list .link img {
  width: auto;
  height: 100%;
}

/* --------------------------------
sticky-navigation
-------------------------------- */
.page-jms .sticky-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  z-index: 3;
  top: 0;
  padding: calc(12 * var(--liq-scale));
  background-color: #e60012;
}
.page-jms .sticky-navigation .list {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: calc(53 * var(--liq-scale));
}
.page-jms .sticky-navigation .item {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.page-jms .sticky-navigation .link {
  display: block;
  position: relative;
  padding: calc(5 * var(--liq-scale)) calc(12 * var(--liq-scale)) calc(6 * var(--liq-scale));
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  letter-spacing: 0.03em;
  color: #fff;
  font-size: calc(16 * var(--liq-scale));
  font-weight: bold;
  line-height: 1;

  --duration: 0.1s;
}
.page-jms .sticky-navigation .link.is-active {
  background-color: var(--color-white);
  color: var(--color-red);

  --duration: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .sticky-navigation .link:hover {
    opacity: 0.7;
    background-color: var(--color-white);
    color: var(--color-red);

    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .sticky-navigation .link:hover {
    opacity: 0.7;
    background-color: var(--color-white);
    color: var(--color-red);

    --duration: 0.2s;
  }
}

/* --------------------------------
object-ctn
-------------------------------- */
.page-jms .object-ctn {
  position: absolute;
  pointer-events: none;

  inset: 0;
}
.page-jms .object-ctn.-mv {
  --width-01: calc(211 * var(--liq-scale));
  --top-01: calc(-47 * var(--liq-scale));
  --x-01: calc(-1342 * var(--liq-scale)) 0;
  --width-02: calc(173 * var(--liq-scale));
  --top-02: calc(-30 * var(--liq-scale));
  --x-02: calc(-939 * var(--liq-scale)) 0;
  --width-03: calc(154 * var(--liq-scale));
  --top-03: calc(-31 * var(--liq-scale));
  --x-03: calc(-779 * var(--liq-scale)) 0;
  --width-04: calc(110 * var(--liq-scale));
  --top-04: calc(305 * var(--liq-scale));
  --x-04: calc(-1384 * var(--liq-scale)) 0;
  --width-05: calc(254 * var(--liq-scale));
  --top-05: calc(162 * var(--liq-scale));
  --x-05: calc(-974 * var(--liq-scale)) 0;
  --width-06: calc(248 * var(--liq-scale));
  --top-06: calc(407 * var(--liq-scale));
  --x-06: calc(-1224 * var(--liq-scale)) 0;
  --width-07: calc(177 * var(--liq-scale));
  --top-07: calc(539 * var(--liq-scale));
  --x-07: calc(-1374 * var(--liq-scale)) 0;
  --width-08: calc(192 * var(--liq-scale));
  --top-08: calc(774 * var(--liq-scale));
  --x-08: calc(-1385 * var(--liq-scale)) 0;
  --width-09: calc(298 * var(--liq-scale));
  --top-09: calc(573 * var(--liq-scale));
  --x-09: calc(-848 * var(--liq-scale)) 0;
  --width-10: calc(186 * var(--liq-scale));
  --top-10: calc(-88 * var(--liq-scale));
  --x-10: 0 calc(-1208 * var(--liq-scale));
  --width-11: calc(391 * var(--liq-scale));
  --top-11: calc(33 * var(--liq-scale));
  --x-11: 0 calc(-1099 * var(--liq-scale));
  --width-12: calc(169 * var(--liq-scale));
  --top-12: calc(331 * var(--liq-scale));
  --x-12: 0 calc(-862 * var(--liq-scale));
  --width-13: calc(132 * var(--liq-scale));
  --top-13: calc(504 * var(--liq-scale));
  --x-13: 0 calc(-1357 * var(--liq-scale));
  --width-14: calc(377 * var(--liq-scale));
  --top-14: calc(493 * var(--liq-scale));
  --x-14: 0 calc(-984 * var(--liq-scale));
  --width-15: calc(192 * var(--liq-scale));
  --top-15: calc(786 * var(--liq-scale));
  --x-15: 0 calc(-1207 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-01: calc(0 * var(--liq-scale));
    --top-01: calc(0 * var(--liq-scale));
    --x-01: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-02: calc(250 * var(--liq-scale));
    --top-02: calc(-50 * var(--liq-scale));
    --x-02: calc(-708 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-03: calc(190 * var(--liq-scale));
    --top-03: calc(-34 * var(--liq-scale));
    --x-03: calc(-512 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-04: calc(0 * var(--liq-scale));
    --top-04: calc(0 * var(--liq-scale));
    --x-04: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-05: calc(318 * var(--liq-scale));
    --top-05: calc(204 * var(--liq-scale));
    --x-05: calc(-753 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-06: calc(0 * var(--liq-scale));
    --top-06: calc(0 * var(--liq-scale));
    --x-06: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-07: calc(0 * var(--liq-scale));
    --top-07: calc(0 * var(--liq-scale));
    --x-07: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-08: calc(0 * var(--liq-scale));
    --top-08: calc(0 * var(--liq-scale));
    --x-08: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-09: calc(380 * var(--liq-scale));
    --top-09: calc(718 * var(--liq-scale));
    --x-09: calc(-601 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-10: calc(0 * var(--liq-scale));
    --top-10: calc(0 * var(--liq-scale));
    --x-10: 0 calc(0 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-11: calc(497 * var(--liq-scale));
    --top-11: calc(43 * var(--liq-scale));
    --x-11: 0 calc(-888 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-12: calc(210 * var(--liq-scale));
    --top-12: calc(417 * var(--liq-scale));
    --x-12: 0 calc(-580 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-13: calc(0 * var(--liq-scale));
    --top-13: calc(0 * var(--liq-scale));
    --x-13: 0 calc(0 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-14: calc(470 * var(--liq-scale));
    --top-14: calc(618 * var(--liq-scale));
    --x-14: 0 calc(-731 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-mv {
    --width-15: calc(0 * var(--liq-scale));
    --top-15: calc(0 * var(--liq-scale));
    --x-15: 0 calc(0 * var(--liq-scale));
  }
}
.page-jms .object-ctn.-about {
  --width-06: calc(372 * var(--liq-scale));
  --top-06: calc(540 * var(--liq-scale));
  --x-06: calc(-1081 * var(--liq-scale)) 0;
  --width-09: calc(381 * var(--liq-scale));
  --top-09: calc(190 * var(--liq-scale));
  --x-09: calc(1045 * var(--liq-scale)) 0;
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-about {
    --width-06: calc(302 * var(--liq-scale));
    --top-06: calc(926 * var(--liq-scale));
    --x-06: calc(-810 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-about {
    --width-09: calc(301 * var(--liq-scale));
    --top-09: calc(157 * var(--liq-scale));
    --x-09: calc(589 * var(--liq-scale)) 0;
  }
}
.page-jms .object-ctn.-topics {
  --width-01: calc(323 * var(--liq-scale));
  --top-01: calc(309 * var(--liq-scale));
  --x-01: calc(923 * var(--liq-scale)) 0;
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-topics {
    --width-01: calc(255 * var(--liq-scale));
    --top-01: calc(744 * var(--liq-scale));
    --x-01: calc(505 * var(--liq-scale)) 0;
  }
}
.page-jms .object-ctn.-contents {
  position: relative;
  z-index: 1;

  --width-10: calc(305 * var(--liq-scale));
  --top-10: calc(228 * var(--liq-scale));
  --x-10: calc(-1427 * var(--liq-scale)) 0;
  --width-13: calc(204 * var(--liq-scale));
  --top-13: calc(656 * var(--liq-scale));
  --x-13: 0 calc(-1316 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-contents {
    --width-10: calc(3 * var(--liq-scale));
    --top-10: calc(0 * var(--liq-scale));
    --x-10: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-contents {
    --width-13: calc(183 * var(--liq-scale));
    --top-13: calc(298 * var(--liq-scale));
    --x-13: 0 calc(-678 * var(--liq-scale));
  }
}
.page-jms .object-ctn.-vehicles {
  --width-12: calc(261 * var(--liq-scale));
  --top-12: calc(1594 * var(--liq-scale));
  --x-12: 0 calc(-1105 * var(--liq-scale));
  --width-16: calc(694 * var(--liq-scale));
  --top-16: calc(259 * var(--liq-scale));
  --x-16: calc(-1092 * var(--liq-scale)) 0;
  --width-17: calc(450 * var(--liq-scale));
  --top-17: calc(364 * var(--liq-scale));
  --x-17: 0 calc(-1279 * var(--liq-scale));
  --width-06: calc(450 * var(--liq-scale));
  --top-06: calc(1951 * var(--liq-scale));
  --x-06: calc(-1302 * var(--liq-scale)) 0;
  --width-18: calc(450 * var(--liq-scale));
  --top-18: calc(1158 * var(--liq-scale));
  --x-18: calc(-1299 * var(--liq-scale)) 0;
  --width-19: calc(450 * var(--liq-scale));
  --top-19: calc(1611 * var(--liq-scale));
  --x-19: 0 calc(-1289 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-12: calc(0 * var(--liq-scale));
    --top-12: calc(323 * var(--liq-scale));
    --x-12: 0 calc(923 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-16: calc(300 * var(--liq-scale));
    --top-16: calc(571 * var(--liq-scale));
    --x-16: calc(-203 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-17: calc(323 * var(--liq-scale));
    --top-17: calc(1060 * var(--liq-scale));
    --x-17: 0 calc(260 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-06: calc(0 * var(--liq-scale));
    --top-06: calc(1100 * var(--liq-scale));
    --x-06: calc(-340 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-18: calc(323 * var(--liq-scale));
    --top-18: calc(0 * var(--liq-scale));
    --x-18: calc(0 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-vehicles {
    --width-19: calc(323 * var(--liq-scale));
    --top-19: calc(4300 * var(--liq-scale));
    --x-19: 0 calc(680 * var(--liq-scale));
  }
}
.page-jms .object-ctn.-event {
  --width-06: calc(380 * var(--liq-scale));
  --top-06: calc(-136 * var(--liq-scale));
  --x-06: 0 calc(-1219 * var(--liq-scale));
  --width-01: calc(334 * var(--liq-scale));
  --top-01: calc(279 * var(--liq-scale));
  --x-01: calc(-1406 * var(--liq-scale)) 0;
  --width-14: calc(710 * var(--liq-scale));
  --top-14: calc(1361 * var(--liq-scale));
  --x-14: 0 calc(-1105 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-event {
    --width-06: calc(0 * var(--liq-scale));
    --top-06: calc(323 * var(--liq-scale));
    --x-06: 0 calc(923 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-event {
    --width-01: calc(0 * var(--liq-scale));
    --top-01: calc(323 * var(--liq-scale));
    --x-01: calc(923 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-event {
    --width-14: calc(0 * var(--liq-scale));
    --top-14: calc(323 * var(--liq-scale));
    --x-14: 0 calc(923 * var(--liq-scale));
  }
}
.page-jms .object-ctn.-event [src*=object_06] {
  transform: rotate(180deg);
}
.page-jms .object-ctn.-ewhite {
  --width-20: calc(380 * var(--liq-scale));
  --top-20: calc(389 * var(--liq-scale));
  --x-20: 0 calc(-980 * var(--liq-scale));
  --width-21: calc(479 * var(--liq-scale));
  --top-21: calc(1015 * var(--liq-scale));
  --x-21: calc(-720 * var(--liq-scale)) 0;
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-ewhite {
    --width-20: calc(0 * var(--liq-scale));
    --top-20: calc(520 * var(--liq-scale));
    --x-20: 0 calc(0 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-ewhite {
    --width-21: calc(600 * var(--liq-scale));
    --top-21: calc(1016 * var(--liq-scale));
    --x-21: calc(-610 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-ewhite {
    z-index: 2;
  }
}
.page-jms .object-ctn.-access {
  --width-07: calc(270 * var(--liq-scale));
  --top-07: calc(454 * var(--liq-scale));
  --x-07: 0 calc(-900 * var(--liq-scale));
  --width-22: calc(680 * var(--liq-scale));
  --top-22: calc(126 * var(--liq-scale));
  --x-22: calc(-1080 * var(--liq-scale)) 0;
  --width-09: calc(456 * var(--liq-scale));
  --top-09: calc(730 * var(--liq-scale));
  --x-09: calc(-849 * var(--liq-scale)) 0;
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-access {
    --width-07: calc(190 * var(--liq-scale));
    --top-07: calc(217 * var(--liq-scale));
    --x-07: 0 calc(-630 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-access {
    --width-22: calc(310 * var(--liq-scale));
    --top-22: calc(591 * var(--liq-scale));
    --x-22: calc(-289 * var(--liq-scale)) 0;
  }
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-access {
    --width-09: calc(0 * var(--liq-scale));
    --top-09: calc(323 * var(--liq-scale));
    --x-09: calc(923 * var(--liq-scale)) 0;
  }
}
.page-jms .object-ctn.-banners {
  --width-23: calc(440 * var(--liq-scale));
  --top-23: calc(-170 * var(--liq-scale));
  --x-23: 0 calc(-1070 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .object-ctn.-banners {
    --width-23: calc(323 * var(--liq-scale));
    --top-23: calc(160 * var(--liq-scale));
    --x-23: 0 calc(-589 * var(--liq-scale));
  }
}
.page-jms .object-ctn .object {
  position: absolute;
  margin: auto;

  inset: 0 0 auto;
}
.page-jms .object-ctn .object[src*=object_01] {
  top: var(--top-01, 0);
  width: var(--width-01, 50);

  inset-inline: var(--x-01, 0);
}
.page-jms .object-ctn .object[src*=object_02] {
  top: var(--top-02, 0);
  width: var(--width-02, 50);

  inset-inline: var(--x-02, 0);
}
.page-jms .object-ctn .object[src*=object_03] {
  top: var(--top-03, 0);
  width: var(--width-03, 50);

  inset-inline: var(--x-03, 0);
}
.page-jms .object-ctn .object[src*=object_04] {
  top: var(--top-04, 0);
  width: var(--width-04, 50);

  inset-inline: var(--x-04, 0);
}
.page-jms .object-ctn .object[src*=object_05] {
  top: var(--top-05, 0);
  width: var(--width-05, 50);

  inset-inline: var(--x-05, 0);
}
.page-jms .object-ctn .object[src*=object_06] {
  top: var(--top-06, 0);
  width: var(--width-06, 50);

  inset-inline: var(--x-06, 0);
}
.page-jms .object-ctn .object[src*=object_07] {
  top: var(--top-07, 0);
  width: var(--width-07, 50);

  inset-inline: var(--x-07, 0);
}
.page-jms .object-ctn .object[src*=object_08] {
  top: var(--top-08, 0);
  width: var(--width-08, 50);

  inset-inline: var(--x-08, 0);
}
.page-jms .object-ctn .object[src*=object_09] {
  top: var(--top-09, 0);
  width: var(--width-09, 50);

  inset-inline: var(--x-09, 0);
}
.page-jms .object-ctn .object[src*=object_10] {
  top: var(--top-10, 0);
  width: var(--width-10, 50);

  inset-inline: var(--x-10, 0);
}
.page-jms .object-ctn .object[src*=object_11] {
  top: var(--top-11, 0);
  width: var(--width-11, 50);

  inset-inline: var(--x-11, 0);
}
.page-jms .object-ctn .object[src*=object_12] {
  top: var(--top-12, 0);
  width: var(--width-12, 50);

  inset-inline: var(--x-12, 0);
}
.page-jms .object-ctn .object[src*=object_13] {
  top: var(--top-13, 0);
  width: var(--width-13, 50);

  inset-inline: var(--x-13, 0);
}
.page-jms .object-ctn .object[src*=object_14] {
  top: var(--top-14, 0);
  width: var(--width-14, 50);

  inset-inline: var(--x-14, 0);
}
.page-jms .object-ctn .object[src*=object_15] {
  top: var(--top-15, 0);
  width: var(--width-15, 50);

  inset-inline: var(--x-15, 0);
}
.page-jms .object-ctn .object[src*=object_16] {
  top: var(--top-16, 0);
  width: var(--width-16, 50);

  inset-inline: var(--x-16, 0);
}
.page-jms .object-ctn .object[src*=object_17] {
  top: var(--top-17, 0);
  width: var(--width-17, 50);

  inset-inline: var(--x-17, 0);
}
.page-jms .object-ctn .object[src*=object_18] {
  top: var(--top-18, 0);
  width: var(--width-18, 50);

  inset-inline: var(--x-18, 0);
}
.page-jms .object-ctn .object[src*=object_19] {
  top: var(--top-19, 0);
  width: var(--width-19, 50);

  inset-inline: var(--x-19, 0);
}
.page-jms .object-ctn .object[src*=object_20] {
  top: var(--top-20, 0);
  width: var(--width-20, 50);

  inset-inline: var(--x-20, 0);
}
.page-jms .object-ctn .object[src*=object_21] {
  top: var(--top-21, 0);
  width: var(--width-21, 50);

  inset-inline: var(--x-21, 0);
}
.page-jms .object-ctn .object[src*=object_22] {
  top: var(--top-22, 0);
  width: var(--width-22, 50);

  inset-inline: var(--x-22, 0);
}
.page-jms .object-ctn .object[src*=object_23] {
  top: var(--top-23, 0);
  width: var(--width-23, 50);

  inset-inline: var(--x-23, 0);
}

/* --------------------------------
mv-ctn
-------------------------------- */
.page-jms .mv-ctn {
  display: flex;
  overflow: clip;
  align-items: center;
  flex-direction: column;
  position: relative;
  text-align: center;

  gap: calc(77 * var(--liq-scale));
  padding-block: calc(142 * var(--liq-scale)) calc(187 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .mv-ctn {
    padding-block: calc(146 * var(--liq-scale)) calc(153 * var(--liq-scale));
  }
}
.page-jms .mv-ctn > .title {
  display: grid;

  gap: calc(71 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .mv-ctn > .title {
    gap: calc(68 * var(--liq-scale));
  }
}
.page-jms .mv-ctn > .title > img {
  width: calc(140 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .mv-ctn > .title > img {
    width: calc(174 * var(--liq-scale));
  }
}
.page-jms .mv-ctn .text {
  letter-spacing: 0.108em;
  font-size: calc(40 * var(--liq-scale));
  font-weight: 900;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .page-jms .mv-ctn .text {
    font-size: calc(55 * var(--liq-scale));
    line-height: 1.5;
  }
}
.page-jms .mv-ctn > .lead {
  font-size: calc(20 * var(--liq-scale));
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .mv-ctn > .lead {
    font-size: calc(27 * var(--liq-scale));
  }
}

/* --------------------------------
about-ctn
-------------------------------- */
.page-jms .about-ctn {
  position: relative;

  padding-block: calc(70 * var(--liq-scale)) calc(120 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn {
    padding-block: calc(140 * var(--liq-scale)) 0;
  }
}
.page-jms .about-ctn .title {
  position: relative;
  z-index: 1;
  margin-left: calc(-56 * var(--liq-scale));
  padding: calc(21 * var(--liq-scale)) calc(105 * var(--liq-scale)) calc(22 * var(--liq-scale)) calc(22 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.2em;
  color: var(--color-white);
  font-family: var(--ff-outfit);
  font-size: calc(56 * var(--liq-scale));
  font-style: italic;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn .title {
    margin-left: 0;
    padding: calc(26 * var(--liq-scale)) calc(70 * var(--liq-scale)) calc(26 * var(--liq-scale)) calc(30 * var(--liq-scale));
    font-size: calc(67 * var(--liq-scale));
  }
}
.page-jms .about-ctn .titlebg {
  position: absolute;
  z-index: -1;
  margin-left: calc(50% - 50vw);
  background-image: url(/japanmobilityshow2025/img/top/about_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  inset: 0;
}
.page-jms .about-ctn .textbox {
  display: grid;
  padding-top: calc(22 * var(--liq-scale));

  gap: calc(36 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn .textbox {
    padding-top: calc(50 * var(--liq-scale));

    gap: calc(64 * var(--liq-scale));
  }
}
.page-jms .about-ctn .br {
  display: block;
  padding-top: 2em;
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn .br {
    padding-top: 2.2em;
  }
}
.page-jms .about-ctn .text {
  text-align: center;
  letter-spacing: 0.04em;
  font-size: calc(18 * var(--liq-scale));
  line-height: 1.92;
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn .text {
    letter-spacing: 0;
    text-wrap: nowrap;
    font-size: calc(30 * var(--liq-scale));
    line-height: 2.2;
  }
}
.page-jms .about-ctn .lead {
  text-align: center;
  letter-spacing: -0.1em;
  font-size: calc(34 * var(--liq-scale));
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .page-jms .about-ctn .lead {
    letter-spacing: -0.03em;
    font-size: calc(50 * var(--liq-scale));
  }
}

/* --------------------------------
topics-ctn
-------------------------------- */
.page-jms .topics-ctn {
  position: relative;

  padding-inline: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn {
    padding-top: 75px;

    padding-inline: 0;
  }
}
.page-jms .topics-ctn .box {
  display: grid;
  padding: calc(90 * var(--liq-scale)) var(--padding-right) calc(99 * var(--liq-scale)) calc(99 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid var(--color-gray02);
  max-width: calc(1000 * var(--liq-scale));
  background-color: var(--color-gray02);

  --padding-right: calc(40 * var(--liq-scale));
  --gap: calc(47 * var(--liq-scale));
  grid-template-columns: 100fr 69fr;
  gap: var(--gap);
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .box {
    position: relative;
    padding: calc(84 * var(--liq-scale)) calc(40 * var(--liq-scale)) calc(74 * var(--liq-scale));

    --gap: calc(56 * var(--liq-scale));
    grid-template-columns: 1fr;
  }
}
.page-jms .topics-ctn .linkarea {
  display: grid;

  grid-template-rows: auto auto 1fr;
  gap: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .linkarea {
    gap: calc(73 * var(--liq-scale));
    padding-inline: calc(32 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .link {
  display: flex;
  align-items: center;
  position: relative;
  padding: calc(4 * var(--liq-scale));
  width: 100%;
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--main-color);
  letter-spacing: 0.06em;
  color: var(--sub-color);
  font-size: calc(20 * var(--liq-scale));
  line-height: 1.7;

  --duration: 0.1s;
  --icon-width: calc(30 * var(--liq-scale));
  --icon-height: calc(30 * var(--liq-scale));
  --main-color: var(--color-red);
  --sub-color: var(--color-white);
  gap: calc(48 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .link {
    padding: calc(6 * var(--liq-scale));
    letter-spacing: 0;
    font-size: calc(26 * var(--liq-scale));

    gap: calc(58 * var(--liq-scale));
    --icon-width: calc(35 * var(--liq-scale));
    --icon-height: calc(35 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .topics-ctn .link:hover {
    --main-color: var(--color-white);
    --sub-color: var(--color-red);
    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .topics-ctn .link:hover {
    --main-color: var(--color-white);
    --sub-color: var(--color-red);
    --duration: 0.2s;
  }
}
.page-jms .topics-ctn .link::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: var(--icon-width);
  height: var(--icon-height);
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--sub-color);

  inset: 0 calc(36 * var(--liq-scale)) 0 auto;
  margin-block: auto;
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .link::before {
    right: calc(44 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .link::after {
  content: "";
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-height);
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--main-color);

  inset: 0 calc(36 * var(--liq-scale)) 0 auto;
  margin-block: auto;
  -webkit-mask-image: url(/japanmobilityshow2025/img/top/icon_arrow.svg);
          mask-image: url(/japanmobilityshow2025/img/top/icon_arrow.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .link::after {
    right: calc(44 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .linkimage {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: calc(142 * var(--liq-scale));
  height: calc(142 * var(--liq-scale));
  background-color: var(--color-white);
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .linkimage {
    width: calc(178 * var(--liq-scale));
    height: calc(178 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .linkimage img[src*=icon_x] {
  width: calc(63 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .linkimage img[src*=icon_x] {
    width: calc(77 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .linkimage img[src*=icon_instagram] {
  width: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .linkimage img[src*=icon_instagram] {
    width: calc(77 * var(--liq-scale));
  }
}
.page-jms .topics-ctn .textbox {
  padding-block: calc(45 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .textbox {
    z-index: 1;

    grid-row: 1/2;
    padding-block: 0;
  }
}
.page-jms .topics-ctn .title {
  position: relative;
  z-index: 1;
  padding: calc(9 * var(--liq-scale)) calc(44 * var(--liq-scale));
  letter-spacing: 0.2em;
  color: var(--color-white);
  font-family: var(--ff-outfit);
  font-size: calc(40 * var(--liq-scale));
  font-style: italic;
  line-height: 1;

  margin-inline: calc((0 * var(--liq-scale)) - var(--gap)) calc((0 * var(--liq-scale)) - var(--padding-right));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .title {
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(14 * var(--liq-scale)) calc(76 * var(--liq-scale)) calc(14 * var(--liq-scale)) calc(64 * var(--liq-scale));
    transform: translateY(-50%);
    font-size: calc(67 * var(--liq-scale));

    margin-inline: auto;
  }
}
.page-jms .topics-ctn .titlebg {
  position: absolute;
  z-index: -1;
  background-image: url(/japanmobilityshow2025/img/top/topics_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  inset: 0;
}
.page-jms .topics-ctn .text {
  letter-spacing: 0.05em;
  color: #1eac4b;
  font-size: calc(18 * var(--liq-scale));
  font-weight: bold;
  line-height: 2.7;

  padding-block: calc(34 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .topics-ctn .text {
    text-align: center;
    font-size: calc(36 * var(--liq-scale));
    line-height: 2.5;

    padding-block: 0;
  }
}

/* --------------------------------
contents-ctn
-------------------------------- */
.page-jms .contents-ctn {
  overflow: clip;
  position: relative;

  -webkit-padding-before: calc(70 * var(--liq-scale));

          padding-block-start: calc(70 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn {
    -webkit-padding-before: calc(144 * var(--liq-scale));
            padding-block-start: calc(144 * var(--liq-scale));
  }
}
.page-jms .contents-ctn .title {
  position: relative;
  z-index: 2;
  margin-left: calc(-120 * var(--liq-scale));
  padding: calc(27 * var(--liq-scale)) calc(100 * var(--liq-scale)) calc(27 * var(--liq-scale)) calc(18 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.2em;
  color: var(--color-white);
  font-family: var(--ff-outfit);
  font-size: calc(56 * var(--liq-scale));
  font-style: italic;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .title {
    margin-left: calc(50% - 50vw);
    padding: calc(32 * var(--liq-scale)) calc(56 * var(--liq-scale)) calc(32 * var(--liq-scale)) calc(56 * var(--liq-scale));
    font-size: calc(68 * var(--liq-scale));
  }
}
.page-jms .contents-ctn .titlebg {
  position: absolute;
  z-index: -1;
  margin-left: calc(50% - 50vw);
  background-image: url(/japanmobilityshow2025/img/top/contents_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  inset: 0;
}
.page-jms .contents-ctn .contentsheader {
  display: grid;
  position: relative;
  z-index: 1;
  margin-top: calc(-55 * var(--liq-scale));
  margin-left: calc(-41 * var(--liq-scale));

  grid-template-rows: auto 1fr;
  grid-template-columns: 87fr 100fr;
  gap: calc(50 * var(--liq-scale)) calc(70 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .contentsheader {
    margin-top: 0;
    margin-left: 0;

    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-inline: calc(50% - 50vw);
  }
}
.page-jms .contents-ctn .floor {
  margin-top: calc(170 * var(--liq-scale));

  grid-row: 1/3;
  grid-column: 1/2;
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .floor {
    margin-top: calc(36 * var(--liq-scale));
    margin-right: calc(-46 * var(--liq-scale));

    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.page-jms .contents-ctn .headerimage {
  grid-row: 1/2;
  grid-column: 1/3;
  margin-inline: calc(281 * var(--liq-scale)) calc(-200 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .headerimage {
    margin-top: calc(12 * var(--liq-scale));

    grid-row: 2/3;
    grid-column: 2/3;
    margin-inline: calc(-250 * var(--liq-scale)) 0;
  }
}
.page-jms .contents-ctn .headertextbox {
  display: grid;

  grid-template-rows: auto 1fr;
  grid-row: 2/3;
  grid-column: 2/3;
  gap: calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .headertextbox {
    padding: calc(66 * var(--liq-scale)) calc(64 * var(--liq-scale));

    grid-row: 1/2;
    grid-column: 1/3;
    gap: calc(24 * var(--liq-scale));
  }
}
.page-jms .contents-ctn .headerlead {
  color: var(--color-blue02);
  font-size: calc(23 * var(--liq-scale));
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .headerlead {
    letter-spacing: 0.1em;
    font-size: calc(36 * var(--liq-scale));
  }
}
.page-jms .contents-ctn .headertext {
  font-size: calc(18 * var(--liq-scale));
  font-weight: bold;
  line-height: 2.1;
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .headertext {
    font-size: calc(30 * var(--liq-scale));
    line-height: 1.8;
  }
}
.page-jms .contents-ctn .details {
  position: relative;
  margin-top: calc(-64 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .contents-ctn .details {
    margin-top: calc(-222 * var(--liq-scale));
  }
}
.page-jms .contents-ctn .detailsbackground {
  position: absolute;
  background-color: var(--color-blue);

  inset: 0;
}

/* --------------------------------
contents-ctn
-------------------------------- */
.page-jms .vehicles-ctn {
  position: relative;

  padding-block: calc(119 * var(--liq-scale)) calc(50 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn {
    padding-block: calc(346 * var(--liq-scale)) calc(120 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .vehiclestitle {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-family: var(--ff-outfit);
  font-size: calc(90 * var(--liq-scale));
  font-weight: 400;
  line-height: 1;

  inset: calc(-17 * var(--liq-scale)) calc(-557 * var(--liq-scale)) auto 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .vehiclestitle {
    z-index: 14;
    width: auto;
    font-size: calc(110 * var(--liq-scale));
    line-height: 1.15;

    inset: calc(-28 * var(--liq-scale)) calc(10 * var(--liq-scale)) auto calc(448 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .grid-sizer,
.page-jms .vehicles-ctn .card {
  box-sizing: border-box;
  width: calc((100% - (60 * var(--liq-scale))) / 2);
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .grid-sizer,
  .page-jms .vehicles-ctn .card {
    width: 100%;
  }
}
.page-jms .vehicles-ctn .gutter-sizer {
  width: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .gutter-sizer {
    width: 0;
  }
}
.page-jms .vehicles-ctn .card {
  position: relative;
  margin-bottom: calc(60 * var(--liq-scale));
  padding: calc(36 * var(--liq-scale)) calc(40 * var(--liq-scale)) calc(40 * var(--liq-scale));
  background-color: var(--color-white);
  box-shadow: calc(8 * var(--liq-scale)) calc(8 * var(--liq-scale)) calc(8 * var(--liq-scale)) rgba(0, 0, 0, 0.05);
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .card {
    margin-bottom: calc(120 * var(--liq-scale));
    padding: calc(50 * var(--liq-scale));
    width: 100%;
  }
}
.page-jms .vehicles-ctn .card:nth-child(2) {
  margin-top: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .card:nth-child(2) {
    margin-top: auto;
  }
}
.page-jms .vehicles-ctn .cards:nth-child(2) .card:nth-child(2) {
  margin-top: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .cards:nth-child(2) .card:nth-child(2) {
    margin-top: auto;
  }
}
.page-jms .vehicles-ctn .number {
  position: absolute;
  top: calc(-2 * var(--liq-scale));
  left: calc(6 * var(--liq-scale));
  color: var(--sub-color);
  font-family: var(--ff-outfit);
  font-size: calc(70 * var(--liq-scale));
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .number {
    font-size: calc(100 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .lead {
  position: absolute;
  padding: calc(10 * var(--liq-scale)) calc(26 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
  background-color: var(--base-color);
  text-align: center;
  color: var(--color-white);
  font-size: calc(14 * var(--liq-scale));
  font-weight: bold;
  line-height: 1;

  inset: 0 0 auto 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .lead {
    padding: calc(18 * var(--liq-scale)) calc(46 * var(--liq-scale));
    min-width: calc(400 * var(--liq-scale));
    font-size: calc(24 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .name {
  display: grid;
  text-align: center;
  color: var(--base-color);
  font-size: calc(24 * var(--liq-scale));
  font-weight: bold;
  line-height: 1;

  gap: calc(9 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .name {
    font-size: calc(34 * var(--liq-scale));

    gap: calc(18 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .name > small {
  display: block;
  font-size: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .name > small {
    font-size: calc(22 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .image {
  padding-top: 0;
  height: auto;

  margin-block: calc(8 * var(--liq-scale)) calc(3 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .image {
    margin-block: calc(2 * var(--liq-scale)) 0;
  }
}
.page-jms .vehicles-ctn .image:has([src*="05"]) {
  margin-block: calc(25 * var(--liq-scale)) calc(20 * var(--liq-scale));
}
.page-jms .vehicles-ctn .image.-tag {
  position: relative;
}
.page-jms .vehicles-ctn .image.-tag::after {
  content: "初展示";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: calc(-5 * var(--liq-scale));
  bottom: calc(11 * var(--liq-scale));
  border-radius: 50%;
  width: calc(55 * var(--liq-scale));
  height: calc(55 * var(--liq-scale));
  background-color: #ffeb00;
  font-size: calc(12 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .image.-tag::after {
    right: calc(2 * var(--liq-scale));
    bottom: calc(26 * var(--liq-scale));
    width: calc(92 * var(--liq-scale));
    height: calc(92 * var(--liq-scale));
    font-size: calc(22 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .image:has(img[src*=solution_01]) {
  width: calc(220 * var(--liq-scale));

  margin-block: calc(34 * var(--liq-scale)) calc(45 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .image:has(img[src*=solution_01]) {
    width: calc(367 * var(--liq-scale));

    margin-block: calc(54 * var(--liq-scale)) calc(64 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .image:has(img[src*=solution_02]) {
  width: calc(294 * var(--liq-scale));

  margin-block: calc(20 * var(--liq-scale)) calc(30 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .image:has(img[src*=solution_02]) {
    width: calc(491 * var(--liq-scale));

    margin-block: calc(23 * var(--liq-scale)) calc(44 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .image img {
  display: block;
  width: 100%;

  margin-inline: auto;
}
.page-jms .vehicles-ctn .text {
  letter-spacing: 0;
  font-size: calc(15 * var(--liq-scale));
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .text {
    font-size: calc(30 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .text strong {
  display: block;
  margin-top: calc(16 * var(--liq-scale));
  color: var(--color-blue02);
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .text strong {
    margin-top: calc(34 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .text small {
  display: block;
  font-size: calc(12 * var(--liq-scale));
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .text small {
    font-size: calc(24 * var(--liq-scale));
  }
}
@media (min-width: 768px) {
  .page-jms .vehicles-ctn .card.-over {
    display: grid;
    margin: calc(60 * var(--liq-scale)) auto 0;
    padding: calc(47 * var(--liq-scale)) calc(25 * var(--liq-scale)) calc(42 * var(--liq-scale)) calc(48 * var(--liq-scale));
    max-width: calc(800 * var(--liq-scale));

    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: calc(280 * var(--liq-scale)) 1fr;
    grid-column: 1/-1;
    gap: calc(22 * var(--liq-scale)) calc(42 * var(--liq-scale));
  }
  .page-jms .vehicles-ctn .card.-over .number {
    right: calc(6 * var(--liq-scale));
    left: auto;
  }
  .page-jms .vehicles-ctn .card.-over .image {
    width: 100%;

    grid-row: 1/3;
    grid-column: 1/2;
  }
  .page-jms .vehicles-ctn .card.-over .lead {
    left: calc(-365 * var(--liq-scale));
  }
  .page-jms .vehicles-ctn .card.-over .name {
    align-self: end;
    text-align: left;

    grid-row: 1/2;
    grid-column: 2/3;
  }
  .page-jms .vehicles-ctn .card.-over .text {
    grid-row: 2/3;
    grid-column: 2/3;
  }
}
.page-jms .vehicles-ctn .card.-stories {
  margin-top: calc(80 * var(--liq-scale));

  padding-block: calc(33 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .card.-stories {
    margin-top: calc(40 * var(--liq-scale));

    padding-block: calc(36 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .card.-stories .lead {
  top: calc(8 * var(--liq-scale));
  right: auto;
  left: 0;
  padding: 0;
  transform: translateY(-100%);
  background-color: transparent;
  letter-spacing: 0.05em;
  font-size: calc(70 * var(--liq-scale));
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .card.-stories .lead {
    font-size: calc(100 * var(--liq-scale));
  }
}
.page-jms .vehicles-ctn .card.-stories .name {
  font-size: calc(20 * var(--liq-scale));
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .vehicles-ctn .card.-stories .name {
    font-size: calc(34 * var(--liq-scale));
  }
}

/* --------------------------------
event-ctn
-------------------------------- */
.page-jms .event-ctn {
  position: relative;

  padding-block: calc(30 * var(--liq-scale)) calc(125 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn {
    padding-block: calc(44 * var(--liq-scale));
  }
}
.page-jms .event-ctn .title {
  text-align: center;
  color: var(--color-blue02);
  font-size: calc(40 * var(--liq-scale));
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .title {
    font-size: calc(50 * var(--liq-scale));
  }
}
.page-jms .event-ctn .backgroundwrap {
  position: relative;
  z-index: 1;
}
.page-jms .event-ctn .background {
  position: absolute;
  z-index: -1;
  background-color: var(--color-blue);

  inset: 0;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .background {
    display: none;
  }
}
.page-jms .event-ctn .contents {
  margin-top: calc(20 * var(--liq-scale));
  padding: calc(7 * var(--liq-scale)) 0;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .contents {
    margin-top: calc(46 * var(--liq-scale));
    padding: 0;

    margin-inline: calc(50% - 50vw);
  }
}
@media (min-width: 768px) {
  .page-jms .event-ctn .wrapper {
    display: grid;
    padding: calc(7 * var(--liq-scale)) calc(20 * var(--liq-scale));
    width: auto;

    grid-template-columns: 1fr 1fr;
  }
}
.page-jms .event-ctn .card {
  position: relative;
  padding: calc(41 * var(--liq-scale)) calc(40 * var(--liq-scale)) calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .card {
    padding: calc(36 * var(--liq-scale)) calc(40 * var(--liq-scale)) calc(40 * var(--liq-scale));
    background-color: var(--color-blue);
  }
}
.page-jms .event-ctn .card:nth-of-type(2n)::before {
  content: "";
  position: absolute;
  width: calc(4 * var(--liq-scale));
  background-color: var(--color-white);

  inset: calc(52 * var(--liq-scale)) auto calc(41 * var(--liq-scale)) calc(-2 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .card:nth-of-type(2n)::before {
    display: none;
  }
}
.page-jms .event-ctn .card:nth-of-type(n + 3)::after {
  content: "";
  position: absolute;
  height: calc(4 * var(--liq-scale));
  background-color: var(--color-white);

  inset: 0 0 auto 0;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .card:nth-of-type(n + 3)::after {
    display: none;
  }
}
.page-jms .event-ctn .card:nth-of-type(odd)::after {
  left: calc(40 * var(--liq-scale));
}
.page-jms .event-ctn .card:nth-of-type(even)::after {
  right: calc(40 * var(--liq-scale));
}
.page-jms .event-ctn .cardtitle {
  text-align: center;
  color: var(--color-blue02);
  font-size: calc(20 * var(--liq-scale));
  font-weight: bold;
  line-height: 1.85;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .cardtitle {
    font-size: calc(34 * var(--liq-scale));
    line-height: 1.6;
  }
}
.page-jms .event-ctn .cardimage {
  margin-top: calc(20 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .cardimage {
    margin-top: calc(40 * var(--liq-scale));
    width: 100%;
  }
}
.page-jms .event-ctn .cardimage:has([src*=event_image_02]) {
  width: calc(294 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .cardimage:has([src*=event_image_02]) {
    width: 100%;
  }
}
.page-jms .event-ctn .cardimage img {
  display: block;
}
.page-jms .event-ctn .accent {
  color: var(--color-blue02);
  font-weight: bold;
}
.page-jms .event-ctn .caption {
  margin-top: calc(23 * var(--liq-scale));
  padding-top: 0;
  font-size: calc(15 * var(--liq-scale));
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .caption {
    margin-top: calc(37 * var(--liq-scale));
    font-size: calc(30 * var(--liq-scale));
  }
}
.page-jms .event-ctn .controls {
  display: none;
}
@media (max-width: 767.98px) {
  .page-jms .event-ctn .controls {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: calc(48 * var(--liq-scale));
    height: calc(60 * var(--liq-scale));
  }
}
.page-jms .event-ctn .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;

  gap: calc(5 * var(--liq-scale));
}
.page-jms .event-ctn .swiper-pagination-bullet {
  width: calc(24 * var(--liq-scale));
  height: calc(24 * var(--liq-scale));
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);

  --duration: 0.1s;
}
.page-jms .event-ctn .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3071b9;
}
.page-jms .event-ctn .swiper-nav {
  display: grid;
  position: absolute;

  inset: 0 calc(40 * var(--liq-scale)) 0 auto;
  grid-template-columns: 1fr 1fr;
  gap: calc(30 * var(--liq-scale));
}
.page-jms .event-ctn .swiper-nav > button {
  position: relative;
  margin-top: 0;
  border-radius: 50%;
  width: calc(60 * var(--liq-scale));
  height: calc(60 * var(--liq-scale));
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-blue02);

  inset: auto;
  aspect-ratio: 1/1;
  --duration: 0.1s;
}
.page-jms .event-ctn .swiper-nav > button.swiper-button-disabled {
  background-color: var(--color-gray);
}
.page-jms .event-ctn .swiper-nav > button[class*=prev] {
  transform: rotate(180deg);
}
.page-jms .event-ctn .swiper-nav > button::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 31%;
  height: 34%;
  background-color: var(--color-white);

  inset: 0 0 0 calc(6 * var(--liq-scale));
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (min-width: 768px) {
  .page-jms .event-ctn .card.-over {
    display: grid;
    padding: calc(34 * var(--liq-scale)) calc(95 * var(--liq-scale)) calc(34 * var(--liq-scale)) calc(116 * var(--liq-scale));

    grid-template-columns: 1fr 1fr;
    grid-template-columns: calc(294 * var(--liq-scale));
    grid-column: 1/3;
    gap: calc(10 * var(--liq-scale));
    gap: calc(7 * var(--liq-scale)) calc(40 * var(--liq-scale));
  }
  .page-jms .event-ctn .card.-over::before {
    display: none;
  }
  .page-jms .event-ctn .card.-over::after {
    right: calc(40 * var(--liq-scale));
    left: calc(40 * var(--liq-scale));
  }
  .page-jms .event-ctn .card.-over .cardimage {
    width: 100%;

    grid-row: 1/3;
    grid-column: 1/2;
    margin-block: auto;
  }
  .page-jms .event-ctn .card.-over .cardtitle {
    text-align: left;

    grid-row: 1/2;
    grid-column: 2/3;
  }
  .page-jms .event-ctn .card.-over .caption {
    margin-top: 0;

    grid-row: 2/3;
    grid-column: 2/3;
  }
}

/* --------------------------------
access-ctn
-------------------------------- */
.page-jms .access-ctn {
  position: relative;
  z-index: 2;
  background-color: var(--color-blue);

  padding-block: 0 calc(165 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn {
    padding-block: calc(88 * var(--liq-scale)) calc(140 * var(--liq-scale));
  }
}
.page-jms .access-ctn .background {
  position: absolute;
  z-index: -1;
  background-color: var(--color-gray02);

  inset: calc(50 * var(--liq-scale)) 0 0;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .background {
    top: calc(150 * var(--liq-scale));
  }
}
.page-jms .access-ctn .title {
  position: relative;
  z-index: 1;
  padding: calc(22 * var(--liq-scale)) calc(74 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.2em;
  color: var(--color-white);
  font-family: var(--ff-outfit);
  font-size: calc(56 * var(--liq-scale));
  font-style: italic;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .title {
    margin-left: calc(50% - 50vw);
    padding: calc(28 * var(--liq-scale)) calc(68 * var(--liq-scale)) calc(28 * var(--liq-scale)) calc(58 * var(--liq-scale));
    font-size: calc(68 * var(--liq-scale));
  }
}
.page-jms .access-ctn .titlebg {
  position: absolute;
  z-index: -1;
  background-image: url(/japanmobilityshow2025/img/top/access_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  inset: 0;
}
.page-jms .access-ctn .boxes {
  display: grid;
  position: relative;
  z-index: 1;
  margin-top: calc(61 * var(--liq-scale));
  max-width: calc(800 * var(--liq-scale));

  gap: calc(10 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .boxes {
    gap: calc(20 * var(--liq-scale));
  }
}
.page-jms .access-ctn .box {
  padding: calc(30 * var(--liq-scale));
  background-color: var(--color-white);
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .box {
    padding-bottom: calc(30 * var(--liq-scale));
  }
}
.page-jms .access-ctn .box.-column {
  display: grid;

  grid-template-columns: auto 1fr;
  gap: calc(30 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .box.-column {
    grid-template-columns: 1fr;
  }
}
.page-jms .access-ctn .heading {
  display: grid;
  align-items: center;

  grid-template-columns: auto 1fr;
  gap: calc(29 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .heading {
    grid-template-columns: 1fr;
    gap: calc(36 * var(--liq-scale));
  }
}
.page-jms .access-ctn .label {
  padding: calc(10 * var(--liq-scale)) calc(30 * var(--liq-scale)) calc(12 * var(--liq-scale)) calc(31 * var(--liq-scale));
  border: none;
  background-color: var(--color-red);
  letter-spacing: 0.13em;
  color: var(--color-white);
  font-size: calc(18 * var(--liq-scale));
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .label {
    padding: calc(11 * var(--liq-scale));
    text-align: center;
    font-size: calc(30 * var(--liq-scale));
    line-height: 1.6;
  }
}
.page-jms .access-ctn .area {
  letter-spacing: 0.18em;
  font-size: calc(18 * var(--liq-scale));
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .area {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: calc(32 * var(--liq-scale));
    line-height: 1.7;
  }
}
.page-jms .access-ctn .map {
  padding: calc(32 * var(--liq-scale)) calc(44 * var(--liq-scale)) calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .map {
    padding: calc(60 * var(--liq-scale)) 0 0;

    margin-inline: calc(-10 * var(--liq-scale));
  }
}
.page-jms .access-ctn .name {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(38 * var(--liq-scale));
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: calc(18 * var(--liq-scale));
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .name {
    padding: calc(11 * var(--liq-scale));
    text-align: center;
    font-size: calc(30 * var(--liq-scale));
    line-height: 1.6;
  }
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .textbox {
    padding: calc(20 * var(--liq-scale)) calc(48 * var(--liq-scale));
  }
}
.page-jms .access-ctn .text {
  letter-spacing: 0.1em;
  font-size: calc(18 * var(--liq-scale));
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .text {
    display: grid;
    font-size: calc(30 * var(--liq-scale));
    line-height: 1.4;

    gap: calc(28 * var(--liq-scale));
  }
}
.page-jms .access-ctn .row {
  display: block;
  width: 100%;
}
.page-jms .access-ctn .caption {
  margin-top: calc(18 * var(--liq-scale));
  letter-spacing: 0.1em;
  font-size: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .caption {
    margin-top: calc(24 * var(--liq-scale));
    font-size: calc(24 * var(--liq-scale));
  }
}
.page-jms .access-ctn .link {
  display: block;
  transition: -webkit-text-decoration var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: text-decoration var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: text-decoration var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-text-decoration var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  text-decoration: underline;
  letter-spacing: 0.1em;
  color: var(--color-red);
  font-size: calc(15 * var(--liq-scale));

  --duration: 0.1s;
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .link {
    letter-spacing: 0.08em;
    font-size: calc(24 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .access-ctn .link:hover {
    text-decoration: none;

    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .access-ctn .link:hover {
    text-decoration: none;

    --duration: 0.2s;
  }
}
@media (max-width: 767.98px) {
  .page-jms .access-ctn .link {
    font-size: calc(24 * var(--liq-scale));
  }
}

/* --------------------------------
fixed-button
-------------------------------- */
.page-jms .banners-ctn {
  position: relative;
  z-index: 1;
  background-color: var(--color-gray02);

  -webkit-padding-after: calc(110 * var(--liq-scale));

          padding-block-end: calc(110 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn {
    -webkit-padding-after: calc(128 * var(--liq-scale));
            padding-block-end: calc(128 * var(--liq-scale));
  }
}
.page-jms .banners-ctn .banners {
  display: grid;
  position: relative;
  z-index: 1;
  max-width: calc(800 * var(--liq-scale));

  grid-template-columns: 1fr 1fr;
  gap: calc(50 * var(--liq-scale)) calc(60 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .banners {
    display: flex;
    flex-direction: column;

    gap: calc(60 * var(--liq-scale));
  }
}
.page-jms .banners-ctn .banner {
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), scale var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: calc(6 * var(--liq-scale)) calc(6 * var(--liq-scale)) calc(6 * var(--liq-scale)) rgba(0, 0, 0, 0.05);

  --duration: 0.1s;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .banner {
    width: calc(502 * var(--liq-scale));

    margin-inline: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .banners-ctn .banner:hover {
    opacity: 0.8;
    box-shadow: calc(1 * var(--liq-scale)) calc(1 * var(--liq-scale)) calc(1 * var(--liq-scale)) rgba(0, 0, 0, 0.05);

    --duration: 0.2s;
    scale: 0.999;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .banners-ctn .banner:hover {
    opacity: 0.8;
    box-shadow: calc(1 * var(--liq-scale)) calc(1 * var(--liq-scale)) calc(1 * var(--liq-scale)) rgba(0, 0, 0, 0.05);

    --duration: 0.2s;
    scale: 0.999;
  }
}
.page-jms .banners-ctn .banner:last-of-type {
  width: calc(500 * var(--liq-scale));

  grid-column: 1/3;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .banner:last-of-type {
    margin-top: calc(44 * var(--liq-scale));
    width: calc(600 * var(--liq-scale));
  }
}
.page-jms .banners-ctn .link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-right: calc(26 * var(--liq-scale));
  width: calc(340 * var(--liq-scale));
  height: calc(100 * var(--liq-scale));
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--main-color);
  text-align: center;
  letter-spacing: 0.06em;
  color: var(--sub-color);
  font-size: calc(15 * var(--liq-scale));
  line-height: 1.7;

  --duration: 0.1s;
  --icon-width: calc(20 * var(--liq-scale));
  --icon-height: calc(20 * var(--liq-scale));
  --main-color: var(--color-red);
  --sub-color: var(--color-white);
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .link {
    padding-right: calc(44 * var(--liq-scale));

    --icon-width: calc(35 * var(--liq-scale));
    --icon-height: calc(35 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .banners-ctn .link:hover {
    --main-color: var(--color-white);
    --sub-color: var(--color-red);
    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .banners-ctn .link:hover {
    --main-color: var(--color-white);
    --sub-color: var(--color-red);
    --duration: 0.2s;
  }
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .link {
    width: calc(600 * var(--liq-scale));
    height: calc(180 * var(--liq-scale));
    font-size: calc(26 * var(--liq-scale));
  }
}
.page-jms .banners-ctn .link::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: var(--icon-width);
  height: var(--icon-height);
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--sub-color);

  inset: 0 calc(25 * var(--liq-scale)) 0 auto;
  margin-block: auto;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .link::before {
    right: calc(44 * var(--liq-scale));
  }
}
.page-jms .banners-ctn .link::after {
  content: "";
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-height);
  transition: background-color var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--main-color);

  inset: 0 calc(25 * var(--liq-scale)) 0 auto;
  margin-block: auto;
  -webkit-mask-image: url(/japanmobilityshow2025/img/top/icon_arrow.svg);
          mask-image: url(/japanmobilityshow2025/img/top/icon_arrow.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  .page-jms .banners-ctn .link::after {
    right: calc(44 * var(--liq-scale));
  }
}

/* --------------------------------
page-top
-------------------------------- */
.page-jms .page-top {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  z-index: 14;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .page-jms .page-top {
    height: calc(132 * var(--liq-scale));
  }
}
.page-jms .page-top .link {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  pointer-events: auto;

  --duration: 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .page-top .link:hover {
    opacity: 0.8;

    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .page-top .link:hover {
    opacity: 0.8;

    --duration: 0.2s;
  }
}
.page-jms .page-top .image {
  width: calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .page-top .image {
    width: calc(95 * var(--liq-scale));
  }
}
.page-jms .page-top .text {
  letter-spacing: 0.05em;
  color: #e60012;
  font-size: calc(15 * var(--liq-scale));
  font-weight: bold;

  writing-mode: vertical-rl;
}
@media (max-width: 767.98px) {
  .page-jms .page-top .text {
    font-size: calc(12 * var(--liq-scale));
  }
}

/* --------------------------------
fixed-button
-------------------------------- */
.page-jms .fixed-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 2;
  top: calc(-100 * var(--liq-scale));
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: calc(30 * var(--liq-scale)) 0 0 calc(30 * var(--liq-scale));
  width: calc(68 * var(--liq-scale));
  height: calc(240 * var(--liq-scale));
  background: #fff;
}
.page-jms .fixed-button .wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  gap: calc(16 * var(--liq-scale));
}
.page-jms .fixed-button .text {
  letter-spacing: 0.05em;
  font-size: calc(15 * var(--liq-scale));

  writing-mode: vertical-rl;
}
.page-jms .fixed-button .image {
  width: calc(40 * var(--liq-scale));
  height: calc(40 * var(--liq-scale));
}
.page-jms .fixed-button .link {
  display: block;
  transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) and (pointer: fine) {
  .page-jms .fixed-button .link:hover {
    opacity: 0.6;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-jms .fixed-button .link:hover {
    opacity: 0.6;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

/* --------------------------------
japanmobilityshow-header
-------------------------------- */
.page-jms .jms-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 15;
  padding-right: 0;
  padding-left: calc(50 * var(--liq-scale));
  height: calc(60 * var(--liq-scale));
  background-color: #e1e1e1;
}
@media (max-width: 767.98px) {
  .page-jms .jms-header {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    padding-left: calc(40 * var(--liq-scale));
    height: calc(100 * var(--liq-scale));
  }
}
.page-jms .jms-header .logo {
  display: block;
  width: calc(150 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-header .logo {
    position: relative;
    z-index: 1;
    width: calc(250 * var(--liq-scale));
  }
}
.page-jms .jms-header .right {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.page-jms .jms-header .lead {
  margin-right: calc(29 * var(--liq-scale));
  color: var(--color-red);
  font-size: calc(15 * var(--liq-scale));
  font-weight: bold;
  line-height: 1.6;
}
.page-jms .jms-header .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(120 * var(--liq-scale));
  height: calc(60 * var(--liq-scale));
  background-color: #949494;

  gap: calc(4 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-header .toggle {
    justify-content: flex-end;
    padding-right: calc(54 * var(--liq-scale));
    width: auto;
    height: auto;
    background-color: transparent;

    gap: calc(10 * var(--liq-scale));
  }
}
.page-jms .jms-header .icon {
  display: block;
  margin-right: calc(4 * var(--liq-scale));
  width: calc(20 * var(--liq-scale));
  height: calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-header .icon {
    margin-right: calc(12 * var(--liq-scale));
    width: calc(40 * var(--liq-scale));
    height: calc(40 * var(--liq-scale));
  }
}
.page-jms .jms-header .icon img {
  display: block;
}
.page-jms .jms-header .japanese {
  position: relative;
  margin-right: calc(10 * var(--liq-scale));
}
html[lang=ja] .page-jms .jms-header .japanese::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #fff;
}
@media (max-width: 767.98px) {
  html[lang=ja] .page-jms .jms-header .japanese::before {
    background-color: #000;
  }
}
.page-jms .jms-header .japanese::after {
  content: "";
  position: absolute;
  top: calc(5 * var(--liq-scale));
  right: calc(-7 * var(--liq-scale));
  bottom: 0;
  margin: auto;
  width: calc(1 * var(--liq-scale));
  height: 60%;
  transform: rotate(23deg);
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .page-jms .jms-header .japanese::after {
    top: 0;
    right: calc(-10 * var(--liq-scale));
    height: 80%;
    background-color: #000;
  }
}
.page-jms .jms-header .english {
  position: relative;
}
html[lang=en] .page-jms .jms-header .english::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #fff;
}
@media (max-width: 767.98px) {
  html[lang=en] .page-jms .jms-header .english::before {
    background-color: #000;
  }
}
.page-jms .jms-header .link {
  position: relative;
  color: #fff;
  font-size: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-header .link {
    color: #000;
    font-size: calc(28 * var(--liq-scale));
  }
}
.page-jms .jms-header .hamburger {
  position: relative;
  top: calc(8 * var(--liq-scale));
  right: 0;
  padding: 0;
  width: calc(110 * var(--liq-scale));
  height: calc(100 * var(--liq-scale));
}
.page-jms .jms-header .hamburger.is-active .line::before {
  top: 0;
  transform: rotate(135deg);
}
.page-jms .jms-header .hamburger.is-active .line::after {
  top: 0;
  transform: rotate(-135deg);
}
.page-jms .jms-header .line {
  display: block;
  width: calc(140 * var(--liq-scale));
  height: calc(4 * var(--liq-scale));
  transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95), top 0.22s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translateX(-50%);
}
.page-jms .jms-header .line::before,
.page-jms .jms-header .line::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: calc(40 * var(--liq-scale));
  height: calc(4 * var(--liq-scale));
  transition: inherit;
  background-color: #e60012;
}
.page-jms .jms-header .line::before {
  top: calc(-8 * var(--liq-scale));
}
.page-jms .jms-header .line::after {
  top: calc(8 * var(--liq-scale));
}
.page-jms .jms-header .navigation {
  overflow: hidden scroll;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  margin-top: calc(100 * var(--liq-scale));
  padding-top: calc(34 * var(--liq-scale));
  width: 100%;
  height: calc(100vh - (100 * var(--liq-scale)));
  background-color: #e1e1e1;
}
.page-jms .jms-header .navigation[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translateY(calc(-20 * var(--liq-scale)));
}
.page-jms .jms-header .navigation[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translateY(0);
}
.page-jms .jms-header .navigation::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(542 * var(--liq-scale));
  right: calc(-48 * var(--liq-scale));
  width: calc(840 * var(--liq-scale));
  background-repeat: no-repeat;
  background-size: contain;

  aspect-ratio: 278/171;
}
.page-jms .jms-header .navigation__wrap {
  padding: calc(108 * var(--liq-scale)) calc(110 * var(--liq-scale)) calc(144 * var(--liq-scale));
}
.page-jms .jms-header .navigation__list {
  display: flex;
  flex-direction: column;

  gap: calc(86 * var(--liq-scale));
}
.page-jms .jms-header .navigation__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.05em;
  color: #e60012;
  font-size: calc(78 * var(--liq-scale));
  font-weight: 700;
}
.page-jms .jms-header .pattern {
  position: absolute;
  z-index: -1;
  top: calc(604 * var(--liq-scale));
  left: 50%;
  transform: translateX(-50%) scale(1.38);
}
.page-jms .jms-header .share {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(38 * var(--liq-scale));
  padding: calc(24 * var(--liq-scale)) calc(62 * var(--liq-scale));
  border-radius: 9999px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-white);

  gap: calc(36 * var(--liq-scale));
  margin-inline: auto;
}
.page-jms .jms-header .share a {
  display: block;
  width: calc(61 * var(--liq-scale));
  height: calc(61 * var(--liq-scale));
}
.page-jms .jms-header .text {
  letter-spacing: -0.005em;
  font-size: calc(28 * var(--liq-scale));
}
.page-jms .jms-header .image {
  width: calc(60 * var(--liq-scale));
}

/* --------------------------------
jms-footer
-------------------------------- */
.page-jms .jms-footer {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: calc(40 * var(--liq-scale));
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: calc(-132 * var(--liq-scale));
    padding: calc(60 * var(--liq-scale));
  }
}
.page-jms .jms-footer .logo {
  margin: auto;
  width: calc(113 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .logo {
    width: calc(130 * var(--liq-scale));
  }
}
.page-jms .jms-footer .contents {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: absolute;
  right: 0;
  bottom: calc(40 * var(--liq-scale));
  left: 0;
  padding: 0 calc(50 * var(--liq-scale));
  pointer-events: none;

  gap: calc((113 * var(--liq-scale)) + (40 * var(--liq-scale)));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .contents {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: flex-start;
    position: static;
    margin-top: calc(30 * var(--liq-scale));
    padding: 0;

    gap: calc(48 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .right {
    width: 100%;
  }
}
.page-jms .jms-footer .toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: calc(28 * var(--liq-scale));

  gap: calc(5 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .toggle {
    margin-right: calc(-8 * var(--liq-scale));
    margin-bottom: calc(40 * var(--liq-scale));

    gap: calc(18 * var(--liq-scale));
  }
}
.page-jms .jms-footer .icon {
  margin-right: calc(2 * var(--liq-scale));
  width: calc(20 * var(--liq-scale));
  height: calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .icon {
    width: calc(40 * var(--liq-scale));
    height: calc(40 * var(--liq-scale));
  }
}
.page-jms .jms-footer .japanese {
  position: relative;
  margin-right: calc(8 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .japanese {
    margin-right: calc(6 * var(--liq-scale));
  }
}
html[lang=ja] .page-jms .jms-footer .japanese::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #000;
}
.page-jms .jms-footer .japanese::after {
  content: "";
  position: absolute;
  top: calc(5 * var(--liq-scale));
  right: calc(-7 * var(--liq-scale));
  bottom: 0;
  margin: auto;
  width: calc(1 * var(--liq-scale));
  height: 100%;
  transform: rotate(23deg);
  background-color: #000;
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .japanese::after {
    top: 0;
    right: calc(-10 * var(--liq-scale));
    height: 80%;
  }
}
.page-jms .jms-footer .english {
  position: relative;
}
html[lang=en] .page-jms .jms-footer .english::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #000;
}
.page-jms .jms-footer .link {
  display: block;
  pointer-events: auto;
  font-size: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .link {
    font-size: calc(28 * var(--liq-scale));
  }
}
.page-jms .jms-footer .copyright {
  flex-basis: 50%;
  pointer-events: auto;
  font-size: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .copyright {
    font-size: calc(18 * var(--liq-scale));
  }
}
.page-jms .jms-footer .sns {
  display: flex;
  align-items: center;
  flex-basis: 50%;
  justify-content: flex-end;
  padding-bottom: calc(3 * var(--liq-scale));
  pointer-events: auto;

  gap: calc(19 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .sns {
    justify-content: space-between;
    width: 100%;
  }
}
.page-jms .jms-footer .text {
  white-space: nowrap;
  letter-spacing: 0.04em;
  font-size: calc(13 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .jms-footer .text {
    font-size: calc(20 * var(--liq-scale));
  }
}

/* --------------------------------
jms-common
-------------------------------- */
.page-jms .jms-common {
  overflow-x: clip;
  padding-top: 0;
}
.page-jms .jms-common .jmsinner {
  max-width: calc(1080 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .page-jms .jms-common .jmsinner {
    padding-inline: calc(40 * var(--liq-scale));
  }
}

/* --------------------------------
jms-header
-------------------------------- */
.page-jms .navigation-ctn {
  overflow: hidden scroll;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  margin-top: calc(100 * var(--liq-scale));
  padding-top: calc(34 * var(--liq-scale));
  width: 100%;
  height: calc(100vh - (50 * var(--liq-scale)));
  background-color: #e1e1e1;
}
.page-jms .navigation-ctn[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translateY(calc(-10 * var(--liq-scale)));
}
.page-jms .navigation-ctn[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translateY(0);
}
.page-jms .navigation-ctn::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(542 * var(--liq-scale));
  right: calc(-48 * var(--liq-scale));
  width: calc(840 * var(--liq-scale));
  background-repeat: no-repeat;
  background-size: contain;

  aspect-ratio: 278/171;
}
.page-jms .navigation-ctn .object:nth-of-type(1) {
  position: absolute;
  margin: auto;
  width: calc(422 * var(--liq-scale));

  inset: calc(240 * var(--liq-scale)) 0 auto calc(524 * var(--liq-scale));
}
.page-jms .navigation-ctn .object:nth-of-type(2) {
  position: absolute;
  margin: auto;
  width: calc(356 * var(--liq-scale));

  inset: calc(810 * var(--liq-scale)) 0 auto calc(-676 * var(--liq-scale));
}
.page-jms .navigation-ctn .wrap {
  padding: calc(112 * var(--liq-scale)) calc(116 * var(--liq-scale));
}
.page-jms .navigation-ctn .list {
  display: flex;
  flex-direction: column;

  gap: calc(89 * var(--liq-scale));
}
.page-jms .navigation-ctn .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(120 * var(--liq-scale));
  height: calc(60 * var(--liq-scale));
  background-color: #949494;

  gap: calc(4 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .navigation-ctn .toggle {
    justify-content: flex-end;
    padding-right: calc(54 * var(--liq-scale));
    width: auto;
    height: auto;
    background-color: transparent;

    gap: calc(5 * var(--liq-scale));
  }
}
.page-jms .navigation-ctn .icon {
  margin-right: calc(4 * var(--liq-scale));
  width: calc(20 * var(--liq-scale));
  height: calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .navigation-ctn .icon {
    margin-right: calc(16 * var(--liq-scale));
    width: calc(40 * var(--liq-scale));
    height: calc(40 * var(--liq-scale));
  }
}
.page-jms .navigation-ctn .icon img {
  display: block;
}
.page-jms .navigation-ctn .japanese {
  position: relative;
  margin-right: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .page-jms .navigation-ctn .japanese {
    margin-right: calc(26 * var(--liq-scale));
  }
}
html[lang=ja] .page-jms .navigation-ctn .japanese::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #fff;
}
@media (max-width: 767.98px) {
  html[lang=ja] .page-jms .navigation-ctn .japanese::before {
    background-color: #000;
  }
}
.page-jms .navigation-ctn .japanese::after {
  content: "";
  position: absolute;
  top: calc(5 * var(--liq-scale));
  right: calc(-7 * var(--liq-scale));
  bottom: 0;
  margin: auto;
  width: calc(1 * var(--liq-scale));
  height: 63%;
  transform: rotate(15deg);
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .page-jms .navigation-ctn .japanese::after {
    top: 0;
    right: calc(-15 * var(--liq-scale));
    background-color: #000;
  }
}
.page-jms .navigation-ctn .english {
  position: relative;
}
html[lang=en] .page-jms .navigation-ctn .english::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(2 * var(--liq-scale));
  background-color: #fff;
}
@media (max-width: 767.98px) {
  html[lang=en] .page-jms .navigation-ctn .english::before {
    background-color: #000;
  }
}
.page-jms .navigation-ctn .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(52 * var(--liq-scale));
}
.page-jms .navigation-ctn .link img {
  width: auto;
  height: 100%;
}

/*
* style.css
*
*/