.campaign {
  padding-top: calc(100vw * 30 / var(--lpw));
  padding-bottom: calc(100vw * 130 / var(--lpw));
  .container {
    max-width: 1280px;
    @media (max-width: 768px){
      padding-left: 0;
      padding-right: 0;
    }
  }
  .slick-dots {
    bottom: -35px;
  }
}
@media only screen and (min-width: 1281px){
  .campaign {
    padding-top: 30px;
    padding-bottom: 130px;
  }
  .campaign--ta {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px){
  .campaign {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.campaign-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
  .campaign-list-item {
    width: calc(100vw * 397 / var(--lpw));
    @media (min-width: 1281px){
      width: 397px;
    }
    @media (max-width: 768px){
      width: 315px;
      margin-inline: 5px;
    }
    img {
      border-radius: 5px;
    }
  }
  .campaign-item-text {
    margin-top: 10px;
  }
}
.campaign-list-item_01 {order:2;}
.campaign-list-item_02 {order:1;}
.campaign-list-item_03 {order:3;}
/* SP */
@media only screen and (max-width: 768px){
  .campaign-list-item_01 {order:2;}
  .campaign-list-item_02 {order:1;}
  .campaign-list-item_03 {order:3;}
}

.campaign-modal-box {
  color: #333;
}
.modaal-inner-wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.modaal-content-container {
  padding: 0px !important;
}
/* SP */
@media only screen and (max-width: 768px){
  .campaign-modal-box .offer-close {
    font-size: 13px;
  }
}

/* 202111ドネーション検証 Donation
---------------------------------------------*/
.donation-section {
  margin-top: 30px;
}
.donation-section-data {
  margin-top: 30px;
}
.donation-section-img {
  margin-top: 30px;
}
.donation .cta,
.donation .offer-close {
  background-color: #795502;
}
.donation .cta-tel-icon,
.donation .cta-mail-icon {
  fill: #795502;
}
.donation .cta-web-item,
.donation .cta-offer {
  color: #795502;
}
.donation .cta-offer {
  display: none;
}
.cta .donation-text {
  display: none;
}
.donation .cta .donation-text {
  display: block;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  font-size: 0.8rem;
}
/* SP */
@media only screen and (max-width: 768px){
  .donation {
    font-size: 1.2rem;
  }
  .donation .cta-tel-link {
    color: #795502;
  }
  .donation .cta .donation-text {
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.6;
  }
}