/*********************************

_variables.scss

*********************************/
/*********************************

_mixins.scss

*********************************/
/*********************************

_functions.scss

*********************************/
.projects {
  margin: 0 auto 6.09375vw;
  width: 100%;
}
.projects__container {
  margin: auto;
  width: 75vw;
}
.projects__heading {
  margin: 0 auto 3.515625vw;
  width: 75vw;
}
.projects__list {
  margin: 5.15625vw auto 6.09375vw;
  padding-bottom: 6.09375vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3.828125vw 2.578125vw;
  border-bottom: 0.078125vw solid #A2A2A2;
}
.projects__item {
  width: 23.28125vw;
}
.projects__thumb {
  margin: 0 auto 0.703125vw;
  width: 100%;
  height: 23.28125vw;
  display: block;
}
.projects__thumb img {
  height: 100%;
  object-fit: cover;
}
.projects__ttl {
  margin-bottom: 0.703125vw;
  padding-bottom: 0.703125vw;
  font-size: 1.25vw;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.9;
  color: #224528;
  border-bottom: 0.078125vw solid #A2A2A2;
}
.projects__desc {
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2;
  color: #585858;
}
.projects__aboutRenovation {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5.46875vw;
}
.projects__aboutRenovationContents {
  display: block;
  width: 34.140625vw;
  position: relative;
}
.projects__aboutRenovationThumb {
  width: 35.46875vw;
  display: block;
}
.projects__aboutRenovationTtl {
  margin-bottom: 2.265625vw;
  font-size: 1.5625vw;
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 1.55;
  color: #585858;
}
.projects__aboutRenovationDesc {
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2;
  color: #585858;
}

@media print, screen and (max-width: 768px) {
  .projects {
    margin-bottom: 19.7435897436vw;
  }
  .projects__container {
    width: 87.4358974359vw;
  }
  .projects__heading {
    margin: 0 auto 13.5897435897vw;
    width: 100%;
  }
  .projects__heading .royalBtnTypeB {
    margin: 0 auto;
  }
  .projects__list {
    margin: 17.1794871795vw auto 4.358974359vw;
    padding-bottom: 18.9743589744vw;
    flex-direction: column;
    gap: 9.7435897436vw;
    border-bottom: 0.2564102564vw solid #A2A2A2;
  }
  .projects__item {
    width: 100%;
  }
  .projects__thumb {
    margin: 0 auto 2.3076923077vw;
    height: 53.5897435897vw;
  }
  .projects__ttl {
    margin-bottom: 2.3076923077vw;
    padding-bottom: 2.3076923077vw;
    font-size: 3.8461538462vw;
    line-height: 2;
    border-bottom: 0.2564102564vw solid #A2A2A2;
  }
  .projects__desc {
    font-size: 3.3333333333vw;
    line-height: 2;
  }
  .projects__aboutRenovation {
    flex-direction: column;
    gap: 6.6666666667vw;
  }
  .projects__aboutRenovationContents {
    width: 100%;
  }
  .projects__aboutRenovationThumb {
    width: 100%;
  }
  .projects__aboutRenovationTtl {
    margin-bottom: 3.8461538462vw;
    font-size: 4.6153846154vw;
    line-height: 1.7;
  }
  .projects__aboutRenovationDesc {
    font-size: 3.3333333333vw;
  }
}