@charset "UTF-8";
:root {
  --screen-height:100vh; }

/*********************************************************************
 * Hover Scale系.
 *********************************************************************/
@-webkit-keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }
@keyframes hover-scale {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.15, 1.15) translate(0, 0);
            transform: scale(1.15, 1.15) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.95, 0.95) translate(0, 0);
            transform: scale(0.95, 0.95) translate(0, 0); } }

@-webkit-keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@keyframes hover-scale-small {
  0%, 50%, 70% {
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0); }
  10% {
    -webkit-transform: scale(1.01, 1.01) translate(0, 0);
            transform: scale(1.01, 1.01) translate(0, 0); }
  30% {
    -webkit-transform: scale(0.99, 0.99) translate(0, 0);
            transform: scale(0.99, 0.99) translate(0, 0); } }

@-webkit-keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes pin-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

@keyframes shadow-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%) translateX(40%);
            transform: translateY(-15%) translateX(40%); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-5%) translateX(15%);
            transform: translateY(-5%) translateX(15%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  70% {
    opacity: 1;
    -webkit-transform: translateY(-3%) translateX(7%);
            transform: translateY(-3%) translateX(7%); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%); } }

/*********************************************************************
 * Bounce系.
 *********************************************************************/
@-webkit-keyframes bounce-delay {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  79% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  83% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  86% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05); }
  89% {
    -webkit-transform: scale(0.98, 0.98);
            transform: scale(0.98, 0.98); }
  92% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes bounce-delay {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  79% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  83% {
    -webkit-transform: scale(0.95, 0.95);
            transform: scale(0.95, 0.95); }
  86% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05); }
  89% {
    -webkit-transform: scale(0.98, 0.98);
            transform: scale(0.98, 0.98); }
  92% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-small {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-small {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); }
  70% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  80% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@keyframes bounce-shadow {
  0% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  40% {
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%); }
  70% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  80% {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%); }
  100% {
    -webkit-transform: translateX(0%) translateY(0);
            transform: translateX(0%) translateY(0); } }

@-webkit-keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@keyframes bounce-cloud {
  0% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); }
  50% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  100% {
    -webkit-transform: translateX(50%) scale(1.05);
            transform: translateX(50%) scale(1.05); } }

@-webkit-keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bounce-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bounce-arrow-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); } }

@keyframes bounce-arrow-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); } }

@-webkit-keyframes top-current-position {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); } }

@keyframes top-current-position {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(39px);
            transform: translateY(39px); } }

@-webkit-keyframes top-current-position-sp {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); } }

@keyframes top-current-position-sp {
  0% {
    opacity: .5;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10.5vw);
            transform: translateY(10.5vw); } }

@-webkit-keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes intro-logo-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); }
  50% {
    -webkit-transform: translate3d(-2.5vw, 0, 0);
            transform: translate3d(-2.5vw, 0, 0); }
  100% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); } }

@keyframes FloatHorizontal {
  0% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); }
  50% {
    -webkit-transform: translate3d(-2.5vw, 0, 0);
            transform: translate3d(-2.5vw, 0, 0); }
  100% {
    -webkit-transform: translate3d(2.5vw, 0, 0);
            transform: translate3d(2.5vw, 0, 0); } }

@-webkit-keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); }
  50% {
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); } }

@keyframes FloatVertical {
  0% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); }
  50% {
    -webkit-transform: translate3d(-50%, -20px, 0);
            transform: translate3d(-50%, -20px, 0); }
  100% {
    -webkit-transform: translate3d(-50%, 0px, 0);
            transform: translate3d(-50%, 0px, 0); } }

@-webkit-keyframes wrong-anim {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes wrong-anim {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

/************************************************************************
 * TOP css
 *************************************************************************/
body {
  background-color: #94D504; }
  body.is-Night {
    background-color: #021D60; }
  body.before {
    visibility: hidden;
    background: #009098; }

@media screen and (min-width: 813px) {
  .top-lazy {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s; }
    .top-lazy._active {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); } }

header {
  opacity: 0;
  -webkit-transition: opacity .8s, -webkit-transform .7s;
  transition: opacity .8s, -webkit-transform .7s;
  transition: opacity .8s, transform .7s;
  transition: opacity .8s, transform .7s, -webkit-transform .7s; }

.paper-particle {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 21; }
  .is-Night .paper-particle {
    display: none; }

.intro-box {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20; }
  .intro-box .three-stage {
    height: 100vh;
    width: 100vw; }
    .intro-box .three-stage canvas {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .intro-box .three-stage .intro-word1 {
      overflow: hidden;
      white-space: nowrap;
      text-indent: -9999px;
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/intro-word1.png");
      background-size: 196.5px 42.5px;
      background-repeat: no-repeat;
      background-position: center top;
      width: 196.5px;
      height: 42.5px;
      display: block;
      position: relative;
      position: absolute;
      right: 50%;
      bottom: 50%;
      -webkit-transform: translateX(50%) translateY(50%) scale(0.7);
              transform: translateX(50%) translateY(50%) scale(0.7);
      z-index: 1;
      opacity: 0;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 3);
      transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 3);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 3);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 3), -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 3);
      /* custom */ }
      .intro-box .three-stage .intro-word1.opaque {
        opacity: 1;
        -webkit-transform: translateX(50%) translateY(50%) scale(1);
                transform: translateX(50%) translateY(50%) scale(1); }
    .intro-box .three-stage .intro-word2 {
      overflow: hidden;
      white-space: nowrap;
      text-indent: -9999px;
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/logo@5x.png");
      background-size: 387.5px 147px;
      background-repeat: no-repeat;
      background-position: center top;
      width: 387.5px;
      height: 147px;
      display: block;
      position: relative;
      position: absolute;
      right: 50%;
      bottom: 50%;
      -webkit-transform: translateX(50%) translateY(50%) scale(0.3);
              transform: translateX(50%) translateY(50%) scale(0.3);
      z-index: 1;
      opacity: 0;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 1.6);
      transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 1.6);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 1.6);
      transition: opacity 0.5s, transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 1.6), -webkit-transform 0.5s cubic-bezier(0.68, -0.01, 0.265, 1.6);
      /* custom */ }
      @media screen and (max-width: 812px) {
        .intro-box .three-stage .intro-word2 {
          background-image: url("/special/virtual-exhibition-2026/assets/img/top/logo@5x.png");
          background-size: 62vw 23.6vw;
          background-repeat: no-repeat;
          background-position: center top;
          width: 62vw;
          height: 23.6vw;
          display: block;
          position: relative;
          position: absolute; } }
      .intro-box .three-stage .intro-word2.opaque {
        opacity: 1;
        -webkit-transform: translateX(50%) translateY(50%) scale(1);
                transform: translateX(50%) translateY(50%) scale(1); }
        .intro-box .three-stage .intro-word2.opaque.transparent {
          opacity: 0; }

.global-container {
  padding-top: 0;
  padding-bottom: 98.13333vw;
  background: none; }
  @media screen and (min-width: 813px) {
    .global-container {
      padding-bottom: 525px; } }
  .global-container::before {
    display: none; }
  .global-container::after {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-foot_sp.svg");
    background-size: 280.53333vw 71.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 280.53333vw;
    height: 71.46667vw;
    display: block;
    position: relative;
    position: absolute;
    bottom: 26.66667vw;
    left: calc(50% + 35.73333vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .global-container::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-foot_pc.svg");
        background-size: 3411px 590px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 590px;
        display: block;
        position: relative;
        position: absolute;
        bottom: 34px;
        left: calc(50% + 300px); } }
  .is-Night .global-container::after {
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-foot-night_sp.svg");
    background-size: 280.53333vw 71.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 280.53333vw;
    height: 71.46667vw;
    display: block;
    position: relative;
    position: absolute; }
    @media screen and (min-width: 813px) {
      .is-Night .global-container::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-foot-night_pc.svg");
        background-size: 3411px 590px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 590px;
        display: block;
        position: relative;
        position: absolute; } }
  .is-Night .global-container .module-block-title-04 {
    color: #fff; }

.global-container-body {
  background: none; }
  .is-Night .global-container-body {
    background: none; }

.page-position {
  position: fixed;
  z-index: 10;
  width: 8vw;
  bottom: 5.33333vw;
  left: 4.4vw;
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }
  @media screen and (min-width: 813px) {
    .page-position {
      width: 30px;
      bottom: 32px;
      left: 30px;
      right: auto; } }
  .page-position-text {
    width: 13.33333vw;
    height: 2.42667vw;
    position: absolute;
    top: 9.33333vw;
    left: 8vw;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg); }
    @media screen and (min-width: 813px) {
      .page-position-text {
        width: 50px;
        height: 9.1px;
        top: -16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    .page-position-text img {
      width: 100%;
      max-width: none;
      vertical-align: top; }
  .page-position-button {
    display: block;
    width: 8vw;
    height: 8vw;
    margin-bottom: 1.46667vw; }
    @media screen and (min-width: 813px) {
      .page-position-button {
        width: 30px;
        height: 30px;
        margin-bottom: 3.6px; } }
    .page-position-button img {
      width: 100%;
      max-width: none;
      position: absolute;
      top: 0;
      left: 0; }
      .page-position-button img.arrow {
        width: 3.73333vw;
        left: 2.13333vw;
        top: 2.4vw; }
        @media screen and (min-width: 813px) {
          .page-position-button img.arrow {
            width: 14px;
            left: 8px;
            top: 9px;
            -webkit-animation: bounce-arrow-top 1.3s ease-out infinite;
                    animation: bounce-arrow-top 1.3s ease-out infinite; } }
  .page-position-bar {
    width: 0.53333vw;
    height: 15.46667vw;
    margin: 0 auto;
    background-color: #fff; }
    @media screen and (min-width: 813px) {
      .page-position-bar {
        width: 2px;
        height: 58px; } }
    .page-position-bar .current-position {
      display: block;
      width: 0.53333vw;
      height: 20%;
      background-color: #49A6A8; }
      @media screen and (min-width: 813px) {
        .page-position-bar .current-position {
          width: 2px;
          top: 34px;
          position: absolute;
          -webkit-animation: top-current-position 2.6s ease-in-out infinite;
                  animation: top-current-position 2.6s ease-in-out infinite; } }
      @media screen and (max-width: 812px) {
        .page-position-bar .current-position {
          position: absolute;
          top: 9.5vw;
          -webkit-animation: top-current-position-sp 2.6s ease-in-out infinite;
                  animation: top-current-position-sp 2.6s ease-in-out infinite; } }

.bg-illust-01 {
  width: 299.2vw;
  height: 106.66667vw;
  position: absolute;
  bottom: -70.13333vw;
  left: -107.2vw;
  overflow: hidden; }
  @media screen and (min-width: 813px) {
    .bg-illust-01 {
      width: 2492px;
      height: 1000px;
      position: absolute;
      bottom: -540px;
      left: calc(50% - 21px);
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  .bg-illust-01 .bg-illust {
    background-image: url("/special/virtual-exhibition-2026/assets/img/common/bg-illust_sp.jpg");
    background-size: 241.86667vw 205.06667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 241.86667vw;
    height: 205.06667vw;
    display: block;
    position: relative;
    background-position: left top;
    top: -48vw;
    position: absolute;
    left: 49.6vw; }
    @media screen and (min-width: 813px) {
      .bg-illust-01 .bg-illust {
        background-image: url("/special/virtual-exhibition-2026/assets/img/common/bg-illust_pc.jpg");
        background-size: 2238px 1386px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2238px;
        height: 1386px;
        display: block;
        position: relative;
        background-position: left top;
        position: absolute;
        top: -50px;
        left: 140px; } }

.top {
  position: relative; }
  .top::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/mv-bg-wave_sp.svg");
    background-size: 314.93333vw 342.93333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 314.93333vw;
    height: 342.93333vw;
    display: block;
    position: relative;
    position: absolute;
    top: -16.26667vw;
    left: calc(50% - 11.73333vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .top::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/mv-bg-wave_pc.svg");
        background-size: 2849px 2873px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2849px;
        height: 2873px;
        display: block;
        position: relative;
        position: absolute;
        top: -283px;
        left: 50%; } }
  .is-Night .top::before {
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/mv-bg-wave-night_sp.svg");
    background-size: 314.93333vw 342.93333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 314.93333vw;
    height: 342.93333vw;
    display: block;
    position: relative;
    position: absolute; }
    @media screen and (min-width: 813px) {
      .is-Night .top::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/mv-bg-wave-night_pc.svg");
        background-size: 2849px 2873px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2849px;
        height: 2873px;
        display: block;
        position: relative;
        position: absolute; } }

.top-banner {
  width: 87.73333vw;
  position: fixed;
  bottom: 3.46667vw;
  right: -4vw;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
  -webkit-transform: translateY(150%);
          transform: translateY(150%); }
  .top-banner.animation {
    -webkit-animation: bounce-delay 6s ease-in-out 0s infinite normal;
            animation: bounce-delay 6s ease-in-out 0s infinite normal; }
  @media screen and (min-width: 813px) {
    .top-banner {
      width: 426px;
      bottom: 10px;
      right: 13px; } }
  .top-banner-close {
    width: 20vw;
    height: 20vw;
    position: absolute;
    top: -7.66667vw;
    right: 0.4vw;
    cursor: pointer; }
    .top-banner-close img {
      width: 100%; }
    @media screen and (min-width: 813px) {
      .top-banner-close {
        width: 75px;
        height: 75px;
        top: -29px;
        right: -6px; } }
  .top-banner-inner {
    width: 396px;
    height: 94px;
    background-color: #FF5E33;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 812px) {
      .top-banner-inner {
        width: 79.73333vw;
        height: 22.4vw; } }
    .top-banner-inner-left {
      padding-left: 12px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      @media screen and (max-width: 812px) {
        .top-banner-inner-left {
          padding-left: 3.73333vw; } }
      .top-banner-inner-left img {
        width: 66px; }
        @media screen and (max-width: 812px) {
          .top-banner-inner-left img {
            width: 14.93333vw; } }
    .top-banner-inner-right {
      padding-left: 15px;
      padding-right: 20px; }
      @media screen and (max-width: 812px) {
        .top-banner-inner-right {
          padding-left: 3.73333vw;
          padding-right: 5.2vw; } }
      .top-banner-inner-right p {
        color: white;
        font-size: 16px;
        font-weight: 600; }
        @media screen and (max-width: 812px) {
          .top-banner-inner-right p {
            font-size: 3vw;
            line-height: 2.0em; } }
        .top-banner-inner-right p span {
          border-bottom: 1px solid #fff; }

.top_mv {
  height: 134.13333vw;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 813px) {
    .top_mv {
      height: calc(100vh - 108px);
      min-height: 750px;
      margin: 0 auto;
      margin-top: -50px;
      overflow: visible; } }
  .top_mv canvas.bg-parts-canvas {
    position: absolute;
    right: 0;
    top: 0; }
    @media screen and (max-width: 812px) {
      .top_mv canvas.bg-parts-canvas {
        display: none; } }
    .top_mv canvas.bg-parts-canvas.bg1 {
      right: 2%;
      top: 162px; }
    .top_mv canvas.bg-parts-canvas.bg2 {
      top: 648px;
      right: 50%;
      margin-right: 444px;
      -webkit-transform: rotate(-15deg);
              transform: rotate(-15deg); }
    .top_mv canvas.bg-parts-canvas.bg3 {
      -webkit-transform: scale(2.5);
              transform: scale(2.5);
      top: 537px; }
    .top_mv canvas.bg-parts-canvas.bg4 {
      top: 252px;
      right: 83%; }

.top_mv-inner {
  width: 100%;
  position: absolute;
  top: calc(50% - 4.8vw);
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1; }
  @media screen and (min-width: 768px) and (max-width: 1167px) {
    .top_mv-inner {
      top: calc(50% - 5.6vw); } }
  @media screen and (min-width: 813px) {
    .top_mv-inner {
      width: calc(1158 / 1366 * 100%);
      max-width: 1223px;
      top: calc(50% - 19px);
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); } }

.top_mv-img {
  width: 90.66667vw;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1.5s, -webkit-transform 4s;
  transition: opacity 1.5s, -webkit-transform 4s;
  transition: opacity 1.5s, transform 4s;
  transition: opacity 1.5s, transform 4s, -webkit-transform 4s; }
  @media screen and (min-width: 813px) {
    .top_mv-img {
      width: calc(766 / 1158 * 100%);
      margin: 0 auto; } }
  .top_mv-img._active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.top_mv-corner-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none; }
  .top_mv-corner-list li {
    position: absolute; }
    .top_mv-corner-list li a {
      pointer-events: none;
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list li a {
          pointer-events: auto; } }
      .top_mv-corner-list li a:hover .label > div {
        opacity: 1;
        -webkit-transform: rotateY(0);
                transform: rotateY(0); }
    .top_mv-corner-list li._commingSoon a {
      pointer-events: none; }
    .top_mv-corner-list li .pin {
      display: none;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list li .pin {
          opacity: 0;
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transform: translateY(-10px);
                  transform: translateY(-10px);
          -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          /* custom */ }
          .top_mv-corner-list li .pin._active {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0); } }
      .top_mv-corner-list li .pin .pin-img {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
        @media screen and (min-width: 813px) {
          .top_mv-corner-list li .pin .pin-img {
            position: absolute; } }
        .top_mv-corner-list li .pin .pin-img._anim {
          -webkit-animation: bounce 1.3s ease-out infinite;
                  animation: bounce 1.3s ease-out infinite; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list li .pin .shadow-img {
          position: absolute; } }
      .top_mv-corner-list li .pin .shadow-img._anim {
        -webkit-animation: bounce-shadow 1.3s ease-out infinite;
                animation: bounce-shadow 1.3s ease-out infinite; }
    .top_mv-corner-list li .label {
      display: none;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list li .label {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); } }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list li .label > div {
          z-index: 1;
          opacity: 0;
          -webkit-transform: rotateY(180deg);
                  transform: rotateY(180deg);
          -webkit-transition: opacity .3s, -webkit-transform .5s;
          transition: opacity .3s, -webkit-transform .5s;
          transition: opacity .3s, transform .5s;
          transition: opacity .3s, transform .5s, -webkit-transform .5s;
          font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', "游ゴシック Medium", "Yu Gothic Medium", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
          font-size: 12px;
          font-weight: 600;
          color: #000;
          letter-spacing: 0;
          text-align: center;
          background-color: #fff;
          border: 3px solid #F23F18;
          border-radius: 24px;
          padding: 5px 13px;
          position: absolute;
          top: 0;
          left: 0; } }
      .top_mv-corner-list li .label > div::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 14px solid #F23F18;
        border-bottom: 0;
        position: absolute;
        bottom: -14px;
        left: 0;
        right: 0;
        margin: auto; }
  .top_mv-corner-list .island {
    will-change: transform;
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.75);
    transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.75);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.75);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.75), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.75);
    /* custom */ }
    .top_mv-corner-list .island._active {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
  .top_mv-corner-list .shadow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s; }
    .top_mv-corner-list .shadow.active {
      opacity: 1; }
    .top_mv-corner-list .shadow img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  .top_mv-corner-list .corner-01 {
    width: 19.73333vw;
    top: 49.86667vw;
    left: 1.33333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-01 {
        width: calc(154 / 1158 * 100%);
        top: calc(80 / 650 * 100%);
        left: calc(118 / 1158 * 100%); } }
    .top_mv-corner-list .corner-01 .shadow {
      top: 11vw;
      left: 1.6vw; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-01 .shadow {
          width: calc(144 / 154 * 100%);
          top: 66px;
          left: calc(31 / 154 * 100%);
          z-index: -1; } }
    .top_mv-corner-list .corner-01 .pin .pin-img {
      width: calc(35 / 154 * 100%);
      top: 17%;
      left: calc(-1 / 154 * 100%); }
    .top_mv-corner-list .corner-01 .pin .shadow-img {
      width: calc(46 / 154 * 100%);
      top: 40.5%;
      left: 0; }
    .top_mv-corner-list .corner-01 .label {
      width: calc(194 / 154 * 100%);
      position: absolute;
      top: 24.5%;
      left: -28%; }
  .top_mv-corner-list .corner-02 {
    width: 21.06667vw;
    top: 0.53333vw;
    left: -2.66667vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-02 {
        width: calc(172 / 1158 * 100%);
        top: calc(185 / 650 * 100%);
        left: calc(73 / 1158 * 100%); } }
    .top_mv-corner-list .corner-02 .shadow {
      width: 23.46667vw;
      top: 7.73333vw;
      left: 3.2vw;
      z-index: -1; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-02 .shadow {
          display: block;
          width: calc(206 / 172 * 100%);
          top: 62px;
          left: calc(10 / 172 * 100%);
          z-index: -1; } }
    .top_mv-corner-list .corner-02 .pin .pin-img {
      width: calc(35 / 172 * 100%);
      top: 29%;
      left: calc(3 / 172 * 100%); }
    .top_mv-corner-list .corner-02 .pin .shadow-img {
      width: calc(46 / 172 * 100%);
      top: 55.5%;
      left: calc(3 / 172 * 100%); }
    .top_mv-corner-list .corner-02 .label {
      min-width: 142px; }
      .top_mv-corner-list .corner-02 .label > div {
        width: 142px;
        position: absolute;
        top: -6%;
        left: 4%; }
  .top_mv-corner-list .corner-03 {
    width: 21.6vw;
    top: 52.53333vw;
    left: -2.93333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-03 {
        width: calc(201 / 1158 * 100%);
        top: calc(331 / 650 * 100%);
        left: calc(29 / 1158 * 100%); } }
    .top_mv-corner-list .corner-03 .shadow {
      width: 24.8vw;
      top: 8.53333vw;
      left: 3.73333vw; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-03 .shadow {
          width: calc(208 / 201 * 100%);
          top: 120px;
          left: calc(47 / 201 * 100%); } }
    .top_mv-corner-list .corner-03 .pin-img {
      width: calc(35 / 201 * 100%);
      top: 56%;
      left: calc(44 / 201 * 100%); }
    .top_mv-corner-list .corner-03 .shadow-img {
      width: calc(46 / 201 * 100%);
      top: 74%;
      left: calc(44 / 201 * 100%); }
    .top_mv-corner-list .corner-03 .label {
      min-width: 154px; }
      .top_mv-corner-list .corner-03 .label > div {
        width: 154px;
        position: absolute;
        top: 25%;
        left: 15%; }
  .top_mv-corner-list .corner-04 {
    width: 20.8vw;
    top: 65.86667vw;
    left: 15.73333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-04 {
        width: calc(210 / 1158 * 100%);
        top: calc(511 / 650 * 100%);
        left: calc(186 / 1158 * 100%); } }
    .top_mv-corner-list .corner-04 .shadow {
      width: 24.8vw;
      top: 3.73333vw;
      left: 1.84vw; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-04 .shadow {
          width: calc(218 / 210 * 100%);
          top: 46px;
          left: calc(27 / 210 * 100%);
          z-index: -1; } }
    .top_mv-corner-list .corner-04 .pin .pin-img {
      width: calc(35 / 210 * 100%);
      top: 22%;
      left: calc(-1 / 210 * 100%); }
    .top_mv-corner-list .corner-04 .pin .shadow-img {
      width: calc(46 / 210 * 100%);
      top: 42%;
      left: calc(-1 / 210 * 100%); }
    .top_mv-corner-list .corner-04 .label {
      min-width: 142px; }
      .top_mv-corner-list .corner-04 .label > div {
        width: 142px;
        position: absolute;
        top: -9.5%;
        left: 10%; }
  .top_mv-corner-list .corner-05 {
    width: 20vw;
    top: 63.2vw;
    left: 64vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-05 {
        width: calc(185 / 1158 * 100%);
        top: calc(477 / 650 * 100%);
        left: calc(762 / 1158 * 100%); } }
    .top_mv-corner-list .corner-05 .shadow {
      width: 25.33333vw;
      top: 7.44vw;
      left: 2.53333vw; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-05 .shadow {
          width: calc(224 / 185 * 100%);
          top: 33px;
          left: calc(54 / 185 * 100%);
          z-index: -1; } }
    .top_mv-corner-list .corner-05 .pin .pin-img {
      width: calc(35 / 185 * 100%);
      top: 25%;
      left: calc(139 / 185 * 100%); }
    .top_mv-corner-list .corner-05 .pin .shadow-img {
      width: calc(46 / 185 * 100%);
      top: 42.5%;
      left: calc(139 / 185 * 100%); }
    .top_mv-corner-list .corner-05 .label {
      min-width: 142px; }
      .top_mv-corner-list .corner-05 .label > div {
        width: 142px;
        position: absolute;
        top: -6.5%;
        left: 13%; }
  .top_mv-corner-list .corner-06 {
    width: 20.8vw;
    top: 52vw;
    left: 80.8vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-06 {
        width: calc(181 / 1158 * 100%);
        top: calc(312 / 650 * 100%);
        left: calc(926 / 1158 * 100%); } }
    .top_mv-corner-list .corner-06 .shadow {
      top: 13.86667vw;
      left: 2.53333vw; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-06 .shadow {
          width: calc(218 / 181 * 100%);
          top: 78px;
          left: calc(20 / 181 * 100%);
          z-index: -1; } }
    .top_mv-corner-list .corner-06 .pin .pin-img {
      width: calc(35 / 181 * 100%);
      top: 42.5%;
      left: calc(128 / 181 * 100%); }
    .top_mv-corner-list .corner-06 .pin .shadow-img {
      width: calc(46 / 181 * 100%);
      top: 59%;
      left: calc(128 / 181 * 100%); }
    .top_mv-corner-list .corner-06 .label {
      min-width: 94px; }
      .top_mv-corner-list .corner-06 .label > div {
        width: 94px;
        position: absolute;
        top: 7%;
        left: 28%; }
  .top_mv-corner-list .corner-07 {
    width: 15.73333vw;
    top: 6.13333vw;
    left: 86.93333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-07 {
        display: block;
        width: calc(137 / 1158 * 100%);
        top: calc(221 / 650 * 100%);
        left: calc(936 / 1158 * 100%); } }
    .top_mv-corner-list .corner-07 .shadow {
      width: 18.66667vw;
      top: 4.26667vw;
      left: 1.33333vw;
      z-index: -1; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-07 .shadow {
          width: calc(150 / 137 * 100%);
          top: 36px;
          left: calc(9 / 137 * 100%);
          z-index: -1; } }
  .top_mv-corner-list .corner-08 {
    width: 15.2vw;
    top: -3.46667vw;
    left: 72.26667vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-08 {
        display: block;
        width: calc(120 / 1158 * 100%);
        top: calc(133 / 650 * 100%);
        left: calc(870 / 1158 * 100%);
        z-index: -1; } }
    .top_mv-corner-list .corner-08 .shadow {
      width: 18.66667vw;
      top: 4.8vw;
      left: 2.4vw;
      z-index: -1; }
      @media screen and (min-width: 813px) {
        .top_mv-corner-list .corner-08 .shadow {
          width: calc(138 / 120 * 100%);
          top: 54px;
          left: calc(22 / 120 * 100%);
          z-index: -1; } }
  .top_mv-corner-list .corner-09 {
    width: 20.8vw;
    height: 16vw;
    top: 33.86667vw;
    left: 9.86667vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-09 {
        display: block;
        width: calc(211 / 1158 * 100%);
        height: 29%;
        top: 48%;
        left: calc(223 / 1158 * 100%); } }
    .top_mv-corner-list .corner-09 .pin .pin-img {
      width: calc(35 / 211 * 100%);
      top: 24%;
      left: calc(77 / 211 * 100%); }
    .top_mv-corner-list .corner-09 .pin .shadow-img {
      width: calc(46 / 211 * 100%);
      top: 41%;
      left: calc(77 / 211 * 100%); }
    .top_mv-corner-list .corner-09 .label {
      min-width: 154px;
      z-index: 1; }
      .top_mv-corner-list .corner-09 .label > div {
        width: 154px;
        position: absolute;
        top: 34%;
        left: 13%; }
  .top_mv-corner-list .corner-10 {
    width: 17.33333vw;
    height: 20.53333vw;
    top: 25.33333vw;
    left: 31.2vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-10 {
        display: block;
        width: calc(217 / 1158 * 100%);
        height: 26%;
        top: 37%;
        left: calc(437 / 1158 * 100%); } }
    .top_mv-corner-list .corner-10 .pin .pin-img {
      width: calc(35 / 217 * 100%);
      top: 40.5%;
      left: calc(119 / 217 * 100%); }
    .top_mv-corner-list .corner-10 .pin .shadow-img {
      width: calc(46 / 217 * 100%);
      top: 62%;
      left: calc(119 / 217 * 100%); }
    .top_mv-corner-list .corner-10 .label {
      min-width: 118px; }
      .top_mv-corner-list .corner-10 .label > div {
        width: 118px;
        position: absolute;
        top: 23.6%;
        left: -15%; }
  .top_mv-corner-list .corner-11 {
    width: 17.33333vw;
    height: 19.46667vw;
    top: 5.33333vw;
    left: 30.93333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-11 {
        display: block;
        width: calc(231 / 1158 * 100%);
        height: 22%;
        top: 9%;
        left: calc(396 / 1158 * 100%); } }
    .top_mv-corner-list .corner-11 .pin .pin-img {
      width: calc(35 / 231 * 100%);
      top: 39%;
      left: calc(101 / 231 * 100%); }
    .top_mv-corner-list .corner-11 .pin .shadow-img {
      width: calc(46 / 231 * 100%);
      top: 63.4%;
      left: calc(101 / 231 * 100%); }
    .top_mv-corner-list .corner-11 .label {
      min-width: 154px; }
      .top_mv-corner-list .corner-11 .label > div {
        width: 154px;
        position: absolute;
        top: 12.5%;
        left: 6%; }
  .top_mv-corner-list .corner-12 {
    width: 18.66667vw;
    height: 15.73333vw;
    top: 28.53333vw;
    left: 70.93333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-12 {
        display: block;
        width: calc(173 / 1158 * 100%);
        height: 34%;
        top: 37%;
        left: calc(766 / 1158 * 100%); } }
    .top_mv-corner-list .corner-12 .pin .pin-img {
      width: calc(35 / 173 * 100%);
      top: 6%;
      left: calc(139 / 173 * 100%); }
    .top_mv-corner-list .corner-12 .pin .shadow-img {
      width: calc(46 / 173 * 100%);
      top: 20%;
      left: calc(141 / 173 * 100%); }
    .top_mv-corner-list .corner-12 .label {
      min-width: 175px; }
      .top_mv-corner-list .corner-12 .label > div {
        width: 175px;
        position: absolute;
        top: 7.5%;
        left: -46%; }
  .top_mv-corner-list .corner-13 {
    width: 22.93333vw;
    height: 21.6vw;
    top: 15.2vw;
    left: 48.26667vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-13 {
        display: block;
        width: calc(243 / 1158 * 100%);
        height: 27%;
        top: 16%;
        left: calc(614 / 1158 * 100%); } }
    .top_mv-corner-list .corner-13 .pin .pin-img {
      width: calc(35 / 243 * 100%);
      top: 43%;
      left: calc(21 / 243 * 100%); }
    .top_mv-corner-list .corner-13 .pin .shadow-img {
      width: calc(46 / 243 * 100%);
      top: 62%;
      left: calc(21 / 243 * 100%); }
    .top_mv-corner-list .corner-13 .label {
      min-width: 120px; }
      .top_mv-corner-list .corner-13 .label > div {
        width: 120px;
        position: absolute;
        top: -15%;
        left: -2.5%; }
  .top_mv-corner-list .corner-14 {
    width: 18.13333vw;
    height: 17.86667vw;
    top: 15.73333vw;
    left: 13.06667vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-14 {
        display: block;
        width: calc(169 / 1158 * 100%);
        height: 29%;
        top: 19%;
        left: calc(245 / 1158 * 100%); } }
    .top_mv-corner-list .corner-14 .pin .pin-img {
      width: calc(35 / 169 * 100%);
      top: 71.5%;
      left: calc(103 / 169 * 100%); }
    .top_mv-corner-list .corner-14 .pin .shadow-img {
      width: calc(46 / 169 * 100%);
      top: 90%;
      left: calc(103 / 169 * 100%); }
    .top_mv-corner-list .corner-14 .label {
      min-width: 135px; }
      .top_mv-corner-list .corner-14 .label > div {
        width: 135px;
        position: absolute;
        top: 15%;
        left: 8%; }
  .top_mv-corner-list .corner-15 {
    width: 16.26667vw;
    height: 18.4vw;
    top: 37.06667vw;
    left: 55.73333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-corner-list .corner-15 {
        display: block;
        width: calc(114 / 1158* 100%);
        height: 28%;
        top: 46.5%;
        left: calc(653 / 1158* 100%); } }
    .top_mv-corner-list .corner-15 .pin .pin-img {
      width: calc(35 / 114* 100%);
      top: 39%;
      left: calc(70 / 114* 100%); }
    .top_mv-corner-list .corner-15 .pin .shadow-img {
      width: calc(46 / 114* 100%);
      top: 57%;
      left: calc(70 / 114* 100%); }
    .top_mv-corner-list .corner-15 .label {
      min-width: 118px; }
      .top_mv-corner-list .corner-15 .label > div {
        width: 118px;
        position: absolute;
        top: -3%;
        left: -28%; }

.top_mv-satellite {
  width: 9.06667vw;
  position: absolute;
  top: -1.33333vw;
  left: 22.4vw; }
  @media screen and (min-width: 813px) {
    .top_mv-satellite {
      width: calc(67 / 1158 * 100%);
      top: calc(-11 / 650 * 100%);
      left: calc(350 / 1158 * 100%); } }
  .top_mv-satellite .satellite {
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: opacity 1s, -webkit-transform .8s;
    transition: opacity 1s, -webkit-transform .8s;
    transition: opacity 1s, transform .8s;
    transition: opacity 1s, transform .8s, -webkit-transform .8s;
    will-change: transform; }
    .top_mv-satellite .satellite._active {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }

.top_mv-drone-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none; }
  .top_mv-drone-list li {
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: opacity 1.5s, -webkit-transform 0.8s;
    transition: opacity 1.5s, -webkit-transform 0.8s;
    transition: opacity 1.5s, transform 0.8s;
    transition: opacity 1.5s, transform 0.8s, -webkit-transform 0.8s;
    will-change: transform; }
    .top_mv-drone-list li._active {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .top_mv-drone-list .drone-01 {
    width: 10.13333vw;
    position: absolute;
    top: -0.53333vw;
    left: 38.93333vw; }
    @media screen and (min-width: 813px) {
      .top_mv-drone-list .drone-01 {
        width: calc(85 / 1158 * 100%);
        top: calc(-4 / 650 * 100%);
        left: calc(487 / 1158 * 100%); } }
  .top_mv-drone-list .drone-02 {
    width: 13.33333vw;
    position: absolute;
    top: 45.06667vw;
    left: 26.4vw; }
    @media screen and (min-width: 813px) {
      .top_mv-drone-list .drone-02 {
        width: calc(116 / 1158 * 100%);
        top: 58.1%;
        left: calc(378 / 1158 * 100%); } }
    .top_mv-drone-list .drone-02 .drone-img {
      width: 9.86667vw; }
      @media screen and (min-width: 813px) {
        .top_mv-drone-list .drone-02 .drone-img {
          width: calc(89 / 116 * 100%); } }
    .top_mv-drone-list .drone-02 .shadow-img {
      width: 11.46667vw;
      position: absolute;
      top: 4.53333vw;
      left: 2.4vw; }
      @media screen and (min-width: 813px) {
        .top_mv-drone-list .drone-02 .shadow-img {
          width: calc(114 / 116 * 100%);
          top: 65%;
          left: 16%; } }

.top_mv-cloud {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none; }
  @media screen and (min-width: 813px) {
    .top_mv-cloud {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_mv-cloud {
    display: none; }
  .top_mv-cloud li {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
  .top_mv-cloud .cloud-01 {
    width: 29.86667vw;
    top: calc(50% - 54.93333vw);
    left: calc(50% - 45.6vw); }
    @media screen and (min-width: 813px) {
      .top_mv-cloud .cloud-01 {
        width: 262px;
        top: calc(50% - 114px);
        left: calc(50% - 623px); } }
  .top_mv-cloud .cloud-02 {
    width: 24.8vw;
    top: calc(50% + 33.33333vw);
    left: calc(50% + 40.8vw); }
    @media screen and (min-width: 813px) {
      .top_mv-cloud .cloud-02 {
        width: 231px;
        top: calc(50% + 179px);
        left: calc(50% + 637px); } }

.top_mv-firework {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  display: none; }
  @media screen and (min-width: 813px) {
    .top_mv-firework {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_mv-firework {
    display: none; }
    @media screen and (min-width: 813px) {
      .is-Night .top_mv-firework {
        display: block; } }
  .top_mv-firework li {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 1; }
    .top_mv-firework li img {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 813px) {
    .top_mv-firework .firework-01 {
      width: 107px;
      top: calc(50% - 235px);
      left: calc(50% + 670px); } }
  @media screen and (min-width: 813px) {
    .top_mv-firework .firework-02 {
      width: 113px;
      top: calc(50% - 200px);
      left: calc(50% - 570px); } }
  @media screen and (min-width: 813px) {
    .top_mv-firework .firework-03 {
      width: 195px;
      top: calc(50% + 77px);
      left: calc(50% + 559px); } }
  @media screen and (min-width: 813px) {
    .top_mv-firework .firework-04 {
      width: 107px;
      top: calc(50% + 348px);
      left: calc(50% - 485px); } }
  @media screen and (min-width: 813px) {
    .top_mv-firework .firework-05 {
      width: 201px;
      top: calc(50% + 441px);
      left: calc(50% + 204px); } }

.top_highlight {
  margin-top: -30.13333vw;
  padding-bottom: 36.53333vw;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(26.66667vw, transparent), color-stop(26.66667vw, #aee400), to(#aee400));
  background: linear-gradient(to bottom, transparent 0%, transparent 26.66667vw, #aee400 26.66667vw, #aee400 100%);
  position: relative; }
  @media screen and (min-width: 813px) {
    .top_highlight {
      margin-top: 0;
      padding-top: 25px;
      padding-bottom: 38px;
      background: linear-gradient(to bottom, transparent 501px, #aee400 501px, #aee400 100%); } }
  .is-Night .top_highlight {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(8.26667vw, transparent), color-stop(8.26667vw, #00237B), to(#00237B));
    background: linear-gradient(to bottom, transparent 0%, transparent 8.26667vw, #00237B 8.26667vw, #00237B 100%); }
    @media screen and (min-width: 813px) {
      .is-Night .top_highlight {
        background: linear-gradient(to bottom, transparent 501px, #00237B 501px, #00237B 100%); } }
  .top_highlight .module-block-title-04 {
    padding: 0 4.26667vw;
    margin-bottom: 6.93333vw; }
    @media screen and (min-width: 813px) {
      .top_highlight .module-block-title-04 {
        padding: 0;
        margin-bottom: 46px; } }
    .top_highlight .module-block-title-04 > span {
      font-size: 5.33333vw; }
      @media screen and (min-width: 813px) {
        .top_highlight .module-block-title-04 > span {
          font-size: 38px;
          margin-bottom: 15px; } }
      .is-Night .top_highlight .module-block-title-04 > span {
        color: #000; }
        @media screen and (min-width: 813px) {
          .is-Night .top_highlight .module-block-title-04 > span {
            color: #fff; } }
    .top_highlight .module-block-title-04 > i {
      font-size: 3.73333vw;
      color: #00A8A9;
      line-height: 1; }
      @media screen and (min-width: 813px) {
        .top_highlight .module-block-title-04 > i {
          font-size: 20px;
          color: #000; } }
      @media screen and (min-width: 813px) {
        .is-Night .top_highlight .module-block-title-04 > i {
          color: #fff; } }
  .top_highlight-inner {
    position: relative;
    z-index: 1; }
  .top_highlight-box {
    background-color: #fff;
    padding: 10.13333vw 0 0;
    border-radius: 4.26667vw;
    -webkit-box-shadow: 0 0.26667vw 1.6vw rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.26667vw 1.6vw rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 813px) {
      .top_highlight-box {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none; } }
    @media screen and (max-width: 812px) {
      .top_highlight-box.lazy {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity .4s, -webkit-transform .4s;
        transition: opacity .4s, -webkit-transform .4s;
        transition: opacity .4s, transform .4s;
        transition: opacity .4s, transform .4s, -webkit-transform .4s; } }
    @media screen and (max-width: 812px) {
      .top_highlight-box.lazy._active {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); } }
  @media screen and (min-width: 813px) {
    .top_highlight-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .top_highlight-list li {
    width: 100%;
    overflow: hidden;
    background-image: repeating-linear-gradient(90deg, #d8d8d8, #d8d8d8 2px, transparent 2px, transparent 4px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 1px; }
    @media screen and (min-width: 813px) {
      .top_highlight-list li {
        width: calc(555 / 1126 * 100%);
        overflow: visible;
        background-image: none;
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
        margin-right: calc(16 / 1126 * 100%);
        margin-bottom: 26px; } }
    .top_highlight-list li:nth-of-type(even) {
      margin-right: 0; }
    @media screen and (min-width: 813px) {
      .top_highlight-list li.lazy {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity .4s, -webkit-transform .4s;
        transition: opacity .4s, -webkit-transform .4s;
        transition: opacity .4s, transform .4s;
        transition: opacity .4s, transform .4s, -webkit-transform .4s; } }
    @media screen and (min-width: 813px) {
      .top_highlight-list li.lazy._active {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); } }
    .top_highlight-list li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 4.26667vw; }
      @media screen and (min-width: 813px) {
        .top_highlight-list li a {
          display: block;
          padding: 0;
          background-color: #fff;
          border-radius: 16px;
          overflow: hidden; } }
  @media screen and (min-width: 813px) and (min-width: 813px) {
    .top_highlight-list li a {
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } }
      @media screen and (min-width: 813px) {
        .top_highlight-list li a:hover {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); } }
      .top_highlight-list li a ._item-img {
        width: 19.2vw;
        border-radius: 2.66667vw;
        overflow: hidden; }
        @media screen and (min-width: 813px) {
          .top_highlight-list li a ._item-img {
            width: 100%;
            border-radius: 0; } }
      .top_highlight-list li a ._item-title {
        width: 59.46667vw;
        padding: 0 7.73333vw 0 5.33333vw;
        position: relative; }
        @media screen and (min-width: 813px) {
          .top_highlight-list li a ._item-title {
            width: 100%;
            padding: 15px 64px 15px 24px;
            position: relative; } }
        .top_highlight-list li a ._item-title::after {
          content: "";
          display: block;
          background-image: url("/special/virtual-exhibition-2026/assets/img/common/ico_arrow_r_green_02.svg");
          background-size: 6.4vw;
          background-repeat: no-repeat;
          background-position: center top;
          width: 6.4vw;
          height: 6.4vw;
          display: block;
          position: relative;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto; }
          @media screen and (min-width: 813px) {
            .top_highlight-list li a ._item-title::after {
              background-image: url("/special/virtual-exhibition-2026/assets/img/common/ico_arrow_r_green_02.svg");
              background-size: 30px;
              background-repeat: no-repeat;
              background-position: center top;
              width: 30px;
              height: 30px;
              display: block;
              position: relative;
              position: absolute;
              right: 24px; } }
        .top_highlight-list li a ._item-title > span {
          display: block;
          font-size: 4vw;
          font-weight: 600; }
          @media screen and (min-width: 813px) {
            .top_highlight-list li a ._item-title > span {
              font-size: 20px; } }
        .top_highlight-list li a ._item-title > i {
          display: none; }
          @media screen and (min-width: 813px) {
            .top_highlight-list li a ._item-title > i {
              display: block;
              font-size: 14px;
              font-family: "Montserrat", sans-serif;
              font-weight: 700;
              line-height: 1;
              font-style: normal;
              color: #00A8A9;
              margin-top: 6px; } }

.top_news {
  padding-bottom: 57.06667vw;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(8vw, transparent), color-stop(8.26667vw, #94D504), to(#94D504));
  background: linear-gradient(to bottom, transparent 0%, transparent 8vw, #94D504 8.26667vw, #94D504 100%);
  position: relative; }
  @media screen and (min-width: 813px) {
    .top_news {
      padding-top: 122px;
      padding-bottom: 120px;
      background: linear-gradient(to bottom, transparent 500px, #94D504 501px, #94D504 100%); } }
  .top_news::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-01_sp.svg");
    background-size: 280.53333vw 71.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 280.53333vw;
    height: 71.46667vw;
    display: block;
    position: relative;
    position: absolute;
    top: -35.2vw;
    left: -122.66667vw; }
    @media screen and (min-width: 813px) {
      .top_news::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-01_pc.svg");
        background-size: 3411px 868px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 868px;
        display: block;
        position: relative;
        position: absolute;
        top: -131px;
        left: calc(50% - 483px);
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .is-Night .top_news {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(8vw, transparent), color-stop(8.26667vw, #021D60), to(#021D60));
    background: linear-gradient(to bottom, transparent 0%, transparent 8vw, #021D60 8.26667vw, #021D60 100%); }
    @media screen and (min-width: 813px) {
      .is-Night .top_news {
        background: linear-gradient(to bottom, transparent 500px, #021D60 501px, #021D60 100%); } }
    .is-Night .top_news::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-01-night_sp.svg");
      background-size: 280.53333vw 71.46667vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 280.53333vw;
      height: 71.46667vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .top_news::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-01-night_pc.svg");
          background-size: 3411px 868px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 3411px;
          height: 868px;
          display: block;
          position: relative;
          position: absolute; } }
  @media screen and (max-width: 812px) {
    .top_news .module-button {
      margin-top: 5.33333vw; } }

.top_news-inner {
  position: relative;
  z-index: 1;
  padding-top: 1.86667vw; }
  @media screen and (min-width: 813px) {
    .top_news-inner {
      padding-top: 11px; } }

.top_news-cloud {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1; }
  @media screen and (min-width: 813px) {
    .top_news-cloud {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_news-cloud {
    display: none; }
  .top_news-cloud li {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .top_news-cloud .cloud-01 {
    width: 41.06667vw;
    top: -24vw;
    left: calc(50% + 47.46667vw); }
    @media screen and (min-width: 813px) {
      .top_news-cloud .cloud-01 {
        width: 216px;
        top: -45px;
        left: calc(50% - 83px); } }
  .top_news-cloud .cloud-02 {
    display: none; }
    @media screen and (min-width: 813px) {
      .top_news-cloud .cloud-02 {
        display: block;
        width: 144px;
        top: -68px;
        left: calc(50% + 276px); } }
  .top_news-cloud .cloud-03 {
    width: 35.46667vw;
    bottom: -26.4vw;
    left: calc(50% - 50.4vw); }
    @media screen and (min-width: 813px) {
      .top_news-cloud .cloud-03 {
        width: 295px;
        bottom: -103px;
        left: calc(50% - 605px); } }
  .top_news-cloud .cloud-04 {
    width: 40vw;
    bottom: -22.26667vw;
    left: calc(50% + 50.13333vw); }
    @media screen and (min-width: 813px) {
      .top_news-cloud .cloud-04 {
        width: 262px;
        bottom: -128px;
        left: calc(50% + 622px); } }

.top_news-firework {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  display: none; }
  .is-Night .top_news-firework {
    display: block; }
    @media screen and (min-width: 813px) {
      .is-Night .top_news-firework {
        display: none; } }
  .top_news-firework li {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
    .top_news-firework li img {
      width: 100%;
      height: auto; }
  .top_news-firework .firework-01 {
    width: 17.06667vw;
    top: -21.33333vw;
    left: calc(50% - 14.4vw); }
  .top_news-firework .firework-02 {
    width: 28.53333vw;
    top: -9.6vw;
    left: calc(50% + 38.93333vw); }

.top_pickUp {
  position: relative;
  margin-top: -4vw;
  padding-bottom: 83.46667vw;
  background: linear-gradient(to bottom, transparent 26.66667vw, #aee400 26.93333vw, #aee400 calc(100% - 200px), transparent calc(100% - 199px), transparent 100%); }
  @media screen and (min-width: 813px) {
    .top_pickUp {
      margin-top: -152px;
      padding-bottom: 419px;
      background: linear-gradient(to bottom, transparent 500px, #aee400 501px, #aee400 calc(100% - 500px), transparent calc(100% - 499px), transparent 100%); } }
  .top_pickUp::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-02_sp.svg");
    background-size: 280.53333vw 71.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 280.53333vw;
    height: 71.46667vw;
    display: block;
    position: relative;
    position: absolute;
    top: -32vw;
    left: calc(50% - 32.26667vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .top_pickUp::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-02_pc.svg");
        background-size: 3411px 868px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 868px;
        display: block;
        position: relative;
        position: absolute;
        top: -280px;
        left: calc(50% - 482px); } }
  .top_pickUp::after {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-03_sp.svg");
    background-size: 301.33333vw 80.53333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 301.33333vw;
    height: 80.53333vw;
    display: block;
    position: relative;
    position: absolute;
    bottom: -16.53333vw;
    left: calc(50% + 134px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .top_pickUp::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-03_pc.svg");
        background-size: 3621px 941px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3621px;
        height: 941px;
        display: block;
        position: relative;
        position: absolute;
        bottom: -215px;
        left: calc(50% + 306px); } }
  .is-Night .top_pickUp {
    background: linear-gradient(to bottom, transparent 26.66667vw, #00298C 26.93333vw, #00298C calc(100% - 200px), transparent calc(100% - 199px), transparent 100%); }
    @media screen and (min-width: 813px) {
      .is-Night .top_pickUp {
        background: linear-gradient(to bottom, transparent 500px, #00298C 501px, #00298C calc(100% - 500px), transparent calc(100% - 499px), transparent 100%); } }
    .is-Night .top_pickUp::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-02-night_sp.svg");
      background-size: 280.53333vw 71.46667vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 280.53333vw;
      height: 71.46667vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .top_pickUp::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-02-night_pc.svg");
          background-size: 3411px 868px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 3411px;
          height: 868px;
          display: block;
          position: relative;
          position: absolute; } }
    .is-Night .top_pickUp::after {
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-03-night_sp.svg");
      background-size: 301.33333vw 80.53333vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 301.33333vw;
      height: 80.53333vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .top_pickUp::after {
          background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-03-night_pc.svg");
          background-size: 3621px 941px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 3621px;
          height: 941px;
          display: block;
          position: relative;
          position: absolute; } }

.top_pickUp-inner {
  position: relative;
  z-index: 1;
  padding-top: 6.13333vw; }
  @media screen and (min-width: 813px) {
    .top_pickUp-inner {
      padding-top: 0; } }

@media screen and (min-width: 813px) {
  .top_pickUp-l-inner {
    max-width: calc(1196px + 60px);
    margin: 0 auto;
    padding: 0 30px; } }

.top_pickUp-bg-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2; }
  @media screen and (min-width: 813px) {
    .top_pickUp-bg-list {
      top: 0; } }
  .top_pickUp-bg-list li {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list li {
        -webkit-transform: translateX(-50%) scale(0.7);
                transform: translateX(-50%) scale(0.7);
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55); }
        .top_pickUp-bg-list li.slide {
          -webkit-transform: translateX(-50%) translateY(50px) scale(0.9);
                  transform: translateX(-50%) translateY(50px) scale(0.9);
          -webkit-transition: opacity 0.5s, -webkit-transform 0.4s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, -webkit-transform 0.4s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, transform 0.4s cubic-bezier(0.685, -0.045, 0.265, 1.55);
          transition: opacity 0.5s, transform 0.4s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.685, -0.045, 0.265, 1.55); } }
  .top_pickUp-bg-list .top_pickUp-bg-01 {
    width: 122.13333vw;
    position: absolute;
    top: 17.33333vw;
    left: calc(50% + 9.06667vw);
    z-index: 2; }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-01 {
        width: 992px;
        top: -59px;
        left: calc(50% + 221px); } }
  .top_pickUp-bg-list .top_pickUp-bg-02 {
    width: 33.6vw;
    position: absolute;
    top: 77.33333vw;
    left: calc(50% + 42.4vw);
    z-index: 2; }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-02 {
        width: 416px;
        top: 432px;
        left: calc(50% - 454px);
        z-index: 0; } }
  .top_pickUp-bg-list .top_pickUp-bg-02-shadow {
    width: 32.26667vw;
    position: absolute;
    top: 85.2vw;
    left: calc(50% + 41.33333vw);
    z-index: 0; }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-02-shadow {
        width: 381.2px;
        top: 547px;
        left: calc(50% - 442px); } }
  .top_pickUp-bg-list .top_pickUp-bg-03 {
    width: 30.66667vw;
    position: absolute;
    top: 19.46667vw;
    left: calc(50% - 15.73333vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-03 {
        width: 305px;
        top: 565px;
        left: calc(50% - 239px); } }
  .top_pickUp-bg-list .top_pickUp-bg-03-shadow {
    width: 32.53333vw;
    position: absolute;
    top: 28.26667vw;
    left: calc(50% - 12.8vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-03-shadow {
        width: 300px;
        top: 660px;
        left: calc(50% - 209px); } }
  .top_pickUp-bg-list .top_pickUp-bg-04 {
    width: 33.70667vw;
    position: absolute;
    top: 30.4vw;
    left: calc(50% - 43.73333vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-04 {
        width: 311px;
        top: 581.2px;
        left: calc(50% + 449px); } }
  .top_pickUp-bg-list .top_pickUp-bg-04-shadow {
    width: 31.84vw;
    position: absolute;
    top: 43.73333vw;
    left: calc(50% - 40vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-04-shadow {
        width: 294px;
        top: 704.4px;
        left: calc(50% + 481px); } }
  .top_pickUp-bg-list .top_pickUp-bg-05 {
    width: 19.73333vw;
    position: absolute;
    top: -1.33333vw;
    left: calc(50% + 34.13333vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-05 {
        width: 223px;
        top: -44px;
        left: calc(50% - 14px); } }
  .top_pickUp-bg-list .top_pickUp-bg-06 {
    width: 28.8vw;
    position: absolute;
    bottom: -60.8vw;
    left: calc(50% - 4.53333vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-06 {
        width: 215px;
        bottom: -372px;
        left: calc(50% + 193px); } }
  .top_pickUp-bg-list .top_pickUp-bg-07 {
    width: 23.2vw;
    position: absolute;
    bottom: -49.06667vw;
    left: calc(50% + 17.86667vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-07 {
        width: 199px;
        bottom: -252px;
        left: calc(50% + 338px); } }
  .top_pickUp-bg-list .top_pickUp-bg-08 {
    width: 23.73333vw;
    position: absolute;
    bottom: -59.2vw;
    left: calc(50% + 39.2vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-bg-list .top_pickUp-bg-08 {
        width: 204px;
        bottom: -312px;
        left: calc(50% + 532px); } }

.top_pickUp-button-block {
  position: relative;
  z-index: 1;
  margin-top: 84.46667vw; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-block {
      margin-top: 128px;
      z-index: 2; } }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-block .module-page-button-02-link {
      padding: 47px 48px 44px; } }
  @media screen and (min-width: 813px) and (min-width: 813px) {
    .top_pickUp-button-block .module-page-button-02-link {
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-block .module-page-button-02-link:hover {
      background-color: #fff;
      -webkit-transform: scale(1.05);
              transform: scale(1.05); } }

.top_pickUp-button-02,
.top_pickUp-button-03 {
  padding-top: 49.6vw;
  position: relative; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-02,
    .top_pickUp-button-03 {
      padding-top: 0; } }
  .top_pickUp-button-02 .module-page-button-02,
  .top_pickUp-button-03 .module-page-button-02 {
    z-index: 1; }
    @media screen and (min-width: 813px) {
      .top_pickUp-button-02 .module-page-button-02,
      .top_pickUp-button-03 .module-page-button-02 {
        position: absolute;
        top: 50%;
        margin: auto;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        max-width: 456px; } }
    .top_pickUp-button-02 .module-page-button-02-title span,
    .top_pickUp-button-03 .module-page-button-02-title span {
      font-size: 6.4vw; }
      @media screen and (min-width: 813px) {
        .top_pickUp-button-02 .module-page-button-02-title span,
        .top_pickUp-button-03 .module-page-button-02-title span {
          font-size: 30px; } }
    @media screen and (max-width: 812px) {
      .top_pickUp-button-02 .module-page-button-02-title i,
      .top_pickUp-button-03 .module-page-button-02-title i {
        margin-top: 0.8vw; } }

.top_pickUp-button-02 {
  margin: 13.86667vw 0 6.13333vw; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-02 {
      margin: 450px 0 120px; } }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-02 .module-page-button-02 {
      right: 0; } }

.top_pickUp-button-03 {
  margin: 0 0 78px; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-03 {
      margin: 0 0 130px; } }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-03 .module-page-button-02 {
      left: 0; } }

.top_pickUp-button-04 {
  width: 87.2vw;
  margin: 0 auto; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-04 {
      width: 100%; } }
  .top_pickUp-button-04 a {
    display: block; }

@media screen and (min-width: 813px) and (min-width: 813px) {
  .top_pickUp-button-04 a {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } }
    @media screen and (min-width: 813px) {
      .top_pickUp-button-04 a:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); } }
    .top_pickUp-button-04 a img {
      max-width: none;
      width: 100%;
      height: auto;
      vertical-align: top; }

.top_pickUp-button-img-wrap {
  width: 100%;
  height: 49.6vw;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-img-wrap {
      width: calc(1016 / 1193 * 100%);
      height: 440px;
      border-radius: 30px;
      position: relative; } }
  @media screen and (min-width: 813px) {
    .top_pickUp-button-03 .top_pickUp-button-img-wrap {
      margin: 0 0 0 auto; } }

.top_pickUp-button-img {
  position: absolute;
  top: 0; }
  .top_pickUp-button-02 .top_pickUp-button-img {
    width: 117.06667vw;
    left: -10.66667vw; }
    @media screen and (min-width: 813px) {
      .top_pickUp-button-02 .top_pickUp-button-img {
        width: 1016px;
        left: auto;
        right: 0; } }
  .top_pickUp-button-03 .top_pickUp-button-img {
    width: 115.2vw;
    left: -6.93333vw; }
    @media screen and (min-width: 813px) {
      .top_pickUp-button-03 .top_pickUp-button-img {
        width: 1016px;
        left: 0; } }
  .top_pickUp-button-img img {
    max-width: none;
    width: 100%; }

.top_pickUp-firework {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  display: none; }
  @media screen and (min-width: 813px) {
    .top_pickUp-firework {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_pickUp-firework {
    display: block; }
  .top_pickUp-firework li {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
    .top_pickUp-firework li img {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 813px) {
    .top_pickUp-firework .firework-01 {
      display: block;
      width: 195px;
      top: -250px;
      left: calc(50% - 436px); } }
  .top_pickUp-firework .firework-02 {
    width: 23.46667vw;
    bottom: 58.66667vw;
    left: calc(50% - 35.2vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-firework .firework-02 {
        display: block;
        width: 107px;
        bottom: auto;
        top: -170px;
        left: calc(50% - 110px); } }
  .top_pickUp-firework .firework-03 {
    width: 24.53333vw;
    top: -26.66667vw;
    left: calc(50% - 9.33333vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-firework .firework-03 {
        width: 183px;
        top: -270px;
        left: calc(50% + 408px); } }
  .top_pickUp-firework .firework-04 {
    width: 28.53333vw;
    bottom: -22.66667vw;
    left: calc(50% + 24vw); }
    @media screen and (min-width: 813px) {
      .top_pickUp-firework .firework-04 {
        width: 195px;
        bottom: -302px;
        left: calc(50% - 94px); } }
  .top_pickUp-firework .firework-05 {
    width: 17.06667vw;
    bottom: -39.2vw;
    left: calc(50% - 29.33333vw); }

.top_solution {
  padding: 1.06667vw 0 20.53333vw;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AEE400), to(#AEE400));
  background: linear-gradient(to bottom, #AEE400 0, #AEE400 100%);
  position: relative; }
  @media screen and (min-width: 813px) {
    .top_solution {
      padding: 135px 0 140px;
      background: linear-gradient(to bottom, transparent 100px, #AEE400 101px, #AEE400 100%); } }
  .top_solution::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-04_sp.svg");
    background-size: 280.53333vw 71.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 280.53333vw;
    height: 71.46667vw;
    display: block;
    position: relative;
    position: absolute;
    top: -35.2vw;
    left: calc(50% - 32.26667vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .top_solution::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-04_pc.svg");
        background-size: 3411px 302px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 302px;
        display: block;
        position: relative;
        position: absolute;
        top: -118px;
        left: calc(50% - 602px); } }
  .is-Night .top_solution {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00298C), to(#00298C));
    background: linear-gradient(to bottom, #00298C 0, #00298C 100%); }
    @media screen and (min-width: 813px) {
      .is-Night .top_solution {
        background: linear-gradient(to bottom, transparent 100px, #00298C 101px, #00298C 100%); } }
    .is-Night .top_solution::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-04-night_sp.svg");
      background-size: 280.53333vw 71.46667vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 280.53333vw;
      height: 71.46667vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .top_solution::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/top/bg-wave-04-night_pc.svg");
          background-size: 3411px 302px;
          background-repeat: no-repeat;
          background-position: center top;
          width: 3411px;
          height: 302px;
          display: block;
          position: relative;
          position: absolute; } }
  @media screen and (min-width: 813px) {
    .top_solution .module-block-title-04 {
      margin-bottom: 0; } }
  .top_solution .module-block-title-04 span {
    line-height: 1.26; }
    @media screen and (max-width: 812px) {
      .top_solution .module-block-title-04 span {
        line-height: 1.142; } }

.top_solution-inner {
  position: relative;
  z-index: 1;
  padding-top: 5.86667vw; }
  @media screen and (min-width: 813px) {
    .top_solution-inner {
      padding-top: 0; } }

.top_solution-bg-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .top_solution-bg-list li {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute; }
    @media screen and (min-width: 813px) {
      .top_solution-bg-list li {
        -webkit-transform: translateX(-50%) scale(0.7);
                transform: translateX(-50%) scale(0.7);
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55);
        transition: opacity 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.685, -0.045, 0.265, 1.55); } }
    .top_solution-bg-list li img {
      width: 100%;
      max-width: none; }
  .top_solution-bg-list .top_solution-bg-01 {
    width: 29.68vw;
    bottom: -45.33333vw;
    left: calc(50% - 16vw); }
    @media screen and (min-width: 813px) {
      .top_solution-bg-list .top_solution-bg-01 {
        width: 209px;
        bottom: -434px;
        left: calc(50% + 104px); } }
  .top_solution-bg-list .top_solution-bg-02 {
    width: 23.25333vw;
    bottom: -32.26667vw;
    left: calc(50% + 9.33333vw); }
    @media screen and (min-width: 813px) {
      .top_solution-bg-list .top_solution-bg-02 {
        width: 210px;
        bottom: -339px;
        left: calc(50% + 270px); } }
  .top_solution-bg-list .top_solution-bg-03 {
    width: 27.2vw;
    bottom: -41.6vw;
    left: calc(50% + 33.6vw); }
    @media screen and (min-width: 813px) {
      .top_solution-bg-list .top_solution-bg-03 {
        width: 189px;
        bottom: -412px;
        left: calc(50% + 443px); } }

@media screen and (min-width: 813px) {
  .top_solution-button-block {
    width: calc(1070 / 1110 * 100%);
    max-width: 1070px;
    margin: -30px auto 0;
    height: 1450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03:nth-of-type(1), .top_solution-button-block .module-page-button-03:nth-of-type(3), .top_solution-button-block .module-page-button-03:nth-of-type(5) {
    margin-right: calc(70 / 1070 * 100%); } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03-link {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03-link:hover {
    background-color: #fff;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); } }

.top_solution-button-block .module-page-button-03.lazy {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s, -webkit-transform .4s; }
  .top_solution-button-block .module-page-button-03.lazy._active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._smartAgri {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 129px; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._grains {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._vegetables-fruits {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._dairy-livestock {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._service {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; } }

@media screen and (min-width: 813px) {
  .top_solution-button-block .module-page-button-03._safety {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; } }

.top_solution-cloud {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none; }
  @media screen and (min-width: 813px) {
    .top_solution-cloud {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_solution-cloud {
    display: none; }
  .top_solution-cloud li {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .top_solution-cloud .cloud-01 {
    display: none; }
    @media screen and (min-width: 813px) {
      .top_solution-cloud .cloud-01 {
        display: block;
        width: 253px;
        top: -158px;
        left: calc(50% - 67px); } }
  .top_solution-cloud .cloud-02 {
    width: 45.33333vw;
    bottom: -23.2vw;
    left: calc(50% - 39.2vw); }
    @media screen and (min-width: 813px) {
      .top_solution-cloud .cloud-02 {
        width: 253px;
        bottom: -20px;
        left: calc(50% - 349px); } }
  .top_solution-cloud .cloud-03 {
    width: 27.73333vw;
    top: -26.66667vw;
    left: calc(50% - 7.73333vw); }
    @media screen and (min-width: 813px) {
      .top_solution-cloud .cloud-03 {
        width: 144px;
        top: auto;
        bottom: -230px;
        left: calc(50% + 571px); } }

.top_solution-firework {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
  display: none; }
  @media screen and (min-width: 813px) {
    .top_solution-firework {
      width: calc(1193 / 1366 * 100%); } }
  .is-Night .top_solution-firework {
    display: block; }
  .top_solution-firework li {
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
    .top_solution-firework li img {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 813px) {
    .top_solution-firework .firework-01 {
      width: 134px;
      top: -207px;
      left: calc(50% - 467px); } }
  .top_solution-firework .firework-02 {
    width: 19.46667vw;
    bottom: -68vw;
    left: calc(50% + 24.53333vw); }
    @media screen and (min-width: 813px) {
      .top_solution-firework .firework-02 {
        width: 107px;
        bottom: auto;
        top: 10px;
        left: calc(50% - 94px); } }
  .top_solution-firework .firework-03 {
    width: 24.53333vw;
    top: -23.2vw;
    left: calc(50% - 9.33333vw); }
  @media screen and (min-width: 813px) {
    .top_solution-firework .firework-04 {
      width: 265px;
      bottom: -179px;
      left: calc(50% - 132px); } }
  .top_solution-firework .firework-05 {
    width: 19.46667vw;
    top: -36.26667vw;
    left: calc(50% - 20.8vw); }
    @media screen and (min-width: 813px) {
      .top_solution-firework .firework-05 {
        width: 107px;
        top: auto;
        bottom: -221px;
        left: calc(50% - 377px); } }
  .top_solution-firework .firework-06 {
    width: 28.53333vw;
    top: -28.53333vw;
    left: calc(50% + 24vw); }
    @media screen and (min-width: 813px) {
      .top_solution-firework .firework-06 {
        width: 195px;
        top: auto;
        bottom: -363px;
        left: calc(50% + 653px); } }

/*# sourceMappingURL=maps/top.css.map */