@charset "UTF-8";
.spe_salon .spe_salon_box {
  width: 100%;
  height: 16.3%;
  position: absolute;
  top: 0;
}
.spe_salon .spe_salon_box .spe_salon_chart {
  width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
}
.spe_salon .spe_salon_box .spe_salon_chart.move {
  opacity: 0;
}
.spe_salon .spe_salon_box .spe_salon_box_01 {
  -webkit-transition: 1s 1.5s;
  transition: 1s 1.5s;
}
.spe_salon .spe_salon_box .spe_salon_box_01.move {
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
}
.spe_salon .spe_salon_box .spe_salon_box_02 {
  -webkit-transition: 1s 1.6s;
  transition: 1s 1.6s;
}
.spe_salon .spe_salon_box .spe_salon_box_02.move {
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
}
.spe_salon .spe_salon_box .spe_salon_box_03 {
  -webkit-transition: 1s 1.8s;
  transition: 1s 1.8s;
}
.spe_salon .spe_salon_box .spe_salon_box_03.move {
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
}
.spe_salon .spe_salon_txt_01 {
  position: absolute;
  top: 22.6%;
  left: 12%;
  width: 45%;
}
.spe_salon .spe_salon_ring {
  position: absolute;
  top: 24.6%;
  right: 5%;
  width: 32%;
  -webkit-animation: rotate-left 16s linear infinite;
          animation: rotate-left 16s linear infinite;
}
@-webkit-keyframes rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.spe_salon .spe_salon_txt_02 {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
}
.spe_salon .spe_salon_txt_03 {
  position: absolute;
  top: 51%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 63%;
}
@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); /* 上に20px移動 */
  }
}
@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); /* 上に20px移動 */
  }
}
.spe_salon .spe_salon_mizutama_01 {
  position: absolute;
  top: 56%;
  left: 3%;
  width: 27%;
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}
.spe_salon .spe_salon_mizutama_02 {
  position: absolute;
  top: 60%;
  right: 3%;
  width: 22%;
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.spe_salon .spe_salon_list_01 {
  position: absolute;
  top: 66.5%;
  left: 3%;
  width: 27%;
}
.spe_salon .spe_salon_list_02 {
  position: absolute;
  top: 66.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 27%;
}
.spe_salon .spe_salon_list_03 {
  position: absolute;
  top: 66.5%;
  right: 3%;
  width: 27%;
}
.spe_salon .spe_salon_txt_04 {
  position: absolute;
  top: 81%;
  right: 30.5%;
  width: 14%;
}
.spe_salon .spe_salon_txt_05 {
  position: absolute;
  top: 80.96%;
  right: 6.5%;
  width: 14%;
}
.spe_salon .spe_salon_txt_06 {
  position: absolute;
  top: 90%;
  left: 6.5%;
  width: 19%;
}