@charset "UTF-8";
.background-set {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

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


 クロストーク


*********************************/
#archive-page .archive-cont h3 {
  line-height: 1.5;
  font-size: clamp(20px, 5vw, 30px);
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont h3 {
    font-size: 18px;
    font-size: clamp(18px, 2vw, 24px);
  }
}
#archive-page .archive-cont p {
  line-height: 1.7;
  font-size: clamp(16px, 4.3vw, 24px);
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont p {
    font-size: 16px;
  }
}
#archive-page .archive-cont__inner {
  padding-bottom: 15%;
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont__inner {
    padding-bottom: 150px;
  }
}
#archive-page .archive-cont__wrap {
  row-gap: 50px;
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont__wrap {
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont__box {
    width: 48%;
  }
}
#archive-page .archive-cont__img {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont__img {
    max-width: 490px;
  }
}
#archive-page .archive-cont__tag {
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-wrap: wrap;
  line-height: 1.5;
}
#archive-page .archive-cont__tag span {
  font-size: clamp(16px, 4.3vw, 24px);
}
@media screen and (min-width: 768px) {
  #archive-page .archive-cont__tag span {
    font-size: 16px;
  }
}/*# sourceMappingURL=crosstalk.css.map */