/**
 * Compa Styles
 *
 */
/* ==========================================================================
   service common styles
   ========================================================================== */
/* service header
   ========================================================================== */
.service-head {
  position: relative;
  height: 0;
  padding-bottom: 62.1522693997%;
}

.service-head-inner {
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .service-head {
    background: none;
    height: auto;
    padding-bottom: 0;
  }
  .service-head:before, .service-head:after {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 31.2%;
    width: 100%;
  }
  .service-head-inner {
    display: block;
    position: static;
  }
}

/* service title
   ========================================================================== */
.service-ttl-wrap {
  background-color: #fff;
  padding: 100px 48px 60px;
  position: relative;
  width: 456px;
}

.service-number {
  height: 75px;
  width: 75px;
  line-height: 1;
  padding-top: 13px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -10px;
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-number span {
  color: #fff;
  display: block;
  font-family: "Shanti", sans-serif;
  padding-top: 2px;
  font-size: 38px;
  font-size: 3.8rem;
}

.service-number:before {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: #ca516c 10px solid;
  position: absolute;
  top: 0;
  right: -10px;
}

.service-ttl {
  border-bottom: 2px dotted #b2b2b2;
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.service-lead {
  line-height: 1.47;
  margin-bottom: 22px;
  text-align: center;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}

.service-desc {
  margin-bottom: 22px;
}

.service-url {
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .service-ttl-wrap {
    width: 100%;
    padding-top: 50px;
    padding-top: 13.3vw;
    padding-bottom: 50px;
    padding-bottom: 13.3vw;
    padding-left: 20px;
    padding-left: 5.3vw;
    padding-right: 20px;
    padding-right: 5.3vw;
  }
  .service-number {
    top: -5px;
    font-size: 6px;
    font-size: 1.5vw;
    padding-top: 5px;
    padding-top: 1.3vw;
    height: 38px;
    height: 10vw;
    width: 38px;
    width: 10vw;
  }
  .service-number span {
    font-size: 19px;
    font-size: 5.1vw;
  }
  .service-number:before {
    border-right-width: 5px;
    border-bottom-width: 5px;
    right: -5px;
  }
  .service-ttl {
    margin: 0 auto;
    margin-bottom: 20px;
    margin-bottom: 5.3vw;
    padding-bottom: 15px;
    padding-bottom: 4vw;
    width: 201px;
    width: 53.6vw;
  }
  .service-lead {
    text-align: left;
    font-size: 16px;
    font-size: 4.3vw;
    margin-bottom: 20px;
    margin-bottom: 5.3vw;
  }
  .service-desc {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 20px;
    margin-bottom: 5.3vw;
  }
  .service-url {
    font-size: 12px;
    font-size: 3.2vw;
    text-align: left;
  }
}

body#compa .service-number {
  background-color: #ffa044;
}

body#compa .service-number:before {
  border-bottom-color: #ec7e14;
}

body#compa .service-lead span {
  color: #ffa044;
}

body#machicon .service-number {
  background-color: #f55585;
}

body#machicon .service-number:before {
  border-bottom-color: #d13f6b;
}

body#machicon .service-lead span {
  color: #f55585;
}

body#omicon .service-number {
  background-color: #b2a45d;
}

body#omicon .service-number:before {
  border-bottom-color: #9a8a3b;
}

body#omicon .service-lead span {
  color: #b2a45d;
}

/* feature
   ========================================================================== */
.feature-ttl {
  position: absolute;
  left: 40px;
  top: -162px;
}

.feature-list {
  display: -ms-flexbox;
  display: flex;
  padding: 60px 192px 60px 0;
}

.feature-list li {
  border-bottom: 7px solid #ca516c;
  margin-right: 64px;
  line-height: 1.56;
  padding-left: 40px;
  padding-bottom: 34px;
  position: relative;
  width: 25%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.feature-list li:nth-child(4n) {
  margin-right: -192px;
}

.feature-list span {
  color: #ca516c;
  display: block;
  font-family: "Shanti", sans-serif;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 50px;
  font-size: 5rem;
}

@media screen and (max-width: 767px) {
  .sct-feature {
    position: relative;
  }
  .feature-ttl {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100px;
    height: 26.7vw;
    width: 100px;
    width: 26.7vw;
    top: -70px;
    top: -18.7vw;
  }
  .feature-list {
    display: block;
    padding-right: 0;
    padding-top: 45px;
    padding-top: 12vw;
    padding-bottom: 45px;
    padding-bottom: 12vw;
  }
  .feature-list li {
    border-bottom-width: 3px;
    width: 100%;
    font-size: 16px;
    font-size: 4.3vw;
    margin-bottom: 15px;
    margin-bottom: 4vw;
    padding-bottom: 15px;
    padding-bottom: 4vw;
  }
  .feature-list li:last-child {
    margin-bottom: 0;
  }
  .feature-list span {
    font-size: 50px;
    font-size: 13.3vw;
  }
}

body#compa .sct-feature {
  background-color: #ffeacf;
}

body#compa .feature-list li {
  border-bottom-color: #ffa044;
}

body#compa .feature-list span {
  color: #ffa044;
}

body#machicon .sct-feature {
  background-color: #feeaf0;
}

body#machicon .feature-list li {
  border-bottom-color: #f55585;
}

body#machicon .feature-list span {
  color: #f55585;
}

body#omicon .sct-feature {
  background-color: #efebd8;
}

body#omicon .feature-list li {
  border-bottom-color: #b2a45d;
}

body#omicon .feature-list span {
  color: #b2a45d;
}

/* rcmd
   ========================================================================== */
.sct-rcmd {
  margin-bottom: 100px;
  padding-top: 100px;
}

.rcmd-ttl {
  line-height: 1;
  margin-bottom: 55px;
  text-align: center;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 300;
}

.rcmd-ttl span {
  background: url(/common/css/img/service/rcmd_ttl_bg.png) no-repeat center bottom;
  background-size: 408px 8px;
  display: inline-block;
  padding-bottom: 27px;
}

.rcmd-set {
  margin-bottom: 21px;
  position: relative;
  display: block;
}

.rcmd-set:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.rcmd-set .balloon {
  border-radius: 30px;
  line-height: 1.65;
  padding: 30px  30px 30px 40px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

.rcmd-set .balloon:before {
  content: '';
  display: block;
  height: 20px;
  width: 22px;
  position: absolute;
  top: 40px;
}

.rcmd-user,
.rcmd-answer {
  letter-spacing: -.02em;
}

.rcmd-user:before,
.rcmd-answer:before {
  content: '';
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  top: 6px;
}

.rcmd-user {
  float: left;
  padding-left: 110px;
  padding-right: 10px;
  width: 50%;
}

.rcmd-user:before {
  left: 0;
}

.rcmd-user .balloon:before {
  left: -22px;
}

.rcmd-user.user-male:before {
  background: url("/common/css/img/service/rcmd_icon_male.png") no-repeat left top;
  background-size: contain;
}

.rcmd-user.user-male .balloon {
  background-color: #eff5f8;
}

.rcmd-user.user-male .balloon:before {
  background: url("/common/css/img/service/rcmd_balloon_male.png");
}

.rcmd-user.user-female:before {
  background: url("/common/css/img/service/rcmd_icon_female.png") no-repeat left top;
  background-size: contain;
}

.rcmd-user.user-female .balloon {
  background-color: #fdedf0;
}

.rcmd-user.user-female .balloon:before {
  background: url("/common/css/img/service/rcmd_balloon_female.png");
}

.rcmd-answer {
  float: right;
  padding-left: 10px;
  padding-right: 110px;
  position: relative;
  width: 50%;
}

.rcmd-answer:before {
  right: 0;
}

.rcmd-answer .balloon:before {
  right: -22px;
}

.rcmd-answer.answer-compa:before {
  background: url("/common/css/img/service/rcmd_icon_compa.png") no-repeat left top;
  background-size: contain;
}

.rcmd-answer.answer-compa .balloon {
  background-color: #fff3e3;
}

.rcmd-answer.answer-compa .balloon:before {
  background: url("/common/css/img/service/rcmd_balloon_compa.png");
  background-size: contain;
}

.rcmd-answer.answer-machicon:before {
  background: url("/common/css/img/service/rcmd_icon_machicon.png") no-repeat left top;
  background-size: contain;
}

.rcmd-answer.answer-machicon .balloon {
  background-color: #ffeaf0;
}

.rcmd-answer.answer-machicon .balloon:before {
  background: url("/common/css/img/service/rcmd_balloon_machicon.png");
  background-size: contain;
}

.rcmd-answer.answer-omicon:before {
  background: url("/common/css/img/service/rcmd_icon_omicon.png") no-repeat left top;
  background-size: contain;
}

.rcmd-answer.answer-omicon .balloon {
  background-color: #efebd8;
}

.rcmd-answer.answer-omicon .balloon:before {
  background: url("/common/css/img/service/rcmd_balloon_omicon.png");
  background-size: contain;
}

@media screen and (min-width: 768px), print {
  .rcmd-answer {
    top: 55px;
  }
}

@media screen and (max-width: 767px) {
  .sct-rcmd {
    padding-top: 45px;
    padding-top: 12vw;
    margin-bottom: 45px;
    margin-bottom: 12vw;
  }
  .rcmd-ttl {
    line-height: 1.5;
    font-size: 24px;
    font-size: 6.4vw;
    margin-bottom: 30px;
    margin-bottom: 8vw;
  }
  .rcmd-ttl span {
    padding-bottom: 20px;
    padding-bottom: 5.3vw;
  }
  .rcmd-set {
    margin-bottom: 30px;
    margin-bottom: 8vw;
  }
  .rcmd-set .balloon {
    letter-spacing: -.03em;
    border-radius: 15px;
    border-radius: 4vw;
    font-size: 14px;
    font-size: 3.7vw;
    padding-top: 15px;
    padding-top: 4vw;
    padding-bottom: 15px;
    padding-bottom: 4vw;
    padding-left: 25px;
    padding-left: 6.7vw;
    padding-right: 25px;
    padding-right: 6.7vw;
  }
  .rcmd-set .balloon br {
    display: none;
  }
  .rcmd-set .balloon:before {
    height: 20px;
    height: 5.3vw;
    width: 22px;
    width: 5.9vw;
    top: 20px;
    top: 5.3vw;
  }
  .rcmd-user {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 55px;
    padding-left: 14.7vw;
    margin-bottom: 15px;
    margin-bottom: 4vw;
  }
  .rcmd-user:before {
    top: 6px;
    height: 35px;
    height: 9.3vw;
    width: 35px;
    width: 9.3vw;
  }
  .rcmd-user .balloon:before {
    left: -13px;
    left: -3.3vw;
  }
  .rcmd-answer {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 55px;
    padding-right: 14.7vw;
    margin-bottom: 15px;
    margin-bottom: 4vw;
  }
  .rcmd-answer:before {
    top: 6px;
    height: 35px;
    height: 9.3vw;
    width: 35px;
    width: 9.3vw;
  }
  .rcmd-answer .balloon:before {
    right: -13px;
    right: -3.3vw;
  }
}

/* voice
   ========================================================================== */
.sct-voice {
  margin-bottom: 145px;
}

.voice-head {
  height: 380px;
  margin-bottom: 40px;
  position: relative;
}

.voice-ttl-wrap {
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 456px;
  padding-top: 30px;
  padding-bottom: 25px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.voice-balloon {
  position: absolute;
  left: 14px;
  top: -32px;
}

.voice-ttl {
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 300;
}

.voice-ttl .voice-ttl-inner {
  display: inline-block;
  position: relative;
}

.voice-ttl .voice-ttl-inner:before, .voice-ttl .voice-ttl-inner:after {
  background-color: #000;
  content: '';
  display: block;
  height: 60px;
  width: 1px;
  position: absolute;
  top: 10px;
}

.voice-ttl .voice-ttl-inner:before {
  left: -38px;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.voice-ttl .voice-ttl-inner:after {
  right: -30px;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}

.voice-ttl .voice-ttl-inner span {
  font-size: 60px;
  font-size: 6rem;
}

.voice-lead {
  line-height: 1;
}

.voice-box-wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
  padding-right: 30px;
}

.voice-box {
  border-radius: 10px;
  margin-right: 15px;
  margin-bottom: 43px;
  padding: 40px;
  position: relative;
  width: 33.33%;
  font-size: 16px;
  font-size: 1.6rem;
}

.voice-box:nth-child(3n) {
  margin-right: -30px;
  width: 33.34%;
}

.voice-box-male {
  background-color: #eff5f8;
}

.voice-box-male .voice-box-lead {
  color: #52b9e4;
}

.voice-box-female {
  background-color: #fdedf0;
}

.voice-box-female .voice-box-lead {
  color: #ff8cb3;
}

.voice-box-lead {
  line-height: 1.32;
  margin-bottom: 12px;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
}

.voice-box-prof {
  height: 90px;
  line-height: 1;
  padding-top: 70px;
  padding-right: 100px;
  position: absolute;
  right: 20px;
  bottom: -42px;
  z-index: 10;
  font-size: 14px;
  font-size: 1.4rem;
}

.voice-box-prof:before {
  content: '';
  display: block;
  height: 90px;
  width: 90px;
  position: absolute;
  top: 0;
  right: 0;
}

.voice-box-prof.icon-male01:before {
  background: url(/common/css/img/service/voice_icon_male01.png) no-repeat left top;
  background-size: contain;
}

.voice-box-prof.icon-female01:before {
  background: url(/common/css/img/service/voice_icon_female01.png) no-repeat left top;
  background-size: contain;
}

.voice-box-prof.icon-female02:before {
  background: url(/common/css/img/service/voice_icon_female02.png) no-repeat left top;
  background-size: contain;
}

.voice-btn .btn01 {
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 39px;
  margin: 0 auto;
  width: 530px;
  height: 78px;
  font-size: 16px;
  font-size: 1.6rem;
}

.voice-btn .btn01 span:after {
  background: url("/common/css/img/icon_blank_w.png") no-repeat left top;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 11px;
  width: 15px;
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .voice-btn .btn01 span:after {
    height: 9px;
    height: 2.4vw;
    width: 13px;
    width: 3.5vw;
  }
}

@media screen and (max-width: 767px) {
  .sct-voice {
    margin-bottom: 50px;
    margin-bottom: 13.3vw;
  }
  .voice-head {
    height: 200px;
    height: 53.3vw;
    margin-bottom: 20px;
    margin-bottom: 5.3vw;
  }
  .voice-ttl-wrap {
    width: 80%;
    padding-top: 20px;
    padding-top: 5.3vw;
    padding-bottom: 15px;
    padding-bottom: 4vw;
  }
  .voice-balloon {
    left: 7px;
    left: 1.9vw;
    top: -20px;
    top: -5.3vw;
    width: 130px;
    width: 34.7vw;
  }
  .voice-ttl {
    font-size: 19px;
    font-size: 5.1vw;
    margin-bottom: 13px;
    margin-bottom: 3.3vw;
  }
  .voice-ttl .voice-ttl-inner {
    display: inline-block;
    position: relative;
  }
  .voice-ttl .voice-ttl-inner:before, .voice-ttl .voice-ttl-inner:after {
    height: 30px;
    height: 8vw;
    top: 5px;
    top: 1.3vw;
  }
  .voice-ttl .voice-ttl-inner:before {
    left: -19px;
    left: -5.1vw;
  }
  .voice-ttl .voice-ttl-inner:after {
    right: -15px;
    right: -4vw;
  }
  .voice-ttl .voice-ttl-inner span {
    font-size: 30px;
    font-size: 8vw;
  }
  .voice-lead {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .voice-box-wrap {
    display: block;
    padding-right: 0;
    margin-bottom: 60px;
    margin-bottom: 16vw;
  }
  .voice-box {
    margin-right: 0 !important;
    margin-bottom: 43px;
    width: 100% !important;
    border-radius: 5px;
    border-radius: 1.3vw;
    font-size: 14px;
    font-size: 3.7vw;
    margin-bottom: 50px;
    margin-bottom: 13.3vw;
    padding-top: 20px;
    padding-top: 5.3vw;
    padding-bottom: 30px;
    padding-bottom: 8vw;
    padding-right: 20px;
    padding-right: 5.3vw;
    padding-left: 20px;
    padding-left: 5.3vw;
  }
  .voice-box-lead {
    font-size: 16px;
    font-size: 4.3vw;
    margin-bottom: 10px;
    margin-bottom: 2.7vw;
  }
  .voice-box-prof {
    height: 60px;
    height: 16vw;
    padding-top: 35px;
    padding-top: 9.3vw;
    padding-right: 70px;
    padding-right: 18.7vw;
    right: 10px;
    right: 2.7vw;
    bottom: -35px;
    bottom: -9.3vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
  .voice-box-prof:before {
    height: 60px;
    height: 16vw;
    width: 60px;
    width: 16vw;
  }
  .voice-btn .btn01 {
    width: 100%;
    border-radius: 40px;
    border-radius: 10.7vw;
    height: 80px;
    height: 21.3vw;
    font-size: 15px;
    font-size: 4vw;
  }
}

body#compa .voice-ttl-inner span {
  color: #ffa044;
}

body#compa .voice-btn .btn01 {
  background-color: #ffa044;
}

body#machicon .voice-ttl-inner span {
  color: #f55585;
}

body#machicon .voice-btn .btn01 {
  background-color: #f55585;
}

body#omicon .voice-ttl-inner span {
  color: #b2a45d;
}

body#omicon .voice-btn .btn01 {
  background-color: #b2a45d;
}

/* ==========================================================================
   compa styles
   ========================================================================== */
/* service header
   ========================================================================== */
.service-head {
  background: url(img/service_head_bg.jpg) no-repeat center top;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .service-head:before {
    background: url(img/service_head_bg01_sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .service-head:after {
    background: url(img/service_head_bg02_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}

/* rcmd
   ========================================================================== */
@media screen and (min-width: 768px), print {
  .sct-rcmd {
    margin-bottom: 130px;
  }
  .rcmd-set02 {
    margin-bottom: 47px;
  }
  .rcmd-set03 .rcmd-answer,
  .rcmd-set04 .rcmd-answer,
  .rcmd-set05 .rcmd-answer {
    top: 30px;
  }
}

/* voice
   ========================================================================== */
.voice-head {
  background: url(img/voice_head_bg.jpg) no-repeat left top;
  background-size: cover;
}

/* animation
   ========================================================================== */
/* service title
   ========================================================================== */
@media screen and (min-width: 768px), print {
  .service-ttl-wrap {
    opacity: 0;
    -webkit-animation: fadeInUp 1s ease both .2s;
    animation: fadeInUp 1s ease both .2s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
}

@media screen and (min-width: 768px), print {
  .rcmd-user,
  .rcmd-answer {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  .rcmd-set-wrap.inviewed .rcmd-set01 .rcmd-user {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
  }
  .rcmd-set-wrap.inviewed .rcmd-set01 .rcmd-answer {
    -webkit-animation: fadeInUp 1s ease both .2s;
    animation: fadeInUp 1s ease both .2s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set02 .rcmd-user {
    -webkit-animation: fadeInUp 1s ease both .4s;
    animation: fadeInUp 1s ease both .4s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set02 .rcmd-answer {
    -webkit-animation: fadeInUp 1s ease both .6s;
    animation: fadeInUp 1s ease both .6s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set03 .rcmd-user {
    -webkit-animation: fadeInUp 1s ease both .8s;
    animation: fadeInUp 1s ease both .8s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set03 .rcmd-answer {
    -webkit-animation: fadeInUp 1s ease both 1s;
    animation: fadeInUp 1s ease both 1s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set04 .rcmd-user {
    -webkit-animation: fadeInUp 1s ease both 1.2s;
    animation: fadeInUp 1s ease both 1.2s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set04 .rcmd-answer {
    -webkit-animation: fadeInUp 1s ease both 1.4s;
    animation: fadeInUp 1s ease both 1.4s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set05 .rcmd-user {
    -webkit-animation: fadeInUp 1s ease both 1.6s;
    animation: fadeInUp 1s ease both 1.6s;
  }
  .rcmd-set-wrap.inviewed .rcmd-set05 .rcmd-answer {
    -webkit-animation: fadeInUp 1s ease both 1.8s;
    animation: fadeInUp 1s ease both 1.8s;
  }
}

@media screen and (min-width: 768px), print {
  .voice-box {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  .voice-box-wrap.inviewed .voice-box:nth-child(1) {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
  }
  .voice-box-wrap.inviewed .voice-box:nth-child(2) {
    -webkit-animation: fadeInUp 1s ease both .4s;
    animation: fadeInUp 1s ease both .4s;
  }
  .voice-box-wrap.inviewed .voice-box:nth-child(3) {
    -webkit-animation: fadeInUp 1s ease both .8s;
    animation: fadeInUp 1s ease both .8s;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*# sourceMappingURL=style.css.map */