@charset "UTF-8";

/** bit02 */

.verGraf.bit02 .verHead div {
  opacity: 0;
}

.verGraf.bit02 .verHead img {
  opacity: 0;
  transform: scale3d(0,0,0);
  transform-origin: center bottom;
}

.verGraf.bit02[data-in='1'] .verHead img {
  transition-property: opacity, transform;
  transition-duration: .25s;
  transition-timing-function: linear, cubic-bezier(0.52, 0.28, 0.11, 1.22);
  opacity: 1;
  transform: scale3d(1,1,1);
}

.verGraf.bit02[data-in='1'] .verHead div {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .175s;
  transition-duration: 1s;
  opacity: 1;
}

/** bit03 */

.verGraf.bit03 .verHead div {
  opacity: 0;
}

.verGraf.bit03 .verHead img {
  opacity: 0;
  transform: scale3d(0,0,0);
  transform-origin: center top;
}

.verGraf.bit03[data-in='1'] .verHead img {
  transition-property: opacity, transform;
  transition-duration: .25s;
  transition-timing-function: linear, cubic-bezier(0.52, 0.28, 0.11, 1.22);
  opacity: 1;
  transform: scale3d(1,1,1);
}

.verGraf.bit03[data-in='1'] .verHead div {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .175s;
  transition-duration: 1s;
  opacity: 1;
}

/** bit04 */

.verGraf.bit04 .verHead div {
  opacity: 0;
}

.verGraf.bit04 .verHead img {
  opacity: 0;
  transform: rotate(-120deg);
}

.verGraf.bit04[data-in='1'] .verHead img {
  transition-property: opacity, transform;
  transition-duration: .125s, .25s;
  transition-timing-function: linear, cubic-bezier(0.52, 0.28, 0.11, 1.22);
  opacity: 1;
  transform: none;
}

.verGraf.bit04[data-in='1'] .verHead div {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: .175s;
  transition-duration: 1s;
  opacity: 1;
}

/** dirSchool only */

.dirSchool .verPurpose .graf div,
.dirSchool .verPurpose .graf img {
  opacity: 0;
}

.dirSchool .verPurpose .graf[data-in='1'] img {
  transition-property: opacity;
  transition-duration: .25s;
  transition-timing-function: linear;
  opacity: 1;
}

.dirSchool .verPurpose .graf[data-in='1'] div {
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: .175s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
}

/** index only */

.verGraf.bit01 .verHead h3,
.verGraf.bit01 .verHead p {
  opacity: 0;
}

.verGraf.bit01[data-in='1'] .verHead h3,
.verGraf.bit01[data-in='1'] .verHead p {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
}

.verGraf.bit01[data-in='1'] .verHead h3 {
  transition-duration: .25s;
}

.verGraf.bit01[data-in='1'] .verHead p {
  transition-delay: .125s;
  transition-duration: 1s;
}