/**************************
color*/
/*** color ***/
.conteiner .mb-5 {
  margin-bottom: 5em !important;
}
.conteiner .mb-4 {
  margin-bottom: 4em !important;
}
.conteiner .mb-3 {
  margin-bottom: 3em !important;
}
.conteiner .mb-2 {
  margin-bottom: 2em !important;
}
.conteiner .mb-1_5 {
  margin-bottom: 1.5em !important;
}
.conteiner .mb-1 {
  margin-bottom: 1em !important;
}
.conteiner .mb-05 {
  margin-bottom: 0.5em !important;
}
.conteiner .mb-0 {
  margin-bottom: 0 !important;
}
.conteiner .mt-5 {
  margin-top: 5em !important;
}
.conteiner .mt-4 {
  margin-top: 4em !important;
}
.conteiner .mt-3 {
  margin-top: 3em !important;
}
.conteiner .mt-2 {
  margin-top: 2em !important;
}
.conteiner .mt-1_5 {
  margin-top: 1.5em !important;
}
.conteiner .mt-1 {
  margin-top: 1em !important;
}
.conteiner .mt-05 {
  margin-top: 0.5em !important;
}
.conteiner .mt-0 {
  margin-top: 0 !important;
}
.conteiner .mt-5 {
  margin-top: 5em !important;
}
.conteiner .mt-4 {
  margin-top: 4em !important;
}
.conteiner .mt-3 {
  margin-top: 3em !important;
}
.conteiner .mt-2 {
  margin-top: 2em !important;
}
.conteiner .mt-1_5 {
  margin-top: 1.5em !important;
}
.conteiner .mt-1 {
  margin-top: 1em !important;
}
.conteiner .mt-05 {
  margin-top: 0.5em !important;
}
.conteiner .mt-0 {
  margin-top: 0 !important;
}
.conteiner .my-5 {
  margin-left: 5em !important;
  margin-bottom: 5em !important;
}
.conteiner .my-4 {
  margin-left: 4em !important;
  margin-bottom: 4em !important;
}
.conteiner .my-3 {
  margin-left: 3em !important;
  margin-bottom: 3em !important;
}
.conteiner .my-2 {
  margin-left: 2em !important;
  margin-bottom: 2em !important;
}
.conteiner .my-1_5 {
  margin-left: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.conteiner .my-1 {
  margin-left: 1em !important;
  margin-bottom: 1em !important;
}
.conteiner .my-05 {
  margin-left: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.conteiner .my-0 {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.conteiner .mr-5 {
  margin-right: 5em !important;
}
.conteiner .mr-4 {
  margin-right: 4em !important;
}
.conteiner .mr-3 {
  margin-right: 3em !important;
}
.conteiner .mr-2 {
  margin-right: 2em !important;
}
.conteiner .mr-1_5 {
  margin-right: 1.5em !important;
}
.conteiner .mr-1 {
  margin-right: 1em !important;
}
.conteiner .mr-05 {
  margin-right: 0.5em !important;
}
.conteiner .mr-0 {
  margin-right: 0 !important;
}
.conteiner .my-5 {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}
.conteiner .my-4 {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}
.conteiner .my-3 {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}
.conteiner .my-2 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}
.conteiner .my-1_5 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.conteiner .my-1 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.conteiner .my-05 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.conteiner .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.conteiner .mx-5 {
  margin-left: 5em !important;
  margin-right: 5em !important;
}
.conteiner .mx-4 {
  margin-left: 4em !important;
  margin-right: 4em !important;
}
.conteiner .mx-3 {
  margin-left: 3em !important;
  margin-right: 3em !important;
}
.conteiner .mx-2 {
  margin-left: 2em !important;
  margin-right: 2em !important;
}
.conteiner .mx-1_5 {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}
.conteiner .mx-1 {
  margin-left: 1em !important;
  margin-right: 1em !important;
}
.conteiner .mx-05 {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}
.conteiner .mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (min-width: 768px) {
  .index_nav > li {
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .index_nav > li:nth-child(1) {
    transition-delay: 0.05s;
  }
  .index_nav > li:nth-child(2) {
    transition-delay: 0.1s;
  }
  .index_nav > li:nth-child(3) {
    transition-delay: 0.15s;
  }
  .index_nav > li:nth-child(4) {
    transition-delay: 0.2s;
  }
  .index_nav > li:nth-child(5) {
    transition-delay: 0.25s;
  }
  .index_nav > li:nth-child(6) {
    transition-delay: 0.3s;
  }
  .index_nav > li:nth-child(7) {
    transition-delay: 0.35s;
  }
  .index_nav > li:nth-child(8) {
    transition-delay: 0.4s;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .index_nav > li {
    transition-delay: 0s;
  }
  .index_nav > li:nth-child(2) {
    transition-delay: 0.04s;
  }
  .index_nav > li:nth-child(3) {
    transition-delay: 0.06s;
  }
  .index_nav > li:nth-child(4) {
    transition-delay: 0.08s;
  }
  .index_nav > li:nth-child(5) {
    transition-delay: 0.1s;
  }
  .index_nav > li:nth-child(6) {
    transition-delay: 0.12s;
  }
  .index_nav > li:nth-child(7) {
    transition-delay: 0.14s;
  }
  .index_nav > li:nth-child(8) {
    transition-delay: 0.16s;
  }
}
@media only screen and (min-width: 768px) {
  .index_nav > li.ready {
    opacity: 0;
    transform: scale(0);
  }
}
.sns_area .sns_content {
  transition: all 0.2s;
}
.sns_area .sns_content.ready {
  opacity: 0;
  transform: translateY(100px);
}
.sns_area .sns_icon > div {
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sns_area .sns_icon > div:nth-child(1) {
  transition-delay: 0.1s;
}
.sns_area .sns_icon > div:nth-child(2) {
  transition-delay: 0.2s;
}
.sns_area .sns_icon > div:nth-child(3) {
  transition-delay: 0.3s;
}
.sns_area .sns_icon > div:nth-child(4) {
  transition-delay: 0.4s;
}
.sns_area .sns_icon > div.ready {
  opacity: 0;
  transform: scale(0);
}
.sns_area .btn.center {
  transition: all 0.2s;
}
.sns_area .btn.center.ready {
  opacity: 0;
  transform: translateY(50px);
}