@charset "UTF-8";


/*
 * 共通keyframes
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * アニメーション設定
 */
[data-sa=fadeIn] {
  transition-timing-function: ease-in-out;
  opacity: 0;
  transition-property: opacity;
  transition-duration: var(--sec-a);
}
[data-sa=fadeIn].is-show {
  opacity: 1;
}

[data-sa=clip] {
  transition-timing-function: ease-in-out;
  transition-property: clip-path;
  transition-duration: var(--sa-duration-override, var(--sec-a));
  clip-path: inset(0 100% 0 0);
}
[data-sa=clip].is-show {
  clip-path: inset(0);
}

[data-sa=fadeInUp] {
  transition-timing-function: ease-in-out;
  --sa-translate-default: var(--sa-translate-override, 0 100px);
  opacity: var(--sa-opacity, 0);
  translate: var(--sa-translate, var(--sa-translate-default));
  transition-property: opacity, translate;
  transition-duration: var(--sa-duration-override, var(--sec-a));
}
[data-sa=fadeInUp].is-show {
  --sa-opacity: 1;
  --sa-translate: none;
}

[data-sa=fadeInRight] {
  transition-timing-function: ease-in-out;
  --sa-translate-default: var(--sa-translate-override, -300px 0);
  opacity: var(--sa-opacity, 0);
  translate: var(--sa-translate, var(--sa-translate-default));
  transition-property: opacity, translate;
  transition-duration: var(--sa-duration-override, var(--sec-a));
}
[data-sa=fadeInRight].is-show {
  --sa-opacity: 1;
  --sa-translate: none;
}

.u-Tdelay1 {
  transition-delay: 0.2s;
}
.u-Tdelay2 {
  transition-delay: 0.4s;
}
.u-Tdelay3 {
  transition-delay: 0.6s;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: clip;
  clip-path: inset(50%);
}

@media (828px < width) {
  .u-sp {
    display: none !important;
  }
}
@media (width <= 828px) {
  .u-pc {
    display: none !important;
  }
}