@charset "UTF-8";

.c1000 .keyvisual .kv-period.cpend {
  position: relative;
}

.c1000 .keyvisual .kv-period.cpend::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -1.5rem;
  left: -1rem;
  width: 71.6rem;
  height: 8.5rem;
  background-image: url(../img/kv_cp_end.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.c1000 .keyvisual .kv-ph.mustend {
  position: relative;
}

.c1000 .keyvisual .kv-ph.mustend::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 4.75rem;
  left: 3.5rem;
  width: 36.9rem;
  height: 19.5rem;
  background-image: url(../img/kv_must_end.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.intro .intro-bt.cpend {
  position: relative;
}

.intro .intro-bt.cpend::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 55rem;
  height: 100%;
  background-image: url(../img/btn_cp_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.must.mustend::before {
  content: "";
  position: absolute;
  top: 43.5rem;
  left: 3.5rem;
  width: 68rem;
  height: 87.3rem;
  background-image: url("../img/must_end.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.method .method-point-flow .step02 .bt_friend.cpend::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background-image: url(../img/btn_cp_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.method .method-must-flow .step01 .bt_mypage.mustend::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background-image: url(../img/method-must_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.method .method-must-flow .step01 .bt_mypage.cpend::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background-image: url(../img/btn_cp_end.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

@media only screen and (min-width: 1025px) {
  .c1000 .pc-right .pc-right-cont .pc_bt.cpend::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/btn_cp_end.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
  }
}