@keyframes floatingBarFadeinout {
  0%,
  49% {
    display: flex;
    opacity: 1;
    z-index: 9
  }
  51%,
  to {
    display: none;
    opacity: 0;
    z-index: 1
  }
}
@keyframes floatingBarFadeinout3item {
  0%,
  32% {
    display: flex;
    opacity: 1;
    z-index: 9
  }
  33%,
  to {
    display: none;
    opacity: 0;
    z-index: 1
  }
}
@keyframes floatingBarFadeinout4item {
  0%,
  22%,
  23%,
  24% {
    display: flex;
    opacity: 1;
    z-index: 9
  }
  25%,
  26%,
  to {
    display: none;
    opacity: 0;
    z-index: 1
  }
}
.floating_bar_HP,
.floating_bar_HP ul {
  width: 100%;
  height: 100%;
  position: relative
}
.floating_bar_HP {
  overflow: hidden;
  border: 0
}
.floating_bar_HP ul {
  padding: 0;
  margin: 0;
  list-style: none
}
.floating_bar_HP li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1
}
.floating_bar_HP li a {
  color: #fff;
  text-decoration: underline
}
.floating_bar_HP li .paragraph-body {
  color: #fff
}
.floating_bar_HP .floatingTextMobile {
  display: block
}
.floating_bar_HP .floatingTextMobile .font-size-mobile {
  font-size: .9em
}
.floating_bar_HP .floatingTextDesktop {
  display: none
}
.floating_bar_HP._2msg_2021 li.item1 {
  animation: floatingBarFadeinout 10s infinite .1s linear;
  -webkit-animation: floatingBarFadeinout 10s infinite .1s linear;
  transition: .5s linear all
}
.floating_bar_HP._2msg_2021 li.item2 {
  animation: floatingBarFadeinout 10s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout 10s infinite 5.1s linear;
  transition: .5s linear all
}
.floating_bar_HP._3msg_2021 .item1 {
  animation: floatingBarFadeinout3item 15s infinite .1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite .1s linear;
  transition: .5s linear all
}
.floating_bar_HP._3msg_2021 .item2 {
  animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite 5.1s linear;
  transition: .5s linear all
}
.floating_bar_HP._3msg_2021 .item3 {
  animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
  -webkit-animation: floatingBarFadeinout3item 15s infinite 10.1s linear;
  transition: .5s linear all
}
.floating_bar_HP._4msg_2022 .item1 {
  animation: floatingBarFadeinout4item 20s infinite .1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite .1s linear;
  transition: .5s linear all
}
.floating_bar_HP._4msg_2022 .item2 {
  animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 5.1s linear;
  transition: .5s linear all
}
.floating_bar_HP._4msg_2022 .item3 {
  animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 10.1s linear;
  transition: .5s linear all
}
.floating_bar_HP._4msg_2022 .item4 {
  animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
  -webkit-animation: floatingBarFadeinout4item 20s infinite 15.1s linear;
  transition: .5s linear all
}
.floating_bar_HP p.body-02 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}
.floating_bar_HP p.body-02 span.font-size-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}
.floating_bar_HP a span {
  display: block
}
.floatingBar#floatingBanner .floatingBar__content {
  max-width: 100%;
  width: 100%
}
.floatingBar#floatingBanner .floatingBar__close {
  display: none
}
@media (min-width:1024px) {
  .floating_bar_HP .floatingTextMobile {
    display: none
  }
  .floating_bar_HP .floatingTextDesktop {
    display: block
  }
}