@charset "utf-8";

.loading {
  background-color: rgba(var(--white-rgb), 1);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transition: background-color .6s ease, height .5s ease .2s, z-index .1s linear .8s;
}
.loading.is-show {
  background-color: rgba(var(--white-rgb), 0);
  height: 0;
  z-index: -99;
}

/* * */

[class*="-inner"].view {
  translate: 0 37px;
  opacity: 0;
  transition: opacity .7s ease .5s, translate .6s ease .4s;
}
[class*="-inner"].view.is-show {
  translate: 0 0;
  opacity: 1;
}

/* * */

.article-tagline .view .heading-inner > span {
  translate: 23px 0;
  opacity: 0;
}
.article-tagline .view .heading-inner > .line-1st {
  transition: opacity .7s ease .4s, translate .6s ease .3s;
}
.article-tagline .view .heading-inner > .line-2nd {
  transition: opacity .7s ease .7s, translate .6s ease .6s;
}
.article-tagline .view .heading-inner > .line-3rd {
  transition: opacity .7s ease 1s, translate .6s ease .9s;
}
.article-tagline .view.is-show .heading-inner > span {
  translate: 0 0;
  opacity: 1;
}

/* * */

.article-tagline .view .text-inner > span {
  translate: 0 17px;
  opacity: 0;
}
.article-tagline .view .text-inner > .line-1st {
  transition: opacity .7s ease .4s, translate .6s ease .3s;
}
.article-tagline .view .text-inner > .line-2nd {
  transition: opacity .7s ease .6s, translate .6s ease .5s;
}
.article-tagline .view.is-show .text-inner > span {
  translate: 0 0;
  opacity: 1;
}

/* * */

.article-tagline .view .icon-circle {
  translate: 0 23px;
  opacity: 0;
}
.article-tagline .view .nishi-motomachi {
  transition: opacity .7s ease .8s, translate .6s ease .7s;
}
.article-tagline .view .jr-kobe {
  transition: opacity .7s ease 1s, translate .6s ease .9s;
}
.article-tagline .view.is-show .icon-circle {
  translate: 0 0;
  opacity: 1;
}