/* Scss Document */
/* Scss Document */
/*---------------------------------------------
    all
---------------------------------------------*/
.txtAnim {
  transform: translate(-6rem, 0);
  will-change: transform;
  transform-box: fill-box; }
  .txtAnim > span {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    will-change: clip-path;
    transform-box: fill-box; }
  .txtAnim.is-scrollIn {
    transform: translate(0, 0);
    transition: transform 1300ms cubic-bezier(0.23, 1, 0.32, 1); }
    .txtAnim.is-scrollIn > span {
      clip-path: polygon(0 0, 108% 0, 100% 100%, 0 100%);
      transition: clip-path 560ms cubic-bezier(0.23, 1, 0.32, 1); }
      .txtAnim.is-scrollIn > span:nth-child(1) {
        transition-delay: 0ms; }
      .txtAnim.is-scrollIn > span:nth-child(2) {
        transition-delay: 30ms; }
      .txtAnim.is-scrollIn > span:nth-child(3) {
        transition-delay: 60ms; }
      .txtAnim.is-scrollIn > span:nth-child(4) {
        transition-delay: 90ms; }
      .txtAnim.is-scrollIn > span:nth-child(5) {
        transition-delay: 120ms; }
      .txtAnim.is-scrollIn > span:nth-child(6) {
        transition-delay: 150ms; }
      .txtAnim.is-scrollIn > span:nth-child(7) {
        transition-delay: 180ms; }
      .txtAnim.is-scrollIn > span:nth-child(8) {
        transition-delay: 210ms; }
      .txtAnim.is-scrollIn > span:nth-child(9) {
        transition-delay: 240ms; }
      .txtAnim.is-scrollIn > span:nth-child(10) {
        transition-delay: 270ms; }
      .txtAnim.is-scrollIn > span:nth-child(11) {
        transition-delay: 300ms; }
      .txtAnim.is-scrollIn > span:nth-child(12) {
        transition-delay: 330ms; }
      .txtAnim.is-scrollIn > span:nth-child(13) {
        transition-delay: 360ms; }
      .txtAnim.is-scrollIn > span:nth-child(14) {
        transition-delay: 390ms; }
      .txtAnim.is-scrollIn > span:nth-child(15) {
        transition-delay: 410ms; }
      .txtAnim.is-scrollIn > span:nth-child(16) {
        transition-delay: 440ms; }
      .txtAnim.is-scrollIn > span:nth-child(17) {
        transition-delay: 470ms; }
      .txtAnim.is-scrollIn > span:nth-child(18) {
        transition-delay: 500ms; }
      .txtAnim.is-scrollIn > span:nth-child(19) {
        transition-delay: 530ms; }
      .txtAnim.is-scrollIn > span:nth-child(20) {
        transition-delay: 560ms; }
      .txtAnim.is-scrollIn > span:nth-child(21) {
        transition-delay: 590ms; }
      .txtAnim.is-scrollIn > span:nth-child(22) {
        transition-delay: 620ms; }
      .txtAnim.is-scrollIn > span:nth-child(23) {
        transition-delay: 650ms; }
      .txtAnim.is-scrollIn > span:nth-child(24) {
        transition-delay: 680ms; }
      .txtAnim.is-scrollIn > span:nth-child(25) {
        transition-delay: 710ms; }
      .txtAnim.is-scrollIn > span:nth-child(26) {
        transition-delay: 740ms; }
      .txtAnim.is-scrollIn > span:nth-child(27) {
        transition-delay: 770ms; }
      .txtAnim.is-scrollIn > span:nth-child(28) {
        transition-delay: 800ms; }
      .txtAnim.is-scrollIn > span:nth-child(29) {
        transition-delay: 830ms; }
      .txtAnim.is-scrollIn > span:nth-child(30) {
        transition-delay: 860ms; }
      .txtAnim.is-scrollIn > span:nth-child(31) {
        transition-delay: 890ms; }
      .txtAnim.is-scrollIn > span:nth-child(32) {
        transition-delay: 920ms; }

.slidemotion {
  position: relative;
  overflow: hidden; }
  .slidemotion::before, .slidemotion::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1%;
    width: 102%;
    height: 102%;
    z-index: 15;
    background: white;
    transition: left 0.4s ease-in-out;
    overflow: hidden; }
  .slidemotion::before {
    height: 102%; }
  .slidemotion::after {
    background: #1B4A99;
    transition-delay: .4s;
    z-index: 12; }
  .slidemotion.is-scrollIn::before {
    left: 100%; }
  .slidemotion.is-scrollIn::after {
    left: 100%; }

@media screen and (min-width: 750px) {
  .scaleImg {
    overflow: hidden; }
    .scaleImg:hover .scaleImg_img {
      transform: scale(1.1); } }

.scaleImg_img {
  width: 100%;
  height: 100%;
  transition: .3s ease-in-out; }

@media screen and (min-width: 750px) {
  .fadelink {
    transition: .4s opacity; }
    .fadelink:hover {
      opacity: 0.6; } }

.-rotate {
  animation: 10s linear infinite rotation; }

@keyframes rotation {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }