/* P-Data Sub要素の背景アニメーション */

/* P-Data Sub 横文字要素（左から右へのアニメーション） */
.p-data-sub-yoko {
  position: relative !important;
  overflow: hidden !important;
}

.p-data-sub-yoko::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.p-data-sub-yoko.bg-animated::before {
  left: 0 !important;
}

/* P-Data Sub 縦文字要素（上から下へのアニメーション） */
.p-data-sub-tate {
  position: relative !important;
  overflow: hidden !important;
}

.p-data-sub-tate::before {
  content: "" !important;
  position: absolute !important;
  top: -100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.p-data-sub-tate.bg-animated::before {
  top: 0 !important;
}

/* P-Data Sub 横文字2要素 */
.p-data-sub-yoko-two {
  position: relative !important;
  overflow: hidden !important;
}

.p-data-sub-yoko-two::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.p-data-sub-yoko-two.bg-animated::before {
  left: 0 !important;
}

/* P-Data Sub SP要素 */
.p-data-sub-sp {
  position: relative !important;
  overflow: hidden !important;
}

.p-data-sub-sp::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.p-data-sub-sp.bg-animated::before {
  left: 0 !important;
}

/* P-Data Sub SP縦要素（上から下へのアニメーション） */
.p-data-sub-sp-tate {
  position: relative !important;
  overflow: hidden !important;
}

.p-data-sub-sp-tate::before {
  content: "" !important;
  position: absolute !important;
  top: -100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.p-data-sub-sp-tate.bg-animated::before {
  top: 0 !important;
}

/* Pic Text One 縦文字要素（上から下へのアニメーション） */
.pic-text-one {
  position: relative !important;
  overflow: hidden !important;
}

.pic-text-one::before {
  content: "" !important;
  position: absolute !important;
  top: -100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.pic-text-one.bg-animated::before {
  top: 0 !important;
}

/* Pic Text Two 縦文字要素（上から下へのアニメーション） */
.pic-text-two {
  position: relative !important;
  overflow: hidden !important;
}

.pic-text-two::before {
  content: "" !important;
  position: absolute !important;
  top: -100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
}

.pic-text-two.bg-animated::before {
  top: 0 !important;
}