@charset "UTF-8";
/* CSS Document */

.c-floatingBanner {
  z-index: 2;
}
.p-simulation_detail {
  display: block;
  margin: 60px 0;
}
.p-simulation_point + .p-simulation_detail {
  margin-top: 100px;
}
.c-stepList_content {
  margin-bottom: 120px;
}
.p-simulation_detailSup {
  margin-top: 60px;
  padding-top: 40px;
}
.p-simulation_detailImgBox {
  position: relative;
  max-width: 815px;
  margin: 60px auto 0;
}
.p-simulation_detailImgBox > img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.p-simulation_detailImgBox .img01 {
  position: relative;
}
/* fade */
.p-simulation_detailImgBox .img01 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 1.0s cubic-bezier(.210, .60, .350, 1), opacity 1.0s cubic-bezier(.210, .60, .350, 1);
}
.p-simulation_detailImgBox .img02,
.p-simulation_detailImgBox .img03,
.p-simulation_detailImgBox .img04,
.p-simulation_detailImgBox .img05,
.p-simulation_detailImgBox .img06 {
  opacity: 0;
  transition: transform 1.0s cubic-bezier(.210, .60, .350, 1), opacity 1.0s cubic-bezier(.210, .60, .350, 1);
}
.p-simulation_detailImgBox.fade .img01,
.p-simulation_detailImgBox.fade .img02,
.p-simulation_detailImgBox.fade .img03,
.p-simulation_detailImgBox.fade .img04,
.p-simulation_detailImgBox.fade .img05,
.p-simulation_detailImgBox.fade .img06 {
  opacity: 1;
  transform: translateY(0);
}
.p-simulation_detailImgBox .img02 {
  transition-delay: 0.4s;
}
.p-simulation_detailImgBox .img03 {
  transition-delay: 0.8s;
}
.p-simulation_detailImgBox .img04 {
  transition-delay: 1.2s;
}
.p-simulation_detailImgBox .img05 {
  transition-delay: 1.6s;
}
.p-simulation_detailImgBox .img06 {
  transition-delay: 2.0s;
}

@media screen and (max-width:1400px) {
  .p-simulation_detail .sup{
    flex-direction: column;
  }
  .p-simulation_detailImgBox {
    margin: 0 auto;
  }
  .p-simulation_detailSup {
    margin-top: 40px;
    padding-bottom: 0;
  }
}
@media screen and (max-width:1130px) {
  .p-simulation_point + .p-simulation_detail {
    margin-top: 60px;
  }
  .c-stepList_item {
    gap: 40px;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 100%
  }
  .c-stepList_content {
    border-color: #000;
    margin-left: 0;
    margin-bottom: 60px;
  }
}