/* 色ユーティリティクラス */
#business2512 .bg-blue-1 {
  background-color: var(--rn-blue-1) !important;
}

#business2512 .bg-blue-5 {
  background-color: var(--rn-blue-5) !important;
}

#business2512 .bg-blue-6 {
  background-color: var(--rn-blue-6) !important;
}

#business2512 .bg-navy-1 {
  background-color: var(--rn-navy-1) !important;
}

#business2512 .bg-navy-2 {
  background-color: var(--rn-navy-2) !important;
}

#business2512 .bg-navy-6 {
  background-color: var(--rn-navy-6) !important;
}

#business2512 .bg-yellow-2 {
  background-color: var(--rn-yellow-2) !important;
}

#business2512 .bg-gray-light {
  background-color: var(--rn-gray-light) !important;
}

#business2512 .text-blue-1 {
  color: var(--rn-blue-1) !important;
}

#business2512 .text-blue-2 {
  color: var(--rn-blue-2) !important;
}

#business2512 .text-yellow-0 {
  color: var(--rn-yellow-0) !important;
}

#business2512 .text-yellow-3 {
  color: var(--rn-yellow-3) !important;
}

#business2512 .border-blue-1 {
  border-color: var(--rn-blue-1) !important;
}

#business2512 .border-blue-4 {
  border-color: var(--rn-blue-4) !important;
}

/* フォントサイズユーティリティクラス */
#business2512 .font-size-44 {
  font-size: 44px !important;
}

#business2512 .font-size-46 {
  font-size: 46px !important;
}

#business2512 .font-size-50 {
  font-size: 50px !important;
}

#business2512 .font-size-54 {
  font-size: 54px !important;
}

/* 動的に読み込まれる商品名：最大3行に制限 */
#business2512 p[data-prop="name"] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* コンテンツ幅 */
#business2512 {
  min-width: 1180px;
}

#business2512 .business2512__container {
  width: 1180px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}

/* ヒーローセクション */
#business2512 .heroSection {
  position: relative;
  height: 560px;
  overflow: hidden;
  z-index: 0;
}

#business2512 .heroSection__bgImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}

#business2512 .heroSection__cta {
  margin-top: -80px;
}

#business2512 .heroSection__productConveyorUnit {
  animation: animate_conveyor 20s infinite linear both;
}

@keyframes animate_conveyor {
  from {
      transform: translateX(0)
  }

  to {
      transform: translateX(-100%)
  }
}

/* ステップセクション */
#business2512 .step__card {
  flex: 1 1 0;
  min-width: 0;
}

#business2512 .step__additionalLabel_reply {
  position: absolute;
  width: 220px;
  bottom: 20px;
  left: 172px;
}

#business2512 .step__additionalLabel_deliver {
  position: absolute;
  width: 220px;
  bottom: 20px;
  left: 765px;
}

/* 課題提示セクション */
#business2512 .issueSection {
  position: relative;
  overflow-x: hidden;
  min-height: 600px;
}

#business2512 .issueSection__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 600px;
}