@charset "UTF-8";
/*SPのCSS*/
.Card {
  border-radius: 0.78125vw;
  overflow: hidden;
  background: #F0ECE4;
  margin: 0 0 5%;
}

.Card:last-child {
  margin: 0;
}

.Card__link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  color: #2B2B2B;
}

.Card__link:visited, .Card__link:link, .Card__link:focus {
  color: #2B2B2B;
}

.Card__img {
  flex: 0 1 37.89473684210526%;
}

.Card__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.CardText {
  padding: 3.4% 3.5% 3.4% 4.6%;
  flex: 0 1 62.10526315789474%;
}

.Card__ttl {
  font-size: 4.21875vw;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  margin: 0 0 1.8%;
  padding: 0 0 3.8%;
  border-bottom: 2px solid #2b2b2b;
}

.Card__excerpt {
  font-size: 2.7vw;
  letter-spacing: -0.05vw;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (min-width: 641px) {
  /*PCのCSS*/
  .Card {
    flex: 0 1 31.677%;
    margin: 0 2.4845% 2.8188% 0;
    border-radius: 5px;
    overflow: hidden;
    background: #F0ECE4;
    border: 1px solid #F0ECE4;
  }
  .Card:last-child {
    margin: 0 2.4845% 2.8188% 0;
  }
  .Card:nth-child(3n) {
    margin: 0 0 2.8188%;
  }
  .CardList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .Card__link {
    display: block;
  }
  .CardText {
    padding: 5.4% 4%;
  }
  .Card__ttl {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 1.8%;
    padding: 0;
    border-bottom: none;
    letter-spacing: normal;
  }
  .Card__excerpt {
    font-size: 0.875rem;
    letter-spacing: -0.03rem;
    line-height: 1.8;
  }
}

@media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 1139px) {
  /*タブレットのCSS*/
  .Card__ttl {
    font-size: 1.40474vw;
  }
  .Card__excerpt {
    font-size: 1.22915vw;
  }
}
/*# sourceMappingURL=column-archive.css.map */