@charset "Utf-8";
/* デザインのポイント 画像の設定*/
.design-point__image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.design-point__image img {
  max-width: 300px;
}
.design-point__image04 {
  width: 100%;
  height: auto;
  object-fit: cover;
  background-color: #fff;
  padding: 60px 40px;
}
.design-point__image04 img {
  max-width: 240px;
  width: 90%;
  height: 180px;
  object-fit: cover;
}
/* 完成デザイン */
.overall-design__image {
  margin-bottom: 60px;
  max-width: 1200px;
}
.overall-design__image img {
  width: 100%;
  height: 100%;
}
.overall-design__image dt {
  margin-bottom: 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%;
  }
}