@charset "UTF-8";
/* ----------------------------------------
	スライダーの設定
 ---------------------------------------- */
#node-567769,
#node-567779,
#node-567783 {
  margin-inline: auto;
  width: 100%;
  /* 矢印 */
}
@media screen and (min-width: 1024px) {
  #node-567769,
  #node-567779,
  #node-567783 {
    max-width: 1920px;
  }
}
#node-567769 .slick-slider,
#node-567779 .slick-slider,
#node-567783 .slick-slider {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #node-567769 .slick-slider,
  #node-567779 .slick-slider,
  #node-567783 .slick-slider {
    width: 100%;
  }
}
#node-567769 .editorial-grid-formatter,
#node-567779 .editorial-grid-formatter,
#node-567783 .editorial-grid-formatter {
  margin-inline: auto;
  min-height: auto;
  padding: 0;
}
#node-567769 .editorial-grid-formatter__item > div,
#node-567779 .editorial-grid-formatter__item > div,
#node-567783 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
#node-567769 .slick-list,
#node-567779 .slick-list,
#node-567783 .slick-list {
  margin: 0 auto;
}
#node-567769 .slick-track > .slick-slide,
#node-567779 .slick-track > .slick-slide,
#node-567783 .slick-track > .slick-slide {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}
#node-567769 .editorial-grid-formatter-carousel-arrow,
#node-567779 .editorial-grid-formatter-carousel-arrow,
#node-567783 .editorial-grid-formatter-carousel-arrow {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  #node-567769 .editorial-grid-formatter-carousel-arrow,
  #node-567779 .editorial-grid-formatter-carousel-arrow,
  #node-567783 .editorial-grid-formatter-carousel-arrow {
    width: calc(clamp(0px, 1.25vw, 24px) * 1);
    height: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567769 .editorial-grid-formatter-carousel-arrow,
  #node-567779 .editorial-grid-formatter-carousel-arrow,
  #node-567783 .editorial-grid-formatter-carousel-arrow {
    width: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    height: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
#node-567769 .editorial-grid-formatter-carousel-arrow svg,
#node-567779 .editorial-grid-formatter-carousel-arrow svg,
#node-567783 .editorial-grid-formatter-carousel-arrow svg {
  width: 100%;
  height: 100%;
}
#node-567769 .editorial-grid-formatter-carousel-arrow.previous,
#node-567779 .editorial-grid-formatter-carousel-arrow.previous,
#node-567783 .editorial-grid-formatter-carousel-arrow.previous {
  left: 0;
}
#node-567769 .editorial-grid-formatter-carousel-arrow.next,
#node-567779 .editorial-grid-formatter-carousel-arrow.next,
#node-567783 .editorial-grid-formatter-carousel-arrow.next {
  right: 0;
}
/* LINE連携方法 */
@media screen and (max-width: 1023px) {
  #node-567769 {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin-inline: auto;
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    background-color: #FAFAFA;
  }
}
@media screen and (max-width: 1023px) {
  #node-567769 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 63.2vw, 63.2vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567769 .editorial-grid-formatter-carousel-arrow.previous {
    left: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * -1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567769 .editorial-grid-formatter-carousel-arrow.next {
    right: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * -1);
  }
}

/* ポイントの貯め方 */
@media screen and (max-width: 1023px) {
  #node-567779 .slick-list {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    padding-inline: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567779 .slick-slider {
    width: calc(clamp(0px, 100vw, 100vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    justify-content: flex-start;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  #node-567779 .slick-track > .slick-slide {
    width: calc(clamp(0px, 84vw, 84vw) * 1 + clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) !important;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  #node-567779 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 38.4vw, 38.4vw) * 1);
  }
}

/* ポイント交換ギフト */
@media screen and (min-width: 1024px) {
  #node-567783 {
    width: calc(clamp(0px, 95.8333333333vw, 1840px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567783 .slick-list {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1 + clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567783 .slick-list {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    padding-inline: 0 calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567783 .slick-slider {
    width: calc(clamp(0px, 100vw, 100vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    justify-content: flex-start;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  #node-567783 .slick-track > .slick-slide {
    width: calc(clamp(0px, 84vw, 84vw) * 1 + clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) !important;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  #node-567783 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 13.0729166667vw, 251px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567783 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 58.9333333333vw, 58.9333333333vw) * 1);
  }
}

/* ----------------------------------------
	コンテンツの設定
 ---------------------------------------- */
@media screen and (min-width: 1024px) {
  #main {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-footer {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .page-footer {
    margin-top: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}

.lp-smartrewards {
  /* ----------------------------------------
  	keyvisual
  ---------------------------------------- */
  /* ----------------------------------------
  	anchor
  ---------------------------------------- */
  /* ----------------------------------------
  	step
  ---------------------------------------- */
  /* ----------------------------------------
  	step step1 ポイント プログラムに登録
  ---------------------------------------- */
  /* ----------------------------------------
  	step step2 LINE連携をする 上部
  ---------------------------------------- */
  /* ----------------------------------------
  	step step2 LINE連携をする 下部
  ---------------------------------------- */
  /* ----------------------------------------
  	step step3 ステータス アップでよりお得に
  ---------------------------------------- */
  /* ----------------------------------------
  	save ポイントの貯め方 上部
  ---------------------------------------- */
  /* ----------------------------------------
  	save ポイントの貯め方 下部
  ---------------------------------------- */
  /* ----------------------------------------
  	ポイントの交換方法
  ---------------------------------------- */
  /* ----------------------------------------
  	gift ポイント交換ギフト 上部
  ---------------------------------------- */
  /* ----------------------------------------
  	gift ポイント交換ギフト 下部
  ---------------------------------------- */
}
.lp-smartrewards .keyvisual {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .keyvisual {
    height: calc(clamp(0px, 28.6458333333vw, 550px) * 1);
    background-image: url(/media/export/cms2.0/lp/smartrewards/260703/img/keyvisual.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .keyvisual .keyvisual__inner {
    width: calc(clamp(0px, 41.6666666667vw, 800px) * 1);
    margin-left: calc(clamp(0px, 8.3333333333vw, 160px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .keyvisual .keyvisual__head {
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    height: calc(clamp(0px, 100vw, 100vw) * 1);
    background-image: url(/media/export/cms2.0/lp/smartrewards/260703/img/keyvisual.sp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
  }
}
.lp-smartrewards .keyvisual .keyvisual__smartrewards {
  display: block;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .keyvisual .keyvisual__smartrewards {
    width: calc(clamp(0px, 17.6041666667vw, 338px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .keyvisual .keyvisual__smartrewards {
    width: calc(clamp(0px, 55.4666666667vw, 55.4666666667vw) * 1);
  }
}
.lp-smartrewards .keyvisual .keyvisual__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .keyvisual .keyvisual__title {
    margin-bottom: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .keyvisual .keyvisual__title {
    font-size: calc(clamp(0px, 7.4666666667vw, 7.4666666667vw) * 1);
  }
}
.lp-smartrewards .keyvisual .keyvisual__list {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .keyvisual .keyvisual__list {
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .keyvisual .keyvisual__list {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    gap: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    flex-flow: column nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .anchor {
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .anchor {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .anchor .anchor__list {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .anchor .anchor__list {
    justify-content: center;
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .anchor .anchor__list {
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-smartrewards .anchor .anchor__link {
  display: flex;
  align-items: center;
  background-color: #ADDDB7;
  position: relative;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .anchor .anchor__link {
    justify-content: center;
    width: calc(clamp(0px, 17.5vw, 336px) * 1);
    height: calc(clamp(0px, 5.2083333333vw, 100px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .anchor .anchor__link {
    padding-inline: calc(clamp(0px, 8vw, 8vw) * 1);
    height: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.lp-smartrewards .anchor .anchor__link:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-bottom: solid #1A1A1A;
  border-left: solid #1A1A1A;
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .anchor .anchor__link:after {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * -1);
    border-width: calc(clamp(0px, 0.1041666667vw, 2px) * 1);
    right: calc(clamp(0px, 1.5625vw, 30px) * 1);
    width: calc(clamp(0px, 0.46875vw, 9px) * 1);
    height: calc(clamp(0px, 0.46875vw, 9px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .anchor .anchor__link:after {
    margin-top: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * -1);
    border-width: calc(clamp(0px, 0.2666666667vw, 0.2666666667vw) * 1);
    right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    width: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
    height: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
  }
}
.lp-smartrewards .step-content .steptitle {
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .steptitle {
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    margin-bottom: calc(clamp(0px, 1.875vw, 36px) * 1);
    display: flex;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .steptitle {
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.lp-smartrewards .step-content .steptitle__num {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .steptitle__num {
    font-size: calc(clamp(0px, 2.7083333333vw, 52px) * 1);
    padding-right: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
    display: block;
    margin-top: calc(clamp(0px, 0.3645833333vw, 7px) * -1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .steptitle__num {
    display: block;
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    margin-bottom: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__subtitle {
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    line-height: 150%;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__subtitle {
    margin-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    line-height: calc(clamp(0px, 8vw, 8vw) * 1);
    letter-spacing: -0.03em;
  }
}
.lp-smartrewards .step-content .step__list {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__list {
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__list--program {
    gap: calc(clamp(0px, 3.125vw, 60px) * 1);
    margin-block: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__list--program {
    margin-block: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__list--program .step__caption {
    margin-top: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__list--cooperation {
    width: calc(clamp(0px, 40.1041666667vw, 770px) * 1);
    gap: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__list--cooperation {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.lp-smartrewards .step-content .step__item {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__item {
    flex-flow: column nowrap;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__item {
    gap: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__icon {
    width: calc(clamp(0px, 2.8645833333vw, 55px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__icon {
    width: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.lp-smartrewards .step-content .step__caption {
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__caption {
    margin-top: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__caption {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.lp-smartrewards .step-content .step__lead {
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step-content .step__lead {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step-content .step__lead {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .step1 .program {
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program {
    height: calc(clamp(0px, 38.0208333333vw, 730px) * 1);
    background-image: url("/media/export/cms2.0/lp/smartrewards/260703/img/program.png");
    background-size: cover;
    padding-inline: calc(clamp(0px, 4.5833333333vw, 88px) * 1);
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 .program {
    background-color: #FAFAFA;
    background-image: url("/media/export/cms2.0/lp/smartrewards/260703/img/program.sp.png");
    background-size: 100%;
    background-position: bottom center;
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-bottom: calc(clamp(0px, 72.5333333333vw, 72.5333333333vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    border-radius: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__inner {
    width: calc(clamp(0px, 37.7604166667vw, 725px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__smartrewards {
    width: calc(clamp(0px, 17.6041666667vw, 338px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 .program__smartrewards {
    width: calc(clamp(0px, 55.4666666667vw, 55.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__button {
    margin-block: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 .program__button {
    margin-block: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__button .button {
    width: calc(clamp(0px, 15.0520833333vw, 289px) * 1);
  }
}
.lp-smartrewards .step1 .program__list {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__list {
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 .program__list {
    gap: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step1 .program__item {
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
    line-height: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step1 .program__item {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    line-height: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step2 {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step2 {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .step2 .cooperation {
  background-color: #FAFAFA;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step2 .cooperation {
    padding-top: calc(clamp(0px, 4.1666666667vw, 80px) * 1);
    padding-inline: calc(clamp(0px, 4.5833333333vw, 88px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step2 .cooperation {
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step2 .cooperation__inner {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step2 .cooperation__header {
    width: calc(clamp(0px, 37.7604166667vw, 725px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step2 .steptitle__title {
    margin-top: calc(clamp(0px, 3.3333333333vw, 64px) * 1);
    padding-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    line-height: calc(clamp(0px, 2.5vw, 48px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step2 .steptitle__title {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-bottom: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    line-height: calc(clamp(0px, 7.2vw, 7.2vw) * 1);
  }
}
.lp-smartrewards .cooperation__list {
  background-color: #FAFAFA;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list {
    padding-inline: calc(clamp(0px, 4.5833333333vw, 88px) * 1);
    padding-bottom: calc(clamp(0px, 4.1666666667vw, 80px) * 1);
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item {
    width: calc(clamp(0px, 21.5625vw, 414px) * 1);
    margin-left: calc(clamp(0px, 0.6770833333vw, 13px) * -1);
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__item {
    width: calc(clamp(0px, 78.6666666667vw, 78.6666666667vw) * 1);
    height: calc(clamp(0px, 130.6666666667vw, 130.6666666667vw) * 1);
    margin-inline: auto;
    background-color: #fff;
  }
}
.lp-smartrewards .cooperation__list .cooperation__item > dt {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item > dt {
    height: calc(clamp(0px, 3.2291666667vw, 62px) * 1);
    -webkit-clip-path: polygon(0% 0%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 0%, 100% 50%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 100%, 0% 100%, calc(clamp(0px, 0.78125vw, 15px) * 1) 50%);
    clip-path: polygon(0% 0%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 0%, 100% 50%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 100%, 0% 100%, calc(clamp(0px, 0.78125vw, 15px) * 1) 50%);
    /* 重ね合っている境界線に2pxの白線を出す */
    filter: drop-shadow(calc(clamp(0px, 0.1041666667vw, 2px) * -1) 0px 0px #fff);
    font-size: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__item > dt {
    height: calc(clamp(0px, 11.7333333333vw, 11.7333333333vw) * 1);
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item > dd {
    padding-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__item > dd {
    padding-top: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.lp-smartrewards .cooperation__list .cooperation__item--01 {
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item--01 {
    margin-left: 0;
  }
}
.lp-smartrewards .cooperation__list .cooperation__item--01 > dt {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
  background-color: #dceee0;
  filter: none;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item--01 > dt {
    -webkit-clip-path: polygon(0% 0%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 0%, 100% 50%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 100%, 0% 100%);
    clip-path: polygon(0% 0%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 0%, 100% 50%, calc(100% - clamp(0px, 0.78125vw, 15px) * 1) 100%, 0% 100%);
  }
}
.lp-smartrewards .cooperation__list .cooperation__item--02 {
  z-index: 2;
}
.lp-smartrewards .cooperation__list .cooperation__item--02 > dt {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
  background-color: #cbecd4;
}
.lp-smartrewards .cooperation__list .cooperation__item--03 {
  z-index: 3;
}
.lp-smartrewards .cooperation__list .cooperation__item--03 > dt {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
  background-color: #c0eac9;
}
.lp-smartrewards .cooperation__list .cooperation__item--04 {
  z-index: 4;
}
.lp-smartrewards .cooperation__list .cooperation__item--04 > dt {
  background-color: #afddba;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__item--04 > dt {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(clamp(0px, 0.78125vw, 15px) * 1) 50%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, calc(clamp(0px, 0.78125vw, 15px) * 1) 50%);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__item--04 > dt {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
.lp-smartrewards .cooperation__list .cooperation__image {
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__image {
    margin-top: calc(clamp(0px, 1.09375vw, 21px) * 1);
    width: calc(clamp(0px, 9.0625vw, 174px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__image {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    width: calc(clamp(0px, 46.4vw, 46.4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__image--01 {
    margin-top: calc(clamp(0px, 1.7708333333vw, 34px) * 1);
    width: calc(clamp(0px, 10.9895833333vw, 211px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__image--01 {
    margin-top: calc(clamp(0px, 15.7333333333vw, 15.7333333333vw) * 1);
    width: calc(clamp(0px, 29.3333333333vw, 29.3333333333vw) * 1);
  }
}
.lp-smartrewards .cooperation__list .cooperation__text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__text {
    height: calc(clamp(0px, 5.3125vw, 102px) * 1);
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__text {
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    height: calc(clamp(0px, 24vw, 24vw) * 1);
  }
}
.lp-smartrewards .cooperation__list .cooperation__link {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__link {
    margin-top: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
    font-size: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__link {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__line {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__line {
    width: calc(clamp(0px, 56vw, 56vw) * 1);
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: calc(clamp(0px, 0.5333333333vw, 0.5333333333vw) * 1) solid #06C755;
    border-radius: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    color: #06C755;
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    line-height: 170%;
    font-weight: 700;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__line dt {
    width: calc(clamp(0px, 21.3333333333vw, 21.3333333333vw) * 1);
    height: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: calc(clamp(0px, 0.5333333333vw, 0.5333333333vw) * 1) solid #06C755;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__line dd {
    flex: 1;
  }
}
.lp-smartrewards .cooperation__list .cooperation__note {
  color: #999;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .cooperation__list .cooperation__note {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .cooperation__list .cooperation__note {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-left: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status {
    overflow-x: scroll;
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.lp-smartrewards .step3 .status .status__inner > .status__card:nth-child(1) * {
  grid-column: 1;
}
.lp-smartrewards .step3 .status .status__inner > .status__card:nth-child(2) * {
  grid-column: 2;
}
.lp-smartrewards .step3 .status .status__inner > .status__card:nth-child(3) * {
  grid-column: 3;
}
.lp-smartrewards .step3 .status .status__inner > .status__card:nth-child(4) * {
  grid-column: 4;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__inner {
    gap: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__inner {
    grid-template-columns: calc(clamp(0px, 50.6666666667vw, 50.6666666667vw) * 1) calc(clamp(0px, 58.6666666667vw, 58.6666666667vw) * 1) calc(clamp(0px, 58.6666666667vw, 58.6666666667vw) * 1) calc(clamp(0px, 58.6666666667vw, 58.6666666667vw) * 1);
    width: calc(clamp(0px, 229.0666666667vw, 229.0666666667vw) * 1);
    gap: calc(clamp(0px, 0.8vw, 0.8vw) * 1);
    padding-right: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__card {
  display: contents;
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__card--title {
    width: calc(clamp(0px, 50.6666666667vw, 50.6666666667vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__card--title .status__item {
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__card--title .status__item {
    line-height: 150%;
  }
}
.lp-smartrewards .step3 .status .status__card--title .status__head {
  align-items: flex-start;
}
.lp-smartrewards .step3 .status .status__card--yellow .status__head {
  background-color: #FFFBE9;
  border-color: #FCC951;
}
.lp-smartrewards .step3 .status .status__card--yellow .status__circle {
  color: #FCC951;
}
.lp-smartrewards .step3 .status .status__card--purple .status__head {
  background-color: #FCFAFF;
  border-color: #BA98F1;
}
.lp-smartrewards .step3 .status .status__card--purple .status__circle {
  color: #BA98F1;
}
.lp-smartrewards .step3 .status .status__card--green .status__head {
  background-color: #F3FBF4;
  border-color: #ADDDB7;
}
.lp-smartrewards .step3 .status .status__card--green .status__circle {
  color: #ADDDB7;
}
.lp-smartrewards .step3 .status .status__head {
  grid-row: 1;
  background-color: #FAFAFA;
  border-top: solid transparent;
  display: flex;
  justify-content: center;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__head {
    flex-flow: column nowrap;
    border-width: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    border-top-left-radius: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    border-top-right-radius: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    padding-block: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
    padding-inline: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__head {
    flex-flow: column nowrap;
    align-items: center;
    border-width: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    border-top-left-radius: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    border-top-right-radius: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    padding-block: calc(clamp(0px, 4vw, 4vw) * 1) calc(clamp(0px, 5.6vw, 5.6vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__list {
  display: contents;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(1) {
  grid-row: 2;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(2) {
  grid-row: 3;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(3) {
  grid-row: 4;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(4) {
  grid-row: 5;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(5) {
  grid-row: 6;
}
.lp-smartrewards .step3 .status .status__list .status__item:nth-of-type(6) {
  grid-row: 7;
}
.lp-smartrewards .step3 .status .status__item {
  background-color: #FAFAFA;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__item {
    padding-block: calc(clamp(0px, 1.25vw, 24px) * 1);
    padding-inline: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__item {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-block: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 150%;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__item:last-child {
    border-bottom-left-radius: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    border-bottom-right-radius: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__item:last-child {
    border-bottom-left-radius: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    border-bottom-right-radius: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__small {
    font-size: calc(clamp(0px, 0.875vw, 16.8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__small {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.lp-smartrewards .step3 .status .statusicon__list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .statusicon__list {
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
    gap: calc(clamp(0px, 0.2604166667vw, 5px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .statusicon__list {
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    gap: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .statusicon__item {
    width: calc(clamp(0px, 2.34375vw, 45px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .statusicon__item {
    width: calc(clamp(0px, 7.7333333333vw, 7.7333333333vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__headtitle {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: flex;
  align-items: center;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__headtitle {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    gap: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__headtitle {
    flex-flow: column nowrap;
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    gap: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.lp-smartrewards .step3 .status .status__headtitle strong {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__headtitle strong {
    font-size: calc(clamp(0px, 1.3541666667vw, 26px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__headtitle strong {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__headsubtitle {
    margin-top: calc(clamp(0px, 0.3125vw, 6px) * 1);
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
    line-height: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__headsubtitle {
    margin-top: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    line-height: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .step3 .status .status__circle {
    font-size: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .step3 .status .status__circle {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .save {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .save {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .save .save__title {
    margin-bottom: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    line-height: 150%;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .save .save__title {
    margin-bottom: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .save__list {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .save__list .save__item {
    width: calc(clamp(0px, 84vw, 84vw) * 1);
  }
}
.lp-smartrewards .save__list .save__caption {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .save__list .save__caption {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .save__list .save__caption {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .save__list .save__text {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
    line-height: calc(clamp(0px, 1.875vw, 36px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .save__list .save__text {
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    line-height: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem {
    padding-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__title {
    margin-bottom: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    line-height: 150%;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__title {
    margin-bottom: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__lead {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__lead {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    line-height: 170%;
  }
}
.lp-smartrewards .reddeem .reddeem__list {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__list {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    gap: calc(clamp(0px, 3.28125vw, 63px) * 1);
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__list {
    margin-top: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    flex-flow: column nowrap;
    gap: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * 1);
  }
}
.lp-smartrewards .reddeem .reddeem__item {
  background-color: #FAFAFA;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__item {
    flex: 1;
    border-radius: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    padding: calc(clamp(0px, 2.0833333333vw, 40px) * 1) calc(clamp(0px, 2.7083333333vw, 52px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__item {
    border-radius: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    padding: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.lp-smartrewards .reddeem .reddeem__item:not(:last-child)::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__item:not(:last-child)::after {
    top: 50%;
    right: calc(clamp(0px, 3.28125vw, 63px) * -1 / 2);
    transform: translate(50%, -50%);
    border-width: calc(clamp(0px, 0.5729166667vw, 11px) * 1) 0 calc(clamp(0px, 0.5729166667vw, 11px) * 1) calc(clamp(0px, 0.9375vw, 18px) * 1);
    border-color: transparent transparent transparent #ADDDB7;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__item:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: calc(clamp(0px, 8.5333333333vw, 8.5333333333vw) * -1 / 2);
    transform: translate(50%, 50%);
    border-width: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1) calc(clamp(0px, 2.2666666667vw, 2.2666666667vw) * 1) 0 calc(clamp(0px, 2.2666666667vw, 2.2666666667vw) * 1);
    border-color: #ADDDB7 transparent transparent transparent;
  }
}
.lp-smartrewards .reddeem .reddeem__num {
  font-family: "CliniqueHelveticaNeueRegular", Helvetica, Arial !important;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__num {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    line-height: calc(clamp(0px, 2.1875vw, 42px) * 1);
    margin-top: calc(clamp(0px, 0.2604166667vw, 5px) * -1);
    margin-bottom: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__num {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    line-height: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.lp-smartrewards .reddeem .reddeem__text {
  line-height: 170%;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .reddeem .reddeem__text {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .reddeem .reddeem__text {
    margin-top: calc(clamp(0px, 0.8vw, 0.8vw) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .gift {
    width: calc(clamp(0px, 92.5vw, 1776px) * 1);
    margin-inline: auto;
    margin-top: calc(clamp(0px, 2.9166666667vw, 56px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .gift {
    margin-top: calc(clamp(0px, 16vw, 16vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .gift .gift__title {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    line-height: calc(clamp(0px, 2.7604166667vw, 53px) * 1);
    margin-bottom: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .gift .gift__title {
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    line-height: 1;
    margin-bottom: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.lp-smartrewards .gift__list .gift__item {
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .gift__list .gift__item {
    width: calc(clamp(0px, 22.1875vw, 426px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .gift__list .gift__item {
    width: calc(clamp(0px, 84vw, 84vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-smartrewards .gift__list .gift__text {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
    line-height: calc(clamp(0px, 1.875vw, 36px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-smartrewards .gift__list .gift__text {
    margin-top: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: calc(clamp(0px, 6.1333333333vw, 6.1333333333vw) * 1);
  }
}