@charset "Utf-8";
/* ワイヤーフレーム */
.overall-design__WF {
  margin-bottom: 60px;
}
/* ワイヤーフレームイメージの箱 */
.overall-design__image--process,
.overall-design__process-image,
.overall-design__image {
  margin-bottom: 60px;
  max-width: 1200px;
}
.overall-design__image--process img,
.overall-design__process-image img,
.overall-design__image img {
  width: 100%;
  height: 100%;
}

/* WF・経過のdt, dd下の余白 */
.overall-design__WF dt,
.overall-design__WF dd,
.overall-design__process dt,
.overall-design__process dd {
  margin-bottom: 40px;
}
.overall-design__process dd {
  text-align: center;
  margin-bottom: 60px;
}
.overall-design__process dd p {
  text-align: left;
}
.overall-design__image {
  background-color: #fff;
  padding: 40px;
}
@media (max-width: 830px) {
  .overall-design__process {
    margin-bottom: 40px;
  }
  .overall-design__process dt,
  .overall-design__process dd {
    margin-bottom: 20px;
  }
  .overall-design__image,
  .overall-design__process-image {
    text-align: center;
    display: block;
    max-width: 790px;
    height: 100%;
    object-fit: cover;
    padding: 10px;
  }
  .overall-design__image--pc {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .overall-design {
    padding: 20px;
  }
  .overall-design__process-image img,
  .overall-design__image--pc img {
    width: 100%;
  }
}