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

_variables.scss

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

_mixins.scss

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

_functions.scss

*********************************/
.constructionArchive {
  margin: 0 auto 6.484375vw;
  width: 100%;
}
.constructionArchive__container {
  margin: auto;
  width: 75vw;
}
.constructionArchive__categories {
  margin: 4.6875vw auto 4.21875vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.625vw;
}
.constructionArchive__categoryItem {
  width: 18.28125vw;
  min-height: 3.4375vw;
  background-color: #D7D7D7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25vw;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.9;
  color: #585858;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.constructionArchive__categoryItem:hover, .constructionArchive__categoryItem.is-active {
  background-color: #224528;
  color: #fff;
}
.constructionArchive__tags {
  padding-bottom: 2.1875vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.546875vw 0.3125vw;
  border-bottom: 0.078125vw solid #A2A2A2;
}
.constructionArchive__tagItem {
  padding: 0.625vw 0.9375vw 0.546875vw 0.9375vw;
  width: max-content;
  min-width: 5.15625vw;
  min-height: 1.796875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.078125vw solid #224528;
  border-radius: 3.984375vw;
  font-size: 0.9375vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #224528;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.constructionArchive__tagItem:hover, .constructionArchive__tagItem.is-active {
  background-color: #224528;
  color: #fff;
}
.constructionArchive__list {
  margin: 3.203125vw auto 6.328125vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5.15625vw 2.578125vw;
}
.constructionArchive__listItem {
  width: 23.28125vw;
  display: block;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media print, screen and (min-width: 769px) {
  .constructionArchive__listItem:hover {
    opacity: 0.7;
  }
}
.constructionArchive__itemThumb {
  margin-bottom: 0.703125vw;
  width: 100%;
  height: 23.28125vw;
  display: block;
}
.constructionArchive__itemThumb img {
  height: 100%;
  object-fit: cover;
}
.constructionArchive__itemCat {
  font-size: 1.015625vw;
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 2.3;
  color: #9B9B9B;
}
.constructionArchive__itemTtl {
  margin-top: 0.3125vw;
  border-top: 0.078125vw solid #9B9B9B;
  padding-top: 0.703125vw;
  font-size: 1.25vw;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 1.9;
  color: #224528;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media print, screen and (max-width: 768px) {
  .constructionArchive {
    margin: 0 auto 24.8717948718vw;
  }
  .constructionArchive__container {
    width: 87.4358974359vw;
  }
  .constructionArchive__categories {
    margin: 8.7179487179vw auto 11.5384615385vw;
    gap: 1.2820512821vw;
  }
  .constructionArchive__categoryItem {
    width: 43.0769230769vw;
    min-height: 9.4871794872vw;
    font-size: 3.8461538462vw;
  }
  .constructionArchive__tags {
    padding-bottom: 7.1794871795vw;
    gap: 1.7948717949vw 1.0256410256vw;
    border-bottom: 0.2564102564vw solid #A2A2A2;
  }
  .constructionArchive__tagItem {
    padding: 2.0512820513vw 2.5641025641vw 1.7948717949vw 2.5641025641vw;
    width: max-content;
    min-width: 16.9230769231vw;
    min-height: 5.8974358974vw;
    border: 0.2564102564vw solid #224528;
    border-radius: 13.0769230769vw;
    font-size: 3.0769230769vw;
  }
  .constructionArchive__list {
    margin: 7.4358974359vw auto 19.7435897436vw;
    gap: 9.7435897436vw;
  }
  .constructionArchive__listItem {
    width: 100%;
  }
  .constructionArchive__itemThumb {
    margin-bottom: 3.0769230769vw;
    height: 53.5897435897vw;
  }
  .constructionArchive__itemCat {
    font-size: 3.0769230769vw;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2;
  }
  .constructionArchive__itemTtl {
    margin-top: 2.0512820513vw;
    border-top: 0.2564102564vw solid #9B9B9B;
    padding-top: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}