@charset "utf-8";
/*------------------------------------*\
    技術情報
\*------------------------------------*/
.greeting {
  position: relative;
  margin-bottom: 50px;
  padding-top: 30px
}
.greeting::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -50px;
    z-index: -1;
    width: 100%;
    height: 86%;
    background: #f7f8f8;
  }
.greeting__image {
  overflow: hidden;
  position: relative;
  left: 8%;
  border-radius: 6px;
}
.greeting__heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
}
.greeting__text {
  margin-top: 30px;
}
.lineup-item {
  position: relative;
  margin-bottom: 50px;
  cursor: pointer
}
.lineup-item a {
    text-decoration: none
  }
.lineup-item a::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
.lineup-item a .icon {
      color: #004898;
      font-size: 48px;
    }
.lineup-item__image .image {
    overflow: hidden;
    position: relative;
    z-index: 0;
    border-radius: 6px;
    margin-bottom: 20px;
  }
.lineup-item__image img {
    width: 100%;
    transition: all 0.6s ease-in-out;
  }
.lineup-item:hover .lineup-item__image img {
  transform: scale(1.1);
}
.lineup-item__heading {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.new-business {
  display: block;
  position: relative;
  margin-bottom: 60px;
  text-decoration: none;
  transition: all 0.8s ease-in-out
}
.new-business::after {
    content: "";
    position: absolute;
    bottom: 5%;
    right: 3%;
    width: 48px;
    height: 48px;
    background: url(../images/icon_arrow2.svg) no-repeat center center / contain;
  }
.new-business__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5% 3%;
  background: #004898;
  color: #fff;
}
.new-business__heading {
  margin: 0.25em 0;
  font-size: calc(1.25vw + 1.6rem);
  line-height: 1.4;
}
.new-business__image {
  position: relative;
  height: 40vw
}
.new-business__image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../../technology/images/business.jpg) no-repeat center center / cover;
    transition: all 0.8s ease-in-out;
  }
.new-business:hover {
  opacity: 0.7;
}
.new-business:hover .new-business__image::before {
  transform: scale(1.2);
}
.banner-download {
  width: 90%;
  max-width: 780px;
  margin: 0 auto;
}
@media (min-width: 45.001em) {
  .lineup-item.large {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
    .lineup-item.large .lineup-item__image {
      width: 50%;
      direction: rtl
    }
      .lineup-item.large .lineup-item__image .image {
        width: 132.72%;
      }
      .lineup-item.large .lineup-item__image img {
        max-width: none;
      }
    .lineup-item.large .lineup-item__body {
      width: 44.18%;
    }
    .lineup-item.large[data-direction="reverse"] {
      flex-direction: row-reverse
    }
      .lineup-item.large[data-direction="reverse"] .lineup-item__image {
        direction: ltr;
      }
  .lineup-columns {
    display: flex;
    justify-content: space-between;
  }
  .lineup-columns__col {
    width: 46.09%;
  }
  .new-business {
    display: flex;
    height: 40vw;
    text-decoration: none
  }
    .new-business::after {
      bottom: 50%;
      right: 3%;
      transform: translateY(50%);
    }
  .new-business__body {
    align-items: center;
    width: 50%;
    background: #004898;
    color: #fff;
  }
  .new-business__image {
    width: 50%;
    height: 100%;
  }
}
@media (min-width: 60.001em) {
  .greeting {
    position: relative;
    margin-bottom: 100px;
    padding-top: 30px
  }
    .greeting::before {
      bottom: -110px;
    }
  .greeting__image {
    left: 17.27%;
  }
  .greeting__heading {
    width: 9.81%;
  }
  .greeting__text {
    margin-top: 0;
    position: absolute;
    top: 60%;
    width: 54.54%;
  }
  .lineup-item {
    margin-bottom: 80px
  }
    .lineup-item a .icon {
      font-size: 62px;
    }
  .new-business {
    height: 386px;
    margin-bottom: 120px
  }
    .new-business::after {
      width: 62px;
      height: 62px;
    }
  .new-business__heading {
    font-size: 3.4rem;
  }
}
/*# sourceMappingURL=maps/technology.css.map */