@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== c-btn-mail c-btn-account========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}

.c-or_area a.c-btn-account.icon-login.sty-icon.size-01 > .label:before {
  mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
}
@media only screen and (max-width: 640px) {
  .c-or_area a.c-btn-account.icon-login.sty-icon.size-01{
    padding: 18px 30px 14px 60px;
  }
  .c-or_area a.c-btn-account.icon-login.size-01 > .label:before {
    content: "";
  }
}

/* ========== sty-anchor-benefits========== */
.sty-anchor-benefits{
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .sty-anchor-benefits{
    display: block;
  }
}

/* ========== sty-btn-cpn ========== */
.sty-btn-cpn01{
  background-color: #faf089;
  color: #212426;
  margin-top: 10px;
}
.sty-btn-cpn02{
  background-color: #a2e6b2;
  color: #212426;
  margin-top: 10px;
}
.sty-btn-cpn03{
  background-color: #bde0b3;
  color: #212426;
  margin-top: 10px;
}
.sty-btn-cpn04{
  background-color: #ffcba4;
  color: #212426;
  border: none;
  margin-top: 10px;
}
.c-btn-04.sty-btn-cpn01:before,
.c-btn-04.sty-btn-cpn02:before,
.c-btn-04.sty-btn-cpn03:before,
.c-btn-01.sty-btn-cpn04:before {
  background-color: #212426;
}
.c-btn-04.sty-btn-cpn01:hover,
.c-btn-04.sty-btn-cpn02:hover,
.c-btn-04.sty-btn-cpn03:hover,
.c-btn-01.sty-btn-cpn04:hover {
  color: #212426;
  opacity: .7;
}