/* SVG animation */
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.m-hero__map,
.m-hero__pins {
  max-width: 100%;
  height: auto;
}

svg g .world-map__cls-5 {
  fill: transparent;
}
svg g .world-map__cls-3 {
  opacity: 0.2;
}
svg g .world-map__cls-4 {
  fill: #5b94b2;
}

svg #world-map__Africa,
svg #world-map__Europe,
svg #world-map__MiddleEast,
svg #world-map__Oceania,
svg #world-map__Asia,
svg #world-map__jpan,
svg #world-map__NorthAmerlca,
svg #world-map__LatinAmerlca {
  opacity: 0;
  transform: translateY(20px);
}

/**
  * for(let i = 0, i < mapArea.length, i++) {
  *   animation: delay<150ms * i>
  * }
  */

svg #world-map__Africa {
  animation: fadeInBottom 750ms ease-in-out 150ms forwards;
}
svg #world-map__Europe {
  animation: fadeInBottom 750ms ease-in-out 300ms forwards;
}
svg #world-map__MiddleEast {
  animation: fadeInBottom 750ms ease-in-out 450ms forwards;
}
svg #world-map__Oceania {
  animation: fadeInBottom 750ms ease-in-out 600ms forwards;
}
svg #world-map__Asia {
  animation: fadeInBottom 750ms ease-in-out 750ms forwards;
}
svg #world-map__jpan {
  animation: fadeInBottom 750ms ease-in-out 900ms forwards;
}
svg #world-map__NorthAmerlca {
  animation: fadeInBottom 750ms ease-in-out 1050ms forwards;
}
svg #world-map__LatinAmerlca {
  animation: fadeInBottom 750ms ease-in-out 1200ms forwards;
}

.m-hero__pins a:hover {
  opacity: 0.8;
}

.m-hero__pin {
  filter: drop-shadow(5px 5px 3px rgba(255, 255, 255, 0.5)) drop-shadow(-5px 5px 3px rgba(255, 255, 255, 0.5))
    drop-shadow(-5px -5px 3px rgba(255, 255, 255, 0.5)) drop-shadow(5px -5px 3px rgba(255, 255, 255, 0.5));
}

/* END SVG animation */

.m-hero {
  padding-top: 50px;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
  background-image: linear-gradient(#eee, #fff);
}

.m-hero .m-hero__inner {
  max-width: 1120px;
  margin: auto;
  padding-top: 50px;
  padding-left: 0;
  padding-bottom: 50px;
  padding-right: 0;
  position: relative;
}

.m-hero__pins {
  animation: fadeInTop 500ms ease-in-out 1.5s forwards;
  position: absolute;
  top: calc(25px - 1vmax);
  left: 0;
  opacity: 0;
  transform: translateY(-20px);
}

.l-nav-gateway {
  margin-bottom: 70px;
  padding-top: 0;
  padding-left: 24px;
  padding-bottom: 0;
  padding-right: 24px;
}

.l-nav-gateway__inner {
  max-width: 1120px;
  margin: auto;
}

.m-hero__sp {
  background-image: url('https://assets-fb.fujifilm.com/sites/com/files/styles/media_library_item/public/2021-09/0a3b0737c0745560ff2ef9f72e17f88d/bg-mv-sp.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

@media print, screen and (max-width: 768px) {
  .l-nav-gateway .m-accordion {
    margin: 0;
  }
  .l-nav-gateway .m-accordion__item {
    border-top: none;
  }
  .l-nav-gateway .l-asia-area .m-accordion__item {
    border-top: 1px solid #8c8c8c;
  }
  .m-hero .m-hero__inner {
    padding: 0;
  }
}