@charset "UTF-8";
/* ============================================ */
/* training-system
/* ============================================ */
/* ===== top-area ===== */
#top-area .img::before {
  background-image: url(../img/environment/training-system/top-img.jpg);
  background-position: 15% center;
}

/* ===== section共通 ===== */
.section + .section {
  margin: 220px 0 0;
}
.section .section-title {
  position: absolute;
  left: 0;
  top: 0;
}
.section .section-text {
  position: relative;
  left: 220px;
  top: 0;
  width: calc(100% - 220px);
  padding: 40px 0 0;
  margin: 0 0 100px;
}
.section .list {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin: 100px 0 0;
}
.section .list .item {
  display: flex;
  align-items: center;
  gap: 50px;
}
.section .list .img {
  width: 300px;
  flex-shrink: 0;
}
.section .list .text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
}

@media screen and (max-width: 1024px) {
  .section .section-title,
.section .section-text {
    position: relative;
    inset: 0;
  }
  .section .section-text {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .section + .section {
    margin: 100px 0 0;
  }
  .section .section-text {
    margin: 0 0 50px;
  }
  .section .list {
    gap: 50px;
    margin: 50px 0 0;
  }
  .section .list .item {
    flex-direction: column;
    gap: 30px;
  }
  .section .list .item .text {
    order: 1;
  }
  .section .list .item .img {
    order: 2;
    width: 100%;
    max-width: 460px;
  }
}
/* ===== training ===== */
#training .plan .img {
  display: block;
  min-width: 600px;
}

/* ===== system ===== */

/*# sourceMappingURL=training-system.css.map */