@charset 'UTF-8';

/* キービジュアル */
.workdetail_image_main {
  width: 100%;
  border-radius: 5px;
}

/* 施工事例概要 */
.workdetail_container {
  display: flex;
  justify-content: space-between;
  margin-top: min(3.91vw, 36px);
}

.workdetail_table {
  width: 100%;
}

.workdetail_table tr {
  display: inline-block;
  padding-bottom: min(2.60vw, 24px);
  border-bottom: 2px dashed #c9b57f;
  vertical-align: middle;
}

.workdetail_table th {
  font-size: min(2.17vw, 20px);
}

.workdetail_table td {
  padding-left: min(4.34vw, 40px);
  vertical-align: middle;
  font-size: min(1.73vw, 16px);
}

.workdetail_text {
  font-size: min(1.73vw, 16px);
}

.workdetail_box {
  display: block;
  width: 43%;
}

.workdetail_explanation {
  font-weight: 400;
  font-size: min(1.95vw, 18px);
}

/* スマホ対応(施工事例概要) */
@media (max-width: 768px) {
  .workdetail_container {
    align-items: center;
    flex-direction: column;
  }

  .work_detail {
    width: 80%;
  }

  .workdetail_box {
    margin-top: 5vw;
    width: 90%;
  }

  .workdetail_table tr {
    padding-bottom: 1.33vw;
    border-bottom: 1px dashed #c9b57f;
  }

  .workdetail_table th {
    /* 12px */
    font-size: 3.2vw;
  }

  .workdetail_table td {
    /* 10px */
    font-size: 2.66vw;
  }

  .workdetail_explanation {
    /* 11px */
    font-size: 2.93vw;
  }
}


/* 施工事例写真一覧 */
.workdetail_image_list_container {
  margin-top: 150px;
}

.workdetail_image_list_box {
  margin-top: min(13.04vw, 120px);
}

.workdetail_image_list_box:first-child {
  margin-top: 0;
}

.workdetail_image {
  width: 100%;
  border-radius: 5px;
}

/* スマホ対応(施工事例写真一覧) */
@media (max-width: 768px) {
  .workdetail_image_list_container {
    margin-top: 13.33vw;
  }

  .workdetail_image_list_box {
    margin-top: 8vw;
  }
}

/* 施工事例写真一覧2 */
.workdetail_image_list_group {
  display: flex;
  justify-content: space-between;
  margin-top: min(13.04vw, 120px);
}

.workdetail_image_list_minibox {
  width: 48%;
}

.workdetail_image_list_box_text {
  padding-bottom: min(2.82vw, 26px);
  font-size: min(2.82vw, 26px);
  font-family: itim;
}

/* スマホ対応(施工事例写真一覧2) */
@media (max-width: 768px) {
  .workdetail_image_list_group {
    margin-top: 8vw;
  }

  .workdetail_image_list_box_text {
    padding-bottom: 1.33vw;
  }
}