@charset 'UTF-8';

/* 施工事例一覧 */
.works_container {
  margin-top: min(5.80vw, 72px);
}

.works_content {
  margin-top: min(12.90vw, 160px);
}

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

.works_title {
  display: inline-block;
  padding-top: min(.80vw, 10px);
  padding-right: min(6.61vw, 82px);
  padding-bottom: min(.80vw, 10px);
  padding-left: min(6.61vw, 82px);
  border-radius: 5px;
  background-color: #f49132;
  color: #fff;
  text-align: center;
  font-size: min(2.90vw, 36px);
}

.works_area {
  display: grid;
  gap: min(4.13vw, 38px);

  grid-template-columns: 1fr 1fr;
}

.works_group {
  display: grid;
  margin-top: min(4.83vw, 60px);
  height: 100%;

  grid-template-rows: subgrid;
  grid-row: span 2;
}

.works_image {
  border-radius: 5px;
}

.works_subtitle {
  font-weight: 700;
  font-size: min(1.85vw, 23px);
}

.works_text {
  margin-top: min(1.20vw, 15px);
  font-weight: 400;
  font-size: min(1.61vw, 20px);
}

/* スマホ対応（施工事例一覧） */
@media (max-width: 768px) {
  .works_area {
    grid-template-columns: 1fr;
  }

  /* 14px */
  .works_title {
    font-size: 3.73vw;
  }

  /* 13px */
  .works_subtitle {
    font-size: 3.46vw;
  }

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

/* お客様の声 */
.worksvoc {
  margin-top: min(13.88vw, 200px);
}

.newworkvoc_image {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* スマホ対応（お客様の声） */
@media (max-width: 768px) {
  .worksvoc {
    border: 5px solid #f49132;
  }

  .worksvoc_content {
    display: grid;
    gap: min(2.41vw, 30px);
    padding-top: 5vw;
    padding-right: 5vw;
    padding-left: 5vw;

    grid-template-columns: 1fr;
  }

  .worksvoc_box {
    display: flex;
    align-items: center;
    padding: min(3.87vw, 48px);
    border-radius: 20px;
    background-color: #fff;
    font-size: min(1.29vw, 16px);

    grid-template-rows: subgrid;
    grid-row: span 3;
  }

  .worksvoc_image {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .worksvoc_title {
    text-align: center;
    font-size: min(3.30vw, 41px);
    /* 14px */
    font-size: 3.73vw;
  }

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

  .worksvoc_illustration {
    display: block;
    margin-top: -5%;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
  }
}