@charset "UTF-8";
#page.sugoude2025 .top-mv-first-text {
  background-color: #d92c7e;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
#page.sugoude2025 .top-mv-first-text p {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
}
#page.sugoude2025 .top-mv-first-text .highlight-number {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
}
#page.sugoude2025 .top-mv {
  aspect-ratio: 980/423; /* 比率を指定（例: 16:9） */
  background-image: url(../images/sugoude2025/top-mv-bg.jpg);
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 130px 0 90px;
}
#page.sugoude2025 .top-mv .top-mv-title {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 60px auto;
  -webkit-animation: salesGrowth 0.8s ease-out forwards;
          animation: salesGrowth 0.8s ease-out forwards;
  opacity: 0;
  -webkit-transform: translateY(80px) scale(0.8);
          transform: translateY(80px) scale(0.8);
}
#page.sugoude2025 .top-mv .top-mv-title-banner {
  width: 100%;
  max-width: 1188px;
  -webkit-animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;
          animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  margin-bottom: 25px;
}
#page.sugoude2025 .top-mv .top-mv-title-text {
  width: 100%;
  max-width: 525px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .top-mv {
    aspect-ratio: 750/917;
    background-image: url(../images/sugoude2025/top-mv-bg-sp.jpg);
    padding: 50px 0 20px;
    background-position: bottom;
  }
  #page.sugoude2025 .top-mv .top-mv-title {
    max-width: 85%;
    margin: 0 auto 30px auto;
    -webkit-animation: salesGrowthSp 0.8s ease-out forwards;
            animation: salesGrowthSp 0.8s ease-out forwards;
  }
  #page.sugoude2025 .top-mv .top-mv-title-banner {
    max-width: 90%;
    margin: 0 auto 15px;
  }
  #page.sugoude2025 .top-mv .top-mv-title-text {
    max-width: 70%;
  }
}
@media screen and (max-width: 767px) {
  @-webkit-keyframes salesGrowthSp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(60px) scale(0.85);
              transform: translateY(60px) scale(0.85);
    }
    60% {
      -webkit-transform: translateY(-8px) scale(1.03);
              transform: translateY(-8px) scale(1.03);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
    }
  }
  @keyframes salesGrowthSp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(60px) scale(0.85);
              transform: translateY(60px) scale(0.85);
    }
    60% {
      -webkit-transform: translateY(-8px) scale(1.03);
              transform: translateY(-8px) scale(1.03);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
    }
  }
}
#page.sugoude2025 .kv-cv-area {
  padding: 60px 0;
  background-color: #283035;
}
#page.sugoude2025 .kv-cv-area .kv-cv-area-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
#page.sugoude2025 .kv-cv-area .kv-cv-area-inner a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .kv-cv-area {
    padding: 30px 0;
  }
  #page.sugoude2025 .kv-cv-area .kv-cv-area-inner {
    width: 95%;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .kv-cv-area .kv-cv-area-inner {
    width: 92%;
  }
  #page.sugoude2025 .kv-cv-area .kv-cv-area-inner a {
    display: block;
  }
  #page.sugoude2025 .kv-cv-area .kv-cv-area-inner a:first-child {
    margin-bottom: 15px;
  }
}
#page.sugoude2025 .case {
  padding: 90px 0 90px;
}
#page.sugoude2025 .case .case-title {
  width: 100%;
  max-width: 998px;
  margin: 0 auto 50px;
}
#page.sugoude2025 .case .case-slide {
  position: relative;
}
#page.sugoude2025 .case .case-slide .splide__arrow {
  width: 80px;
  height: 80px;
  background: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#page.sugoude2025 .case .case-slide .splide__arrow--prev {
  left: 30px;
  background-image: url(../images/sugoude2025/arrow-prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#page.sugoude2025 .case .case-slide .splide__arrow--prev svg {
  display: none;
}
#page.sugoude2025 .case .case-slide .splide__arrow--next {
  right: 30px;
  background-image: url(../images/sugoude2025/arrow-next.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#page.sugoude2025 .case .case-slide .splide__arrow--next svg {
  display: none;
}
#page.sugoude2025 .case .case-slide .splide__arrow:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#page.sugoude2025 .case .case-slide .splide__slide img {
  width: 100%;
  height: auto;
  display: block;
}
#page.sugoude2025 .case .case-content-title {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #cd0262;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  padding-bottom: 20px;
}
#page.sugoude2025 .case .case-content-title p {
  font-size: 36px;
  color: #fff;
  font-weight: 500;
}
#page.sugoude2025 .case .case-content-box {
  width: 100%;
  max-width: 1154px;
  margin: 0 auto;
  border: 5px solid #cd0262;
  border-radius: 20px;
  background-color: #fcfafa;
  padding: 40px 30px;
  margin-top: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
#page.sugoude2025 .case .case-content-top {
  margin-bottom: 30px;
}
#page.sugoude2025 .case .case-content-box-item-inner:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .case .case-content-title {
    width: 95%;
  }
  #page.sugoude2025 .case .case-content-box {
    width: calc(95% - 46px);
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .case {
    padding: 40px 0 30px;
    overflow: hidden;
  }
  #page.sugoude2025 .case .case-title {
    width: 92%;
    margin: 0 auto 20px auto;
  }
  #page.sugoude2025 .case .case-slide .splide__arrow {
    width: 40px;
    height: 40px;
  }
  #page.sugoude2025 .case .case-slide .splide__arrow--prev {
    left: 5px;
  }
  #page.sugoude2025 .case .case-slide .splide__arrow--next {
    right: 5px;
  }
  #page.sugoude2025 .case .case-content-title {
    width: 95%;
    margin: 0 auto 10px auto;
    height: 40px;
    padding-bottom: 5px;
    padding-left: 10px;
  }
  #page.sugoude2025 .case .case-content-title p {
    font-size: 13px;
  }
  #page.sugoude2025 .case .case-content-box {
    width: 92%;
    padding: 10px;
    margin-top: -20px;
    border: 4px solid #cd0262;
    border-radius: 10px;
    gap: 8px;
  }
  #page.sugoude2025 .case .case-content-top {
    margin-bottom: 20px;
  }
  #page.sugoude2025 .case .case-content-box-item-inner:not(:last-child) {
    margin-bottom: 8px;
  }
}
#page.sugoude2025 .cv-area {
  padding: 60px 0;
  background-color: #ebedee;
}
#page.sugoude2025 .cv-area .cv-area-title {
  text-align: center;
  margin-bottom: 5px;
}
#page.sugoude2025 .cv-area .cv-area-title p {
  font-size: 30px;
  font-weight: 600;
}
#page.sugoude2025 .cv-area .cv-area-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border: 5px solid #cd0262;
  border-radius: 20px;
  background-color: #fcfafa;
}
#page.sugoude2025 .cv-area .cv-area-content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 30px 35px 50px;
}
#page.sugoude2025 .cv-area .cv-area-content-logo {
  width: 100%;
  max-width: 490px;
}
#page.sugoude2025 .cv-area .cv-area-content-offer {
  width: 100%;
  max-width: 554px;
}
#page.sugoude2025 .cv-area .cv-area-content-bottom {
  background-color: #364e5b;
  border-radius: 0 0 15px 15px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .cv-area .cv-area-content {
    width: 95%;
  }
  #page.sugoude2025 .cv-area .cv-area-content-top {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .cv-area {
    padding: 30px 0 30px;
  }
  #page.sugoude2025 .cv-area .cv-area-title {
    margin-bottom: 10px;
  }
  #page.sugoude2025 .cv-area .cv-area-title p {
    font-size: 18px;
  }
  #page.sugoude2025 .cv-area .cv-area-content {
    width: 92%;
    border: 4px solid #cd0262;
  }
  #page.sugoude2025 .cv-area .cv-area-content-top {
    padding: 30px 25px 15px 25px;
    display: block;
  }
  #page.sugoude2025 .cv-area .cv-area-content-logo {
    margin: 0 auto 20px;
  }
  #page.sugoude2025 .cv-area .cv-area-content-bottom {
    display: block;
  }
  #page.sugoude2025 .cv-area .cv-area-content-bottom a {
    display: block;
  }
  #page.sugoude2025 .cv-area .cv-area-content-bottom a:first-child {
    margin-bottom: 15px;
  }
  #page.sugoude2025 .cv-area .cv-area-content-offer {
    margin: 0 auto;
  }
}
#page.sugoude2025 .worries {
  padding: 85px 0;
}
#page.sugoude2025 .worries .worries-title {
  width: 100%;
  max-width: 847px;
  margin: 0 auto 70px;
}
#page.sugoude2025 .worries .worries-img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 40px;
}
#page.sugoude2025 .worries .worries-arrow {
  width: 100%;
  max-width: 157px;
  margin: 0 auto 40px;
}
#page.sugoude2025 .worries .worries-bottom-text {
  width: 100%;
  max-width: 912px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .worries .worries-title {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .worries {
    padding: 45px 0;
  }
  #page.sugoude2025 .worries .worries-title {
    width: 70%;
    margin: 0 auto 30px auto;
  }
  #page.sugoude2025 .worries .worries-img {
    width: 86%;
    margin: 0 auto 20px auto;
  }
  #page.sugoude2025 .worries .worries-img .spv img:first-child {
    margin-bottom: 20px;
  }
  #page.sugoude2025 .worries .worries-arrow {
    width: 1005;
    max-width: 79px;
    margin: 0 auto 20px auto;
  }
  #page.sugoude2025 .worries .worries-bottom-text {
    width: 90%;
  }
}
#page.sugoude2025 .point {
  padding: 100px 0;
  background-image: url(../images/sugoude2025/point-bg.jpg);
  background-size: cover;
  background-position: center;
}
#page.sugoude2025 .point .point-title-first {
  width: 100%;
  max-width: 488px;
  margin: 0 auto 30px;
}
#page.sugoude2025 .point .point-title-second {
  width: 100%;
  max-width: 490px;
  margin: 0 auto 60px;
}
#page.sugoude2025 .point .point-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 15px;
  padding: 50px 35px 50px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#page.sugoude2025 .point .point-content-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
#page.sugoude2025 .point .point-content-item-number {
  width: 100%;
  height: 32px;
  margin-bottom: 15px;
}
#page.sugoude2025 .point .point-content-item-number.first {
  max-width: 37px;
}
#page.sugoude2025 .point .point-content-item-number.second {
  max-width: 45px;
}
#page.sugoude2025 .point .point-content-item-number.third {
  max-width: 41px;
}
#page.sugoude2025 .point .point-content-item-title {
  margin-bottom: 20px;
}
#page.sugoude2025 .point .point-content-item-title p {
  font-size: 26px;
  font-weight: 600;
  color: #cd0262;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
#page.sugoude2025 .point .point-content-item-text p {
  font-size: 20px;
  word-break: break-all;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .point {
    padding: 50px 0;
  }
  #page.sugoude2025 .point .point-content {
    width: 92%;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .point {
    padding: 40px 0 30px;
    background-image: url(../images/sugoude2025/point-bg-sp.jpg);
  }
  #page.sugoude2025 .point .point-title-first {
    width: 72%;
    margin: 0 auto 20px auto;
  }
  #page.sugoude2025 .point .point-title-second {
    width: 72%;
    margin: 0 auto 40px auto;
  }
  #page.sugoude2025 .point .point-content {
    width: 90%;
    padding: 40px 30px 40px 30px;
    border-radius: 10px;
    display: block;
  }
  #page.sugoude2025 .point .point-content-item-number {
    margin-bottom: 10px;
    height: auto;
  }
  #page.sugoude2025 .point .point-content-item-number.first {
    max-width: 25px;
  }
  #page.sugoude2025 .point .point-content-item-number.second {
    max-width: 30px;
  }
  #page.sugoude2025 .point .point-content-item-number.third {
    max-width: 25px;
  }
  #page.sugoude2025 .point .point-content-item-title {
    margin-bottom: 15px;
  }
  #page.sugoude2025 .point .point-content-item-title p {
    font-size: 20px;
  }
  #page.sugoude2025 .point .point-content-item-text p {
    font-size: 18px;
  }
  #page.sugoude2025 .point .point-content-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
#page.sugoude2025 .support {
  padding: 85px 0 140px;
}
#page.sugoude2025 .support .support-title {
  width: 100%;
  max-width: 1122px;
  margin: 0 auto 100px;
  position: relative;
  overflow: hidden;
}
#page.sugoude2025 .support .support-title::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -120%;
  width: 80%;
  height: 200%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(70%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
  -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 30px rgba(255, 255, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.5);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0;
  pointer-events: none;
}
#page.sugoude2025 .support .support-title.in-view::after {
  -webkit-animation: diagonalShine 1.5s ease-in-out;
          animation: diagonalShine 1.5s ease-in-out;
}
#page.sugoude2025 .support .support-sub-title {
  width: 100%;
  max-width: 634px;
  margin: 0 auto 80px;
}
#page.sugoude2025 .support .support-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 20px 0;
}
#page.sugoude2025 .support .support-content-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
}
#page.sugoude2025 .support .support-platform {
  width: 100%;
  max-width: 1203px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .support .support-title {
    width: 95%;
  }
  #page.sugoude2025 .support .support-content {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .support {
    padding: 50px 0 35px;
  }
  #page.sugoude2025 .support .support-title {
    width: 70%;
    margin: 0 auto 40px;
  }
  #page.sugoude2025 .support .support-title::after {
    width: 100%;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.6);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.6);
  }
  #page.sugoude2025 .support .support-sub-title {
    width: 85%;
    margin-bottom: 20px;
  }
  #page.sugoude2025 .support .support-content {
    width: 92%;
    gap: 15px 0;
    margin: 0 auto 30px;
  }
  #page.sugoude2025 .support .support-content-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }
  #page.sugoude2025 .support .support-platform {
    width: 92%;
  }
}
#page.sugoude2025 .achievement {
  padding: 145px 0 160px;
}
#page.sugoude2025 .achievement .achievement-title {
  width: 100%;
  max-width: 714px;
  margin: 0 auto 25px;
}
#page.sugoude2025 .achievement .achievement-title-text {
  text-align: center;
  margin-bottom: 40px;
}
#page.sugoude2025 .achievement .achievement-title-text p {
  font-size: 30px;
  font-weight: 600;
}
#page.sugoude2025 .achievement .achievement-logo {
  width: 100%;
  max-width: 1249px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #page.sugoude2025 .achievement .achievement-logo {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .achievement {
    padding: 40px 0 60px;
  }
  #page.sugoude2025 .achievement .achievement-title {
    width: 90%;
  }
  #page.sugoude2025 .achievement .achievement-title-text {
    margin-bottom: 40px;
  }
  #page.sugoude2025 .achievement .achievement-title-text p {
    font-size: 20px;
    line-height: 1.4;
  }
  #page.sugoude2025 .achievement .achievement-logo {
    width: 92%;
  }
}
#page.sugoude2025 .all-at-once {
  padding: 140px 0;
}
#page.sugoude2025 .all-at-once .all-at-once-title {
  width: 100%;
  max-width: 1195px;
  margin: 0 auto 80px;
}
#page.sugoude2025 .all-at-once .all-at-once-img {
  width: 100%;
  max-width: 1195px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #page.sugoude2025 .all-at-once {
    padding: 60px 0 60px;
  }
  #page.sugoude2025 .all-at-once .all-at-once-title {
    width: 82%;
    margin: 0 auto 40px auto;
  }
  #page.sugoude2025 .all-at-once .all-at-once-img {
    width: 92%;
  }
  #page.sugoude2025 .all-at-once .all-at-once-img .spv img:first-child {
    margin-bottom: 35px;
  }
}
@-webkit-keyframes salesGrowth {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px) scale(0.85);
            transform: translateY(60px) scale(0.85);
  }
  50% {
    -webkit-transform: translateY(-5px) scale(1.02);
            transform: translateY(-5px) scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
@keyframes salesGrowth {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px) scale(0.85);
            transform: translateY(60px) scale(0.85);
  }
  50% {
    -webkit-transform: translateY(-5px) scale(1.02);
            transform: translateY(-5px) scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes diagonalShine {
  0% {
    left: -120%;
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}
@keyframes diagonalShine {
  0% {
    left: -120%;
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10%, 20% {
    -webkit-transform: scale(0.95) rotate(-5deg);
            transform: scale(0.95) rotate(-5deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.05) rotate(5deg);
            transform: scale(1.05) rotate(5deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.05) rotate(-5deg);
            transform: scale(1.05) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10%, 20% {
    -webkit-transform: scale(0.95) rotate(-5deg);
            transform: scale(0.95) rotate(-5deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.05) rotate(5deg);
            transform: scale(1.05) rotate(5deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.05) rotate(-5deg);
            transform: scale(1.05) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}