@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1440 / var(--inner-scale));
  --inner: 1280;
  --inner-1305: 1305;
  --fz-ratio: 1; /* font-size倍率 */
}
@media screen and (max-width: 1024px) {
  :root {
    --inner-scale: calc(0.9 / (1280 / 1440));
    --fz-ratio: 1.57;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 343;
    --fz-ratio: 1;
  }
}

/* ===============================
  バーチャル展示会
=============================== */
.virtual__hero {
  background: url(../img/virtual/virtual_hero.png) no-repeat center center/cover;
  color: #fff;
}
@media (min-width: 768px) {
  .virtual__hero {
    aspect-ratio: 1440/704;
    padding: 0;
    padding-top: 11.2%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .virtual__hero {
    background: url(../img/virtual/virtual_hero_sp.png) no-repeat center center/cover;
    aspect-ratio: 400/304;
    padding-bottom: 2%;
  }
}

@media (min-width: 768px) {
  .virtual__hero__inner {
    width: 88.6%;
  }
}
@media (max-width: 767px) {
  .virtual__hero__inner {
    width: 93.5%;
  }
}

.virtual__en {
  font-size: min( 163 * 100vw / var(--vw-base) , 163/var(--vw-base) * 1440px );
  font-weight: 500;
}
@media (min-width: 768px) {
  .virtual__en {
    font-size: 11.3194444444vw;
  }
}
@media (max-width: 767px) {
  .virtual__en {
    font-size: min( 45 * 100vw / var(--vw-base) , 45/var(--vw-base) * 1440px );
  }
}

.virtual__title {
  font-size: min( 25 * 100vw / var(--vw-base) , 25/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.6;
  margin-top: 1.7em;
}
@media (min-width: 768px) {
  .virtual__title {
    font-size: 1.7361111111vw;
  }
}
@media (max-width: 767px) {
  .virtual__title {
    font-size: min( 15 * 100vw / var(--vw-base) , 15/var(--vw-base) * 1440px );
    margin-top: 1em;
  }
}

.virtual__lead {
  font-size: min( 18 * 100vw / var(--vw-base) , 18/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.7777777778;
  margin-top: 0.55em;
}
@media (max-width: 767px) {
  .virtual__lead {
    font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
    margin-top: 0.05em;
  }
}

/*------------------------------
smart-factory
------------------------------*/
.smart-factory {
  padding-top: min( 160 * 100vw / var(--vw-base) , 160/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .smart-factory {
    padding-top: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px );
  }
}

.smart-factory__header {
  display: flex;
  justify-content: space-between;
  padding: 0 min( 56 * 100vw / var(--vw-base) , 56/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .smart-factory__header {
    display: block;
    padding: 0;
  }
}

.smart-factory__title {
  width: min( 337 * 100vw / var(--vw-base) , 337/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .smart-factory__title {
    width: 100%;
  }
}

.smart-factory__description {
  width: min( 677 * 100vw / var(--vw-base) , 677/var(--vw-base) * 1440px );
  font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1440px );
  font-weight: 400;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .smart-factory__description {
    width: 100%;
    font-size: min( 14 * 100vw / var(--vw-base) , 14/var(--vw-base) * 1440px );
    margin-top: 2em;
  }
}

.smart-factory__figure {
  margin-top: calc(110 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .smart-factory__figure {
    margin-top: 20%;
  }
}

.smart-factory__figure-note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 1.3%;
}
@media (max-width: 767px) {
  .smart-factory__figure-note {
    margin-bottom: 5%;
  }
}

@media (max-width: 767px) {
  .smart-factory-img {
    width: 250%;
    max-width: unset;
  }
}

/*------------------------------
venue-map
------------------------------*/
.venue-map {
  padding-top: min( 224 * 100vw / var(--vw-base) , 224/var(--vw-base) * 1440px );
  padding-bottom: min( 290 * 100vw / var(--vw-base) , 290/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .venue-map {
    padding-top: 30%;
    padding-bottom: 30%;
  }
}

.venue-map__lead {
  font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1440px );
  font-weight: 400;
  line-height: 1.625;
  margin-top: 1.25em;
}

@media (max-width: 767px) {
  .venue-map__lead {
    font-size: min( 14 * 100vw / var(--vw-base) , 14/var(--vw-base) * 1440px );
  }
}

.venue-map__lead--sp {
    display: none;
}

@media (max-width: 767px) {
    .venue-map__lead--pc {
        display: none;
    }
    .venue-map__lead--sp {
        display: block;
    }
}

.venue-map__figure {
  width: 95%;
  margin: calc(110 / var(--inner) * 100%) auto 0;
}
@media (max-width: 767px) {
  .venue-map__figure {
    width: 100%;
    margin-top: 10%;
  }
}

.venue-map__figure-note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-bottom: 1.7%;
}
@media (max-width: 767px) {
  .venue-map__figure-note {
    margin-bottom: 0;
    margin-top: 5%;
    margin-left: unset;
  }
}

.venue-map__figure-body {
  position: relative;
}
@media (max-width: 767px) {
  .venue-map__figure-body {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .venue-map__list {
    margin-top: 15%;
  }
}

@media (min-width: 768px) {
  .venue-note--1 {
    top: 23.8%;
    left: 71.5%;
  }
  .venue-note--2 {
    top: 48%;
    left: 51.9%;
  }
  .venue-note--3 {
    top: 55.9%;
    left: 70.1%;
  }
  .venue-bubble--01 {
    top: 7.7%;
    left: -0.9%;
  }
  .venue-bubble--02 {
    top: 34.1%;
    left: 3.9%;
  }
  .venue-bubble--03 {
    top: 59.7%;
    left: 2.9%;
  }
  .venue-bubble--04 {
    top: 85.5%;
    left: 16%;
  }
  .venue-bubble--05 {
    top: 34.4%;
    left: 24.2%;
  }
  .venue-bubble--06 {
    top: 60%;
    left: 24.7%;
  }
  .venue-bubble--07 {
    top: 3.9%;
    left: 47.7%;
  }
  .venue-bubble--08 {
    top: 3.8%;
    left: 83.8%;
  }
  .venue-bubble--09 {
    top: 19.2%;
    left: 40.4%;
  }
  .venue-bubble--10 {
    top: 31%;
    left: 52%;
  }
  .venue-bubble--11 {
    top: 52.3%;
    left: 51.8%;
  }
  .venue-bubble--12 {
    top: 57%;
    left: 51.9%;
  }
  .venue-bubble--13 {
    top: 80.7%;
    left: 35.9%;
  }
  .venue-bubble--14 {
    top: 60%;
    left: 70.1%;
  }
  .venue-bubble--15 {
    top: 64.6%;
    left: 70%;
  }
  .venue-bubble--16 {
    top: 82.5%;
    left: 66.8%;
  }
  .venue-bubble--17 {
    top: 22.7%;
    left: 89.3%;
  }
  .venue-bubble--18 {
    top: 38.8%;
    left: 90%;
  }
  .venue-bubble--19 {
    top: 54.7%;
    left: 89.3%;
  }
  .venue-bubble--20 {
    top: 70.6%;
    left: 91.2%;
  }
  .venue-bubble--21 {
    top: 86.6%;
    left: 92%;
  }
  .venue-bubble--22 {
    top: 28%;
    left: 71.4%;
  }
  .venue-bubble--23 {
    top: 32.7%;
    left: 71.4%;
  }
}
.venueSwiper {
  overflow: hidden;
}
.venueSwiper .swiper-slide iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 683/385;
}

[data-modalwrap] {
  position: fixed;
  z-index: 5000;
  width: 100%;
  height: 100%;
  background: rgba(55, 55, 55, 0.9);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
}
[data-modalwrap].act {
  opacity: 1;
  pointer-events: auto;
}
[data-modalwrap] .swiper-button-prev,
[data-modalwrap] .swiper-button-next {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  height: auto;
  width: auto;
  position: absolute;
  background: url(../img/icon_arrow_blue.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  width: 50px;
  top: 50%;
}
[data-modalwrap] .swiper-button-prev::after,
[data-modalwrap] .swiper-button-next::after {
  display: none;
}
[data-modalwrap] .swiper-button-prev {
  left: 20px;
  transform: translate(0%, -50%) scale(-1, 1);
}
[data-modalwrap] .swiper-button-next {
  right: 20px;
  transform: translate(0%, -50%);
}
@media (max-width: 1024px) {
  [data-modalwrap] .swiper-button-prev {
    left: 10px;
  }
  [data-modalwrap] .swiper-button-next {
    right: 10px;
  }
}
@media (max-width: 767px) {
  [data-modalwrap] .swiper-button-prev,
[data-modalwrap] .swiper-button-next {
    width: 30px;
  }
  [data-modalwrap] .swiper-button-prev {
    left: 5px;
  }
  [data-modalwrap] .swiper-button-next {
    right: 5px;
  }
}

.modal-body {
  position: relative;
  width: 683px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  overflow-x: hidden;
}

.c-modal-close {
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  background: url(../img/icon_close2.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  right: 20px;
  top: 20px;
}
@media (max-width: 767px) {
  .c-modal-close {
    width: 30px;
  }
}

[data-modalopen="0"] {
  pointer-events: none;
}
/*# sourceMappingURL=virtual.css.map */