@charset "utf-8";

.home_business {
  overflow: hidden;
  position: relative;
}
.home_business_wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0;
  padding: 0 32px;
}
.home_business_subtitle {
  font-size: 20px;
  font-weight: 600;
}
.home_business_title {
  margin-top: 8px;
  font-size: 28px;
  font-weight: 700;
}
.home_business_text {
  width: 50%;
  margin-left: auto;
  font-size: 16px;
  line-height: 1.6;
}
.home_business_lottie_wrapper {
  position: relative;
}
.home_business_inner_wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 64px auto 0;
  position: relative;
}
.home_business_icon_left {
  width: 21%;
  height: 100%;
  position: absolute;
  left: 0;
}
.home_business_icon_right {
  width: 21%;
  height: 100%;
  position: absolute;
  right: 0;
}
.home_business_icon {
  height: auto;
  position: absolute;
}
.home_business_icon_left .home_business_icon:nth-child(1) {
  width: 25%;
  top: 0;
  left: 16%;
  animation: UpDown 4s infinite 0s;
}
.home_business_icon_left .home_business_icon:nth-child(2) {
  width: 25%;
  top: 5%;
  left: 58%;
  animation: UpDown 4s infinite 0.1s;
}
.home_business_icon_left .home_business_icon:nth-child(3) {
  width: 40%;
  top: 24%;
  left: 16%;
  animation: UpDown 4s infinite 0.3s;
}
.home_business_icon_left .home_business_icon:nth-child(4) {
  width: 35%;
  top: 52%;
  left: 45%;
  animation: UpDown 4s infinite 0.2s;
}
.home_business_icon_left .home_business_icon:nth-child(5) {
  width: 27%;
  top: 65%;
  left: 8%;
  animation: UpDown 4s infinite 0s;
}
.home_business_icon_left .home_business_icon:nth-child(6) {
  width: 19%;
  top: 78%;
  left: 74%;
  animation: UpDown 4s infinite 0.1s;
}
.home_business_icon_right .home_business_icon:nth-child(1) {
  width: 45%;
  top: 0;
  right: 20%;
  animation: UpDown 4s infinite 0.2s;
}
.home_business_icon_right .home_business_icon:nth-child(2) {
  width: 17%;
  top: 27%;
  right: 65%;
  animation: UpDown 4s infinite 0s;
}
.home_business_icon_right .home_business_icon:nth-child(3) {
  width: 25%;
  top: 32%;
  right: 18%;
  animation: UpDown 4s infinite 0.1s;
}
.home_business_icon_right .home_business_icon:nth-child(4) {
  width: 21%;
  top: 50%;
  right: 5%;
  animation: UpDown 4s infinite 0.3s;
}
.home_business_icon_right .home_business_icon:nth-child(5) {
  width: 41%;
  top: 54%;
  right: 54%;
  animation: UpDown 4s infinite 0.1s;
}
.home_business_icon_right .home_business_icon:nth-child(6) {
  width: 35%;
  top: 74%;
  right: 5%;
  animation: UpDown 4s infinite 0.2s;
}
.home_business_lottie_pc {
  width: 76%;
  margin: 0 auto;
}
.home_business_lottie_sp {
  display: none;
  width: 62%;
  margin: 0 auto;
}
.home_business_bg {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@keyframes UpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

@media screen and (max-width: 860px) {
  .home_business_wrapper {
    display: block;
  }
  .home_business_text {
    width: 100%;
    margin: 24px 0 0;
  }
  .home_business_lottie_wrapper {
    width: 114%;
    margin-left: -7%;
  }
  .home_business_icon_left,
  .home_business_icon_right {
    width: 25%;
  }
}

@media screen and (max-width: 640px) {
  .home_business {
    padding-bottom: 40px;
  }
  .home_business_wrapper {
    margin: 40px auto 0;
    padding: 0 20px;
  }
  .home_business_title br {
    display: none;
  }
  .home_business_inner_wrapper {
    margin: 24px auto 0;
  }
  .home_business_icon_left,
  .home_business_icon_right {
    width: 50%;
  }
  .home_business_icon_left .home_business_icon:nth-child(1) {
    width: 25%;
    top: 7%;
    left: 12%;
  }
  .home_business_icon_left .home_business_icon:nth-child(2) {
    width: 30%;
    top: 26%;
    left: 0;
  }
  .home_business_icon_left .home_business_icon:nth-child(3) {
    width: 22%;
    top: 49%;
    left: 19%;
  }
  .home_business_icon_left .home_business_icon:nth-child(4) {
    width: 45%;
    top: 63%;
    left: -2%;
  }
  .home_business_icon_left .home_business_icon:nth-child(5) {
    width: 24%;
    top: 88%;
    left: 26%;
  }
  .home_business_icon_left .home_business_icon:nth-child(6) {
    display: none;
  }
  .home_business_icon_right .home_business_icon:nth-child(1) {
    width: 21%;
    top: 3%;
    left: 35%;
  }
  .home_business_icon_right .home_business_icon:nth-child(2) {
    width: 25%;
    top: 20%;
    right: 10%;
  }
  .home_business_icon_right .home_business_icon:nth-child(3) {
    width: 17%;
    top: 41%;
    right: 42%;
  }
  .home_business_icon_right .home_business_icon:nth-child(4) {
    width: 25%;
    top: 50%;
    right: 4%;
  }
  .home_business_icon_right .home_business_icon:nth-child(5) {
    width: 38%;
    top: 65%;
    right: 0%;
  }
  .home_business_icon_right .home_business_icon:nth-child(6) {
    width: 23%;
    top: 86%;
    right: 31%;
  }
  .home_business_lottie_pc {
    display: none;
  }
  .home_business_lottie_sp {
    display: block;
  }
  .home_business_bg {
    width: auto;
    height: 45%;
    left: -50%;
    opacity: 0.8;
  }
}

@media screen and (max-width: 480px) {
  .home_business_subtitle {
    font-size: 16px;
  }
  .home_business_title {
    font-size: 24px;
  }
  .home_business_text {
    font-size: 14px;
    line-height: 1.8;
  }
}