/* variable
----------------------------------------------------------------- */
/* color */
/* font */
@font-face {
  font-family: "Jua";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Jua-Regular.ttf") format("truetype");
}
.image-content img {
  width: 100%;
}

.images-wrapper {
  gap: 3.75rem;
}

@media screen and (min-width: 768px) {
  .about::before {
    position: absolute;
    top: -9.3125rem;
    left: 0;
    width: 100vw;
    height: 9.375rem;
    content: "";
    background: linear-gradient(180deg, rgba(28, 59, 109, 0) 0, #1A193D 95%);
  }
  .about::before {
    top: -18.6875rem;
    height: 18.75rem;
  }
  .overlay-images {
    bottom: 7.3125rem;
  }
  .overlay-content {
    top: -8.125rem;
  }
  .splide__pagination {
    bottom: 8.875rem;
  }
}
.u-margin-top--narrow {
  margin-top: 0.625rem;
}
.u-margin-top--normal {
  margin-top: 1.5rem;
}
.u-margin-top--wide {
  margin-top: 3rem;
}

.tabiiro_image{
  width: 45.625rem;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}