/* CSS Document */
/*Base*/
.kanzaki {
  position: relative;
  padding-top: 153%;
}

.kanzaki img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.kanzaki img:nth-child(1) {
  animation: fadeSlide 10.5s infinite;
}

.kanzaki img:nth-child(2) {
  animation: fadeSlide 10.5s infinite 3.5s;
}

.kanzaki img:nth-child(3) {
  animation: fadeSlide 10.5s infinite 7s;
}

@keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.approach {
  overflow: hidden;
  height: 1100px;
  transition: height 0.6s;
}

.approach.on {
  height: 2357px;
}

.approach_obj {
  width: 88.4745762712%;
  top: 86px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 590px) {
  .approach {
    overflow: hidden;
    height: 186.4406779661vw;
  }
  .approach.on {
    height: 399.4915254237vw;
  }
  .approach_obj {
    width: 88.4745762712%;
    top: 14.5762711864vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.approach-btn {
  position: relative;
  cursor: pointer;
}

.approach-btn .open {
  display: block;
}

.approach-btn .close {
  display: none;
}

.approach-btn.on .open {
  display: none;
}

.approach-btn.on .close {
  display: block;
}/*# sourceMappingURL=base.css.map */