@charset "utf-8";

.campaign_section {
  max-width: 375px;
  margin: 20px auto;
  padding: 0 20px;
}

.campaign_img {
  width: 100%;
}
.campaign_container {
  position: relative;
}
.campaign_txt {
  position: absolute;
  bottom: 9.066666666666666vw;
  left: 5.333333333333334vw;
}

.fz80 {
  font-size: 80%;
}

.fz60 {
  font-size: 60%;
}
.campaign_flex {
  display: flex;
  gap: 1.6vw;
  align-items: center;
  margin-top: 4.533333333333333vw;
}
.campaign_tag {
  font-size: 2.666666666666667vw;
}
.campaign_tag span {
  border: 1px solid #1a1a1a;
  background-color: #fafafa;
  padding: 0.3em 0.4em;
}
.campaign_name {
  font-size: 2.666666666666667vw;
  line-height: 1.5;
}
.campaign_section .campaign_container .campaign_ttl {
  color: #1a1a1a !important;
  font-size: calc(clamp(0px, 5.866666666666666vw, 22px) * 1);
  font-family: "Helvetica" !important;
  font-weight: 400;
  margin: 0;
}

.campaign_section .campaign_container .campaign_read {
  font-size: 2.666666667vw;
  line-height: normal;
  margin-top: 2.1333333333333333vw;
  color: #1a1a1a;
}

.campaign_section .comment {
  width: 100%;
  margin: 0 auto;
  padding-top: 2.13333333vw;
  line-height: 1.5;
}

.campaign_section .comment li {
  list-style-type: none;
  font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  line-height: 1.5;
  margin: 0;
  color: #999999;
}
