@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
@-webkit-keyframes colorChange {
  0% {
    color: #fff;
    fill: #fff;
  }
  30% {
    color: #000;
    fill: #000;
  }
  60% {
    color: #000;
    fill: #000;
  }
  100% {
    color: #fff;
    fill: #fff;
  }
}
@keyframes colorChange {
  0% {
    color: #fff;
    fill: #fff;
  }
  30% {
    color: #000;
    fill: #000;
  }
  60% {
    color: #000;
    fill: #000;
  }
  100% {
    color: #fff;
    fill: #fff;
  }
}
@-webkit-keyframes bgColorChange {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes bgColorChange {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
/*Animate */
.con_intro {
  margin: 100px auto 15px;
  text-align: center;
}

.con_potel01 {
  text-align: center;
}
.con_potel01 p:nth-of-type(2) {
  margin-top: 64px;
}
.con_potel01 p:nth-of-type(3) {
  margin-top: 134px;
}
.con_potel01 p:nth-of-type(4) {
  margin-top: 71px;
}
.con_potel01 p:nth-of-type(5) {
  margin-top: 70px;
}

.con_potel02 {
  margin-top: 84px;
  margin-bottom: 110px;
  text-align: center;
}
.con_potel02 p:nth-of-type(2), .con_potel02 p:nth-of-type(3) {
  margin-top: 80px;
}