@charset "UTF-8";
/* ------------------------------------------------------------------------------------------ */
.is-view-pc {
  display: none;
}

@media screen and (min-width:760px) {
  .is-view-sp {
    display: none;
  }
  .is-view-pc {
    display: block;
  }
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
.campaign-wrapper {
  padding: clamp(50px, calc(39.3220338983px + 2.5423728814vw), 80px) 0;
}
.campaign-wrapper .link-text {
  color: #fce598;
  text-decoration: underline;
  cursor: pointer;
  transition: 0.3s opacity;
}
.campaign-wrapper .link-text:hover {
  opacity: 0.6;
}
.campaign-wrapper .link-btn {
  display: inline-block;
  color: #0d0a05;
  background: linear-gradient(to right, #fee88d 60%, #ebcd74 100%);
  margin: 0.3em 0;
  padding: 0.6em 2em 0.5em 0.8em;
  line-height: 1.3;
  cursor: pointer;
  transition: 0.3s opacity;
  position: relative;
}
.campaign-wrapper .link-btn:hover {
  opacity: 0.6;
}
.campaign-wrapper .link-btn:after {
  content: "";
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-top: 1px #0d0a05 solid;
  border-right: 1px #0d0a05 solid;
  position: absolute;
  right: 0.8em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.campaign-wrapper .link-btn span {
  display: inline-block;
}
.campaign-wrapper .campaign-main {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(15px, calc(-3.1818181818px + 5.6818181818vw), 40px);
  border: 2px #655430 solid;
  background: linear-gradient(to bottom, rgba(31, 25, 11, 0.6) 0%, rgba(12, 4, 1, 0.6) 100%);
  position: relative;
  z-index: 10;
}
.campaign-wrapper .campaign-main .campaign-title {
  font-size: clamp(20px, calc(17.0909090909px + 0.9090909091vw), 24px);
  padding-bottom: 0.5em;
  position: relative;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width:760px) {
  .campaign-wrapper .campaign-main .campaign-title {
    font-size: clamp(24px, calc(6.7272727273px + 2.2727272727vw), 30px);
  }
}
.campaign-wrapper .campaign-main .campaign-title:before {
  content: "";
  display: block;
  width: 70%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: linear-gradient(to right, rgba(183, 172, 95, 0) 0%, #b7ac5f 40%, #ede296 50%, #b7ac5f 60%, rgba(183, 172, 95, 0) 100%);
  transform: translateX(-50%);
  z-index: 10;
}
.campaign-wrapper .campaign-main .campaign-title:after {
  content: "";
  width: 70%;
  height: 1.2em;
  position: absolute;
  left: 50%;
  bottom: -0.6em;
  transform: translateX(-50%);
  background: url(../img/common/menu_active.webp) center center no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
}
.campaign-wrapper .campaign-main .campaign-title span {
  display: inline-block;
  position: relative;
  color: #fff5b0;
  line-height: 1.32em;
  background: linear-gradient(to bottom, #fff5b0 0, #fff5b0 0.7em, #ebc874 0.9em, #ebc874 1.1em, #fff5b0 1.2em, #fff5b0 1.33em, #fff5b0 2.03em, #ebc874 2.23em, #ebc874 2.43em, #fff5b0 2.53em, #fff5b0 2.66em, #fff5b0 3.36em, #ebc874 3.56em, #ebc874 3.76em, #fff5b0 3.86em, #fff5b0 3.99em, #fff5b0 4.69em, #ebc874 4.89em, #ebc874 5.09em, #fff5b0 5.19em, #fff5b0 5.32em, #fff5b0 6.02em, #ebc874 6.22em, #ebc874 6.42em, #fff5b0 6.52em, #fff5b0 6.65em, #fff5b0 7.35em, #ebc874 7.55em, #ebc874 7.75em, #fff5b0 7.85em, #fff5b0 7.98em, #fff5b0 8.68em, #ebc874 8.88em, #ebc874 9.08em, #fff5b0 9.18em);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.campaign-wrapper .campaign-main .campaign-block:not(:first-child) {
  margin-top: clamp(40px, calc(36.4406779661px + 0.8474576271vw), 50px);
}
.campaign-wrapper .campaign-main .campaign-block .cp-title {
  position: relative;
  background: linear-gradient(to right, #776133, #57451f);
  padding: 0.5em 15px;
  font-size: clamp(16px, calc(13.0909090909px + 0.9090909091vw), 20px);
  line-height: 1.3;
}
.campaign-wrapper .campaign-main .campaign-block .cp-title span {
  display: block;
  position: relative;
  z-index: 10;
}
.campaign-wrapper .campaign-main .campaign-block .cp-title .line-text {
  display: inline-block;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text {
  padding: 10px 15px 0;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .num {
  list-style: decimal;
  padding-left: 1.2em;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .num li {
  left: -2px;
  margin-top: 5px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-1 li {
  padding-left: 1em;
  position: relative;
  margin-top: 5px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-1 li::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: #e8dfc0;
  position: absolute;
  border-radius: 100px;
  top: 5px;
  left: -2px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-L > li {
  padding-left: 1em;
  position: relative;
  margin-top: 5px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-L > li::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: #e8dfc0;
  position: absolute;
  border-radius: 100px;
  top: 5px;
  left: -2px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-L > li:not(:first-child) {
  margin-top: 15px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-M li {
  padding-left: 1em;
  position: relative;
  margin-top: 5px;
}
.campaign-wrapper .campaign-main .campaign-block .cp-text .list-M li::before {
  content: "・";
  display: inline-block;
  position: absolute;
  color: inherit;
  top: 0;
  left: 0;
}
.campaign-wrapper .campaign-main .return-top {
  width: 80%;
  margin: clamp(40px, calc(32.8813559322px + 1.6949152542vw), 60px) auto 0;
  text-align: center;
}
.campaign-wrapper .campaign-main .return-top a {
  display: inline-block;
  color: #fce598;
  border: 1px #fce598 solid;
  padding: 0.6em 1em 0.6em 2em;
  cursor: pointer;
  transition: 0.3s opacity;
  position: relative;
}
.campaign-wrapper .campaign-main .return-top a:hover {
  opacity: 0.6;
}
.campaign-wrapper .campaign-main .return-top a:after {
  content: "";
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-top: 1px #fce598 solid;
  border-left: 1px #fce598 solid;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.campaign-wrapper .campaign-main .return-top a span {
  display: inline-block;
}
.campaign-wrapper .campaign-main .return-top span {
  display: inline-block;
}

/*# sourceMappingURL=campaign.css.map */