@charset "UTF-8";
/**
 * LiteWord – グラデーションテキスト 01
 * フロントエンド用スタイル
 */
h1.lw-pr-text-1,
h2.lw-pr-text-1,
h3.lw-pr-text-1,
h4.lw-pr-text-1,
h5.lw-pr-text-1,
h6.lw-pr-text-1,
p.lw-pr-text-1,
div.lw-pr-text-1,
span.lw-pr-text-1 {
  position: relative;
  z-index: 10;
  text-align: var(--lw-text-align-pc, left);
}
@media (max-width: 700px) {
  h1.lw-pr-text-1,
  h2.lw-pr-text-1,
  h3.lw-pr-text-1,
  h4.lw-pr-text-1,
  h5.lw-pr-text-1,
  h6.lw-pr-text-1,
  p.lw-pr-text-1,
  div.lw-pr-text-1,
  span.lw-pr-text-1 {
    text-align: var(--lw-text-align-sp, var(--lw-text-align-pc, left));
  }
}
h1.lw-pr-text-1 > span,
h2.lw-pr-text-1 > span,
h3.lw-pr-text-1 > span,
h4.lw-pr-text-1 > span,
h5.lw-pr-text-1 > span,
h6.lw-pr-text-1 > span,
p.lw-pr-text-1 > span,
div.lw-pr-text-1 > span,
span.lw-pr-text-1 > span {
  line-height: var(--lw-pr-text-1-line-height-pc, 1.5);
  font-size: var(--lw-pr-text-1-font-size-pc, 1em);
  caret-color: #000;
}
@media (max-width: 900px) {
  h1.lw-pr-text-1 > span,
  h2.lw-pr-text-1 > span,
  h3.lw-pr-text-1 > span,
  h4.lw-pr-text-1 > span,
  h5.lw-pr-text-1 > span,
  h6.lw-pr-text-1 > span,
  p.lw-pr-text-1 > span,
  div.lw-pr-text-1 > span,
  span.lw-pr-text-1 > span {
    font-size: var(--lw-pr-text-1-font-size-tab, var(--lw-pr-text-1-font-size-pc, 1em));
    line-height: var(--lw-pr-text-1-line-height-tab, var(--lw-pr-text-1-line-height-pc, 1.5));
  }
}
@media (max-width: 600px) {
  h1.lw-pr-text-1 > span,
  h2.lw-pr-text-1 > span,
  h3.lw-pr-text-1 > span,
  h4.lw-pr-text-1 > span,
  h5.lw-pr-text-1 > span,
  h6.lw-pr-text-1 > span,
  p.lw-pr-text-1 > span,
  div.lw-pr-text-1 > span,
  span.lw-pr-text-1 > span {
    font-size: var(--lw-pr-text-1-font-size-sp, var(--lw-pr-text-1-font-size-tab, var(--lw-pr-text-1-font-size-pc, 1em)));
    line-height: var(--lw-pr-text-1-line-height-sp, var(--lw-pr-text-1-line-height-tab, var(--lw-pr-text-1-line-height-pc, 1.5)));
  }
}
h1.lw-pr-text-1.gradient-slide-anime,
h2.lw-pr-text-1.gradient-slide-anime,
h3.lw-pr-text-1.gradient-slide-anime,
h4.lw-pr-text-1.gradient-slide-anime,
h5.lw-pr-text-1.gradient-slide-anime,
h6.lw-pr-text-1.gradient-slide-anime,
p.lw-pr-text-1.gradient-slide-anime,
div.lw-pr-text-1.gradient-slide-anime,
span.lw-pr-text-1.gradient-slide-anime {
  background-image: var(--lw-pr-text-1-gradient, linear-gradient(270deg, #3b82f6, #06b6d4, #3b82f6));
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: var(--lw-pr-text-1-gradient-anime-ptn, lw-pr-text-1-gradient-slide-anime-1) var(--lw-pr-text-1-gradient-anime-time, 3s) var(--lw-pr-text-1-gradient-anime-movement, linear) infinite;
}

/* ----------------------------------------------------------
 * アニメーションパターン定義
 * -------------------------------------------------------- */
@keyframes lw-pr-text-1-gradient-slide-anime-1 {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes lw-pr-text-1-gradient-slide-anime-2 {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
}
@keyframes lw-pr-text-1-gradient-slide-anime-3 {
  0% {
    background-position: center 0%;
  }
  100% {
    background-position: center 200%;
  }
}
@keyframes lw-pr-text-1-gradient-slide-anime-4 {
  0% {
    background-position: center 200%;
  }
  100% {
    background-position: center 0%;
  }
}
@keyframes lw-pr-text-1-gradient-slide-anime-5 {
  0% {
    background-size: 100% auto;
  }
  50% {
    background-size: 300% auto;
  }
  100% {
    background-size: 100% auto;
  }
}/*# sourceMappingURL=style.css.map */