@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; } }

/************************************************************************
 * Grains css
 *************************************************************************/
body {
  background: url("/special/virtual-exhibition-2026/assets/img/grains/bg_illust_top_01_sp.jpg") no-repeat center 16vw/contain; }
  @media screen and (min-width: 813px) {
    body {
      background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg_illust_top_01_pc.jpg");
      background-position-y: top;
      background-size: 1366px auto; } }
  @media screen and (min-width: 1366px) {
    body {
      background-size: contain; } }

.grains {
  position: relative;
  z-index: 1;
  padding-top: 8vw; }
  @media screen and (min-width: 813px) {
    .grains {
      padding-top: 10px; } }
  .grains .module-anchor-button {
    margin-bottom: 11.73333vw; }
    @media screen and (min-width: 813px) {
      .grains .module-anchor-button {
        margin-bottom: 64px; } }
  .grains .module-product-section {
    position: relative;
    z-index: 1; }
  .is-Night .grains .module-product-title-01,
  .is-Night .grains .module-product-title-02,
  .is-Night .grains .module-product-title-04,
  .is-Night .grains .module-product-title-05,
  .is-Night .grains .module-product-text-01 {
    color: #fff; }
  .is-Night .grains .module-product-title-02-text::before {
    background-color: #fff; }

.grains_product {
  background-color: #aee400;
  padding-bottom: 2.66667vw;
  position: relative; }
  @media screen and (min-width: 813px) {
    .grains_product {
      background: linear-gradient(to bottom, transparent 350px, #aee400 350px, #aee400 100%);
      padding-bottom: 92px; } }
  .is-Night .grains_product {
    background-color: transparent; }
    @media screen and (min-width: 813px) {
      .is-Night .grains_product {
        background: transparent; } }

.grains_product-inner {
  position: relative;
  z-index: 1; }

.grain_highlights {
  background-color: #94D504;
  margin-top: 39.2vw;
  padding-bottom: 40vw;
  position: relative; }
  @media screen and (min-width: 813px) {
    .grain_highlights {
      margin-top: 353px;
      padding-bottom: 290px; } }
  .grain_highlights::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-02_sp.svg");
    background-size: 100vw 54.13333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 54.13333vw;
    display: block;
    position: relative;
    position: absolute;
    top: -18.4vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .grain_highlights::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-02_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: -192px;
        left: calc(50% - 362px); } }
  .grain_highlights::after {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-01_sp.svg");
    background-size: 117.86667vw 49.6vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 117.86667vw;
    height: 49.6vw;
    display: block;
    position: relative;
    position: absolute;
    bottom: -26.66667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (min-width: 813px) {
      .grain_highlights::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-01_pc.svg");
        background-size: 3411px 302px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 3411px;
        height: 302px;
        display: block;
        position: relative;
        position: absolute;
        bottom: -140px;
        left: calc(50% - 362px); } }
  .is-Night .grain_highlights {
    background-color: #021D60; }
    .is-Night .grain_highlights::before {
      background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-02-night_sp.svg");
      background-size: 100vw 54.13333vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 100vw;
      height: 54.13333vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .grain_highlights::before {
          background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-02-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; } }
    .is-Night .grain_highlights::after {
      background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-01-night_sp.svg");
      background-size: 117.86667vw 49.6vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 117.86667vw;
      height: 49.6vw;
      display: block;
      position: relative;
      position: absolute; }
      @media screen and (min-width: 813px) {
        .is-Night .grain_highlights::after {
          background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-01-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; } }

.grain_highlights-inner {
  position: relative;
  z-index: 1; }

.grain_highlights-banner {
  margin-top: 13.33333vw; }
  @media screen and (min-width: 813px) {
    .grain_highlights-banner {
      margin-top: 60px;
      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-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.grains-other-products {
  margin-top: 26.66667vw; }
  @media screen and (min-width: 813px) {
    .grains-other-products {
      margin-top: 130.5px; } }

#ricePlanting {
  margin-bottom: 69.06667vw; }
  @media screen and (min-width: 813px) {
    #ricePlanting {
      margin-bottom: 445px; } }
  #ricePlanting .module-product-section-inner {
    position: relative;
    z-index: 1;
    background-color: #aee400; }
    @media screen and (min-width: 813px) {
      #ricePlanting .module-product-section-inner {
        padding-bottom: 10px; } }
    .is-Night #ricePlanting .module-product-section-inner {
      background-color: #00298C; }
  #ricePlanting::after {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-03_sp.svg");
    background-size: 100vw 31.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 31.46667vw;
    display: block;
    position: relative;
    position: absolute;
    bottom: -12.8vw;
    left: 0; }
    @media screen and (min-width: 813px) {
      #ricePlanting::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-03_pc.svg");
        background-size: 2359px 411px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2359px;
        height: 411px;
        display: block;
        position: relative;
        position: absolute;
        bottom: -401px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .is-Night #ricePlanting::after {
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-03-night_sp.svg");
    background-size: 100vw 31.46667vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 31.46667vw;
    display: block;
    position: relative;
    position: absolute; }
    @media screen and (min-width: 813px) {
      .is-Night #ricePlanting::after {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-03-night_pc.svg");
        background-size: 2359px 411px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2359px;
        height: 411px;
        display: block;
        position: relative;
        position: absolute; } }

#intermediateMgt {
  position: relative;
  padding-top: 13.33333vw; }
  @media screen and (min-width: 813px) {
    #intermediateMgt {
      padding-top: 50px; } }
  #intermediateMgt .module-product-section-inner {
    position: relative;
    z-index: 1;
    background-color: #aee400; }
    .is-Night #intermediateMgt .module-product-section-inner {
      background-color: #00298C; }
  #intermediateMgt::before {
    content: "";
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-04_sp.svg");
    background-size: 100vw 26.93333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 26.93333vw;
    display: block;
    position: relative;
    position: absolute;
    top: -51px;
    left: 0; }
    @media screen and (min-width: 813px) {
      #intermediateMgt::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-04_pc.svg");
        background-size: 2361px 332px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2361px;
        height: 332px;
        display: block;
        position: relative;
        position: absolute;
        top: -213px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .is-Night #intermediateMgt::before {
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-04-night_sp.svg");
    background-size: 100vw 26.93333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 26.93333vw;
    display: block;
    position: relative;
    position: absolute; }
    @media screen and (min-width: 813px) {
      .is-Night #intermediateMgt::before {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-wave-04-night_pc.svg");
        background-size: 2361px 332px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2361px;
        height: 332px;
        display: block;
        position: relative;
        position: absolute; } }

.bg-illust-01 {
  width: 100vw;
  height: 72vw;
  position: absolute;
  bottom: -69.33333vw;
  left: 0;
  overflow: hidden; }
  @media screen and (min-width: 813px) {
    .bg-illust-01 {
      width: 2360px;
      height: 500px;
      position: absolute;
      bottom: -508px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  .bg-illust-01 .bg-illust {
    background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-illust_sp.jpg");
    background-size: 100vw 85.33333vw;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 85.33333vw;
    display: block;
    position: relative;
    background-position: left top;
    position: absolute;
    top: -6.4vw;
    left: 0; }
    @media screen and (min-width: 813px) {
      .bg-illust-01 .bg-illust {
        background-image: url("/special/virtual-exhibition-2026/assets/img/grains/bg-illust_pc.jpg");
        background-size: 2360px 590px;
        background-repeat: no-repeat;
        background-position: center top;
        width: 2360px;
        height: 590px;
        display: block;
        position: relative;
        background-position: left top;
        position: absolute;
        top: -36px;
        left: 0; } }

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