.Container {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
}
.Container img {
  width: 100%;
  height: 100%;
}

.posRel {
  position: relative;
}
.posAbs {
  position: absolute;
}

video {
  background: #555;
}

picture {
  display: block;
  width: 100%;
  height: auto;
}

.item .tabBtn__bg {
  position: relative;
  z-index: 10;
  pointer-events: none;
}
.item .tabBtn__item {
  position: absolute;
  width: 100%;
  inset: 88% 0 auto;
  margin: 0 auto;
  z-index: 5;
}
.item .tabBtn .tabBtn01, .item .tabBtn .tabBtn02, .item .tabBtn .tabBtn03 {
  cursor: pointer;
  width: 186px;
  bottom: 0;
}
@media screen and (max-width: 640px) {
  .item .tabBtn .tabBtn01, .item .tabBtn .tabBtn02, .item .tabBtn .tabBtn03 {
    width: 29.0625vw;
  }
}
.item .tabBtn .tabBtn01-02, .item .tabBtn .tabBtn02-02, .item .tabBtn .tabBtn03-02 {
  width: 186px;
  height: 100%;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 640px) {
  .item .tabBtn .tabBtn01-02, .item .tabBtn .tabBtn02-02, .item .tabBtn .tabBtn03-02 {
    width: 29.0625vw;
  }
}
.item .tabBtn .tabBtn01 {
  left: 3.95%;
}
.item .tabBtn .tabBtn02 {
  left: 35.45%;
}
.item .tabBtn .tabBtn03 {
  left: 67.05%;
}
.item .elm {
  overflow: hidden;
}
.item .elm01 {
  width: 100%;
  inset: 0 auto auto 0;
}
.item .elm01_02, .item .elm01_03 {
  top: 0;
}
.item .accordBtn {
  display: flex;
  width: 100%;
  height: 100%;
  inset: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.item .accordIcon {
  position: relative;
  display: block;
  width: 7.7%;
  aspect-ratio: 1/1;
  inset: 0 0 0 25.9%;
  background: #fff;
  border-radius: 50%;
}
.item .accordIcon::before, .item .accordIcon::after {
  position: absolute;
  content: "";
  display: block;
  width: 62%;
  height: 16%;
  inset: 0;
  margin: auto;
  background: #d06963;
}
.item .accordIcon::before {
  transform: rotate(90deg);
  transition: 0.2s all;
}
.item .accordCls {
  width: 60%;
  height: 4%;
  inset: auto 0 4%;
  margin: 0 auto;
  cursor: pointer;
}
.item .open .accordIcon::before {
  transform: rotate(0deg);
}
.item .tab01_02 .btn01_01 {
  width: 66.4%;
  inset: 64.6% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_02 .btn02_01 {
  width: 66.4%;
  inset: 77.5% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_03 .btn01_01 {
  width: 66.4%;
  inset: 71.7% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_04 .btn01_01 {
  width: 66.4%;
  inset: 64.4% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_04 .btn02_01 {
  width: 66.4%;
  inset: 77.3% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_05 .btn01_01 {
  width: 66.4%;
  inset: 60.4% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_05 .btn02_01 {
  width: 66.4%;
  inset: 72.5% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_07 .btn01_01 {
  width: 66.4%;
  inset: 73.4% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_08 .btn01_01 {
  width: 66.4%;
  inset: 75% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab01_09 .btn01_01 {
  width: 66.4%;
  inset: 70.3% 0 auto 0.8%;
  margin: 0 auto;
}
.item .tab02_01 .btn01_01 {
  width: 40%;
  height: 46%;
  inset: 1% auto auto 7%;
}
.item .tab02_01 .btn02_01 {
  width: 40%;
  height: 46%;
  inset: 1% 6% auto auto;
}
.item .tab02_01 .btn03_01 {
  width: 52%;
  height: 46%;
  inset: 52% auto auto 7%;
}
.item .tab02_02 .btn01_01 {
  width: 40%;
  height: 46%;
  inset: 2% auto auto 7%;
}
.item .tab02_02 .btn02_01 {
  width: 40%;
  height: 46%;
  inset: 2% 6% auto auto;
}
.item .tab02_02 .btn03_01 {
  width: 44%;
  height: 46%;
  inset: 53% auto auto 7%;
}
.item .tab02_03 .btn01_01 {
  width: 40%;
  height: 46%;
  inset: 3% auto auto 7%;
}
.item .tab02_03 .btn02_01 {
  width: 40%;
  height: 46%;
  inset: 3% 6% auto auto;
}
.item .tab02_03 .btn03_01 {
  width: 53%;
  height: 46%;
  inset: 52% auto auto 7%;
}
.item .tab02_04 .btn01_01 {
  width: 40%;
  height: 42%;
  inset: 2% auto auto 7%;
}
.item .tab02_04 .btn02_01 {
  width: 40%;
  height: 44%;
  inset: 2% 6% auto auto;
}
.item .tab02_04 .btn03_01 {
  width: 48%;
  height: 42%;
  inset: 54% auto auto 27%;
}
.item .tab03_01 .btn01_01 {
  width: 42%;
  height: 78%;
  inset: 1% auto auto 7%;
}
.item .tab03_01 .btn02_01 {
  width: 42%;
  height: 78%;
  inset: 1% 1% auto auto;
}

.hsc .accordBtn {
  display: flex;
  width: 100%;
  height: 100%;
  inset: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.hsc .accordIcon {
  position: relative;
  display: block;
  width: 7.7%;
  aspect-ratio: 1/1;
  inset: 0 0 0 26.6%;
  background: #fff;
  border-radius: 50%;
}
.hsc .accordIcon::before, .hsc .accordIcon::after {
  position: absolute;
  content: "";
  display: block;
  width: 62%;
  height: 16%;
  inset: 0;
  margin: auto;
  background: #d06963;
}
.hsc .accordIcon::before {
  transform: rotate(90deg);
  transition: 0.2s all;
}
.hsc .accordCls {
  width: 60%;
  height: 4%;
  inset: auto 0 4%;
  margin: 0 auto;
  cursor: pointer;
}
.hsc .open .accordIcon::before {
  transform: rotate(0deg);
}
.hsc .lp01_02 .btn01_01 {
  width: 66.5%;
  inset: 57.2% 0 auto 2.4%;
  margin: 0 auto;
}
.hsc .lp01_03 .btn01_01 {
  width: 66.5%;
  inset: 59.5% 0 auto 2.4%;
  margin: 0 auto;
}

.single {
  margin: 0 auto 5%;
}
.single .lp01_02 .btn01_01 {
  width: 66.5%;
  inset: 46.9% 0 auto;
  margin: 0 auto;
}
.single .lp01_07 .btn01_01 {
  width: 66.3%;
  inset: 52.5% 0 auto 2.6%;
  margin: 0 auto;
}
.single .lp01_08 .video01 {
  width: 84.7%;
  inset: 57% 0 auto;
  margin: 0 auto;
  overflow: hidden;
}
.single .lp02_04 .btn01_01 {
  width: 66.4%;
  inset: 62.5% 0 auto 2.3%;
  margin: 0 auto;
}
.single .lp02_05 .btn01_01 {
  width: 66.4%;
  inset: 66.3% 0 auto 1.1%;
  margin: 0 auto;
}
.single .lp02_06 .btn01_01 {
  width: 66.4%;
  inset: 48.4% 0 auto 1.1%;
  margin: 0 auto;
}
.single .lp02_07 .btn01_01 {
  width: 66.4%;
  inset: 43.2% 0 auto 1.1%;
  margin: 0 auto;
}
.single .lp03_02 .btn01_01 {
  width: 66.4%;
  inset: 37.3% 0 auto 2.3%;
  margin: 0 auto;
}
.single .lp03_02 .btn02_01 {
  width: 66.4%;
  inset: 79.3% 0 auto 0.5%;
  margin: 0 auto;
}
.single .lp03_03 .btn01_01 {
  width: 66.4%;
  inset: 40% 0 auto 0.4%;
  margin: 0 auto;
}
.single .lp03_03 .btn02_01 {
  width: 66.4%;
  inset: 81% 0 auto 0.5%;
  margin: 0 auto;
}
.single .lp03_04 .btn01_01 {
  width: 66.4%;
  inset: 36% 0 auto 0.4%;
  margin: 0 auto;
}
.single .lp03_04 .btn02_01 {
  width: 66.4%;
  inset: 77% 0 auto 0.5%;
  margin: 0 auto;
}
.single .lp03_05 .btn01_01 {
  width: 66.4%;
  inset: 30% 0 auto 0.4%;
  margin: 0 auto;
}
.single .lp03_05 .btn02_01 {
  width: 66.4%;
  inset: 68.5% 0 auto 0.5%;
  margin: 0 auto;
}
.single .lp03_07 .btn01_01 {
  width: 38.2%;
  inset: 80% 0 auto 20%;
  margin: 0 auto;
}
.single .lp03_08 .btn01_01 {
  width: 38.2%;
  inset: 86% 46.5% auto 0;
  margin: 0 auto;
}
.single .lp03_09 .btn01_01 {
  width: 38.2%;
  inset: 58% 0 auto 12.9%;
  margin: 0 auto;
}
.single .lp04_02 .btn01_01 {
  width: 66.5%;
  inset: 27.6% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_02 .btn02_01 {
  width: 66.5%;
  inset: 74.3% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_03 .btn01_01 {
  width: 66.5%;
  inset: 58.1% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_08 .btn01_01 {
  width: 66.5%;
  inset: 27.6% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_08 .btn02_01 {
  width: 66.5%;
  inset: 75.9% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_09 .btn01_01 {
  width: 66.5%;
  inset: 55.6% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_13 .btn01_01 {
  width: 66.5%;
  inset: 27.6% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_13 .btn02_01 {
  width: 66.5%;
  inset: 73.9% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp04_14 .btn01_01 {
  width: 66.5%;
  inset: 57% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp05_02 .btn01_01 {
  width: 66.5%;
  inset: 29.9% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp05_02 .btn02_01 {
  width: 66.5%;
  inset: 77.1% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp05_06 .btn01_01 {
  width: 66.5%;
  inset: 30.9% 0 auto 2.4%;
  margin: 0 auto;
}
.single .lp05_06 .btn02_01 {
  width: 66.5%;
  inset: 77.7% 0 auto 2.4%;
  margin: 0 auto;
}
.single .accordBtn {
  display: flex;
  width: 100%;
  height: 100%;
  inset: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.single .accordIcon {
  position: relative;
  display: block;
  width: 7.7%;
  aspect-ratio: 1/1;
  inset: 0 0 0 26.7%;
  background: #fff;
  border-radius: 50%;
}
.single .accordIcon::before, .single .accordIcon::after {
  position: absolute;
  content: "";
  display: block;
  width: 62%;
  height: 16%;
  inset: 0;
  margin: auto;
  background: #d06963;
}
.single .accordIcon::before {
  transform: rotate(90deg);
  transition: 0.2s all;
}
.single .accordCls {
  width: 60%;
  height: 4%;
  inset: auto 0 4%;
  margin: 0 auto;
  cursor: pointer;
}
.single .open .accordIcon::before {
  transform: rotate(0deg);
}

.u-cpBtn__sq01, .u-cpBtn__sq01:any-link {
  display: flex;
  width: 76%;
  height: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 3% 3% 0;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.03rem;
  color: #fff;
  border: #D66A5B 2px solid;
  box-sizing: border-box;
  z-index: 10;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01, .u-cpBtn__sq01:any-link {
    border: #D66A5B 0.3125vw solid;
    height: 914.0625vw;
  }
}
.u-cpBtn__sq01::before, .u-cpBtn__sq01:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 89%;
  height: 1px;
  bottom: 25%;
  left: 2%;
  right: 0;
  margin: 0 auto;
  background: #fff;
}
.u-cpBtn__sq01--bg01, .u-cpBtn__sq01--bg02 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.u-cpBtn__sq01--bg01 {
  top: 0;
  left: 0;
  background: #FF5F6C;
}
.u-cpBtn__sq01--bg02 {
  top: 3px;
  left: 3px;
  background: #B14E4E;
  box-shadow: rgba(0, 0, 0, 0.2) 7px 7px 6px;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01--bg02 {
    top: 0.46875vw;
    left: 0.46875vw;
    box-shadow: rgba(0, 0, 0, 0.2) 1.09375vw 1.09375vw 0.9375vw;
  }
}
.u-cpBtn__sq01--corner01, .u-cpBtn__sq01--corner02 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
.u-cpBtn__sq01--corner01::before, .u-cpBtn__sq01--corner01::after, .u-cpBtn__sq01--corner02::before, .u-cpBtn__sq01--corner02::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 3px;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01--corner01::before, .u-cpBtn__sq01--corner01::after, .u-cpBtn__sq01--corner02::before, .u-cpBtn__sq01--corner02::after {
    width: 0.9375vw;
    height: 0.9375vw;
  }
}
.u-cpBtn__sq01--corner01::before, .u-cpBtn__sq01--corner02::before {
  left: 3px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01--corner01::before, .u-cpBtn__sq01--corner02::before {
    left: 0.46875vw;
  }
}
.u-cpBtn__sq01--corner01::after, .u-cpBtn__sq01--corner02::after {
  right: 3px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01--corner01::after, .u-cpBtn__sq01--corner02::after {
    right: 0.46875vw;
  }
}
.u-cpBtn__sq01--corner02 {
  transform: rotate(180deg);
}
.u-cpBtn__sq01--allow {
  position: absolute;
  display: flex;
  background: #fff;
  width: 26px;
  height: 26px;
  top: 27%;
  right: 3%;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__sq01--allow {
    width: 4.0625vw;
    height: 4.0625vw;
  }
}
.u-cpBtn__sq01--allow svg {
  display: block;
  width: 30%;
  height: auto;
}
.u-cpBtn__sq01--allow svg path {
  fill: #FF5F6C;
  stroke-width: 0px;
}
.u-cpBtn__close01 {
  display: flex;
  height: 50px;
  width: 68.5%;
  bottom: 3%;
  left: 2%;
  right: 0;
  margin: 0 auto;
  padding: 0;
  border-radius: 3rem;
  background: #778899;
  text-align: center;
  letter-spacing: 2px;
  font-size: 25px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #fff !important;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__close01 {
    height: 7.8125vw;
    letter-spacing: 0.3125vw;
    font-size: 3.90625vw;
  }
}
.u-cpBtn__squircle {
  display: flex;
  width: 79.9%;
  height: 80px;
  left: 0;
  right: 0;
  margin: 4% auto 11.6%;
  padding: 0 5% 0 0;
  border-radius: 3rem;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: #fff !important;
  font-size: 1.53rem;
  letter-spacing: 1px;
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__squircle {
    height: 12.5vw;
  }
}
.cp2310 .u-cpBtn__squircle {
  font-size: 1.9rem;
}
.u-cpBtn__squircle span {
  position: absolute;
  display: flex;
  width: 52px;
  height: 52px;
  top: 0;
  bottom: 0;
  right: 2.4%;
  margin: auto;
  color: #333a94;
  background: #fff;
  border-radius: 50%;
  z-index: 9;
  border: solid 2px #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 1px #d5d5d6, 1px 1px #d5d5d6;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__squircle span {
    width: 8.125vw;
    height: 8.125vw;
    border: solid 0.3125vw #fff;
  }
}
.u-cpBtn__squircle span::before {
  position: absolute;
  content: "";
  display: block;
  width: 28px;
  height: 33px;
  left: 33%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 640px) {
  .u-cpBtn__squircle span::before {
    width: 28px;
    height: 33px;
  }
}
.u-cpBtn__squircle--darkred {
  top: 73.9%;
  background: #D71345 !important;
}
.u-cpBtn__squircle--darkred span::before {
  background: #D71345;
}
.u-cpBtn__squircle--a {
  background: #5FA09E !important;
}
.u-cpBtn__squircle--a span::before {
  background: #5FA09E;
}
.u-cpBtn__squircle--b1 {
  background: #A34896 !important;
}
.u-cpBtn__squircle--b1 span::before {
  background: #A34896;
}
.u-cpBtn__squircle--b2 {
  background: #E95853 !important;
}
.u-cpBtn__squircle--b2 span::before {
  background: #E95853;
}
.u-cpBtn__squircle--b3 {
  background: #6DC4C6 !important;
}
.u-cpBtn__squircle--b3 span::before {
  background: #6DC4C6;
}
.u-cpBtn__squircle--pink {
  top: 78.2%;
  background: #FF5853 !important;
  box-shadow: #938444 2px 2px 5px 0;
}
.u-cpBtn__squircle--pink span::before {
  background: #FF5853;
}
.u-cpBtn__squircle--purple {
  top: 87.8%;
  background: #9D5B8B !important;
  box-shadow: rgba(35, 16, 43, 0.5) 2px 2px 5px 0;
}
.u-cpBtn__squircle--purple span::before {
  background: #9D5B8B;
}
.u-cpBtn__squircle--red {
  top: 78.2%;
  background: #E62D38 !important;
}
.u-cpBtn__squircle--red span::before {
  background: #E62D38;
}
.u-cpBtn__offer {
  display: flex;
  width: 82.1875%;
  height: 84px;
  left: -0.3%;
  right: 0;
  margin: 0 auto;
  padding: 0 7.8% 0 0;
  border-radius: 0.6rem;
  font-size: 32px;
  letter-spacing: 2px;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  text-align: center;
  color: #fff !important;
  align-items: center;
  justify-content: center;
  --right:14%;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offer {
    height: 13.125vw;
    font-size: 5vw;
    letter-spacing: 0.3125vw;
    box-shadow: inset 0 0 0.9375vw 0 rgba(0, 0, 0, 0.3);
  }
}
.u-cpBtn__offer.b3Page__btnA01, .u-cpBtn__offer.b3Page__btnB01, .u-cpBtn__offer.b3Page__btnC01, .u-cpBtn__offer.b3Page__btnD01, .u-cpBtn__offer.b2Page__btnA01, .u-cpBtn__offer.b2Page__btnB01 {
  padding: 0 8% 0 0;
}
.u-cpBtn__offer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  top: -1%;
  left: 0;
  right: 0;
  margin: 0 auto;
  mix-blend-mode: overlay;
  clip-path: url(#clipshape);
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offer::before {
    border-radius: 0.78125vw 0.78125vw 0 0;
  }
}
.u-cpBtn__offerPrice {
  font-size: 3.125rem;
}
.u-cpBtn__offerTxt {
  z-index: 100;
}
.u-cpBtn__offerIc {
  position: absolute;
  display: flex;
  width: 52px;
  height: 52px;
  top: 0;
  bottom: 0;
  right: 13.9%;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  z-index: 9;
  border: solid 2px #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 1px #d5d5d6, 1px 1px #d5d5d6;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerIc {
    width: 8.125vw;
    height: 8.125vw;
    border: solid 0.3125vw #fff;
  }
}
.u-cpBtn__offerIc::before, .u-cpBtn__offerIc::after {
  position: absolute;
  content: "";
  display: block;
  width: 28px;
  height: 33px;
  left: 33%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerIc::before, .u-cpBtn__offerIc::after {
    width: 4.375vw;
    height: 5.15625vw;
  }
}
.u-cpBtn__offerIc::before {
  top: 19%;
  left: 34%;
}
.b3Page__btnA01 .u-cpBtn__offerIc, .b3Page__btnB01 .u-cpBtn__offerIc, .b3Page__btnC01 .u-cpBtn__offerIc, .b3Page__btnD01 .u-cpBtn__offerIc, .b2Page__btnA01 .u-cpBtn__offerIc, .b2Page__btnB01 .u-cpBtn__offerIc {
  right: 8.9%;
}
.u-cpBtn__offerIc--buy::before {
  background: #66171C;
}
.u-cpBtn__offerIc--buy::after {
  background: #E20012;
}
.u-cpBtn__offerIc--howto::before {
  background: #0F343B;
}
.u-cpBtn__offerIc--howto::after {
  background: #00AE77;
}
.u-cpBtn__offerIc--pieces {
  right: 20%;
}
.ePage__btn04 .u-cpBtn__offerIc--pieces, .ePage__btn09 .u-cpBtn__offerIc--pieces {
  right: 6%;
}
.u-cpBtn__offerIc--pieces::before {
  background: #66171C;
}
.u-cpBtn__offerIc--pieces::after {
  background: #E20012;
}
.u-cpBtn__offer--buy {
  background: linear-gradient(0deg, rgb(255, 0, 0) 0%, rgb(128, 2, 2) 100%);
  border: #d10000 1px solid;
  --color:#d31619;
}
.u-cpBtn__offer--buy::before {
  background: linear-gradient(0deg, rgb(168, 0, 0) 0%, rgb(255, 255, 255) 100%);
}
.u-cpBtn__offer--howto {
  background: #00AE77;
  border: #00ae77 1px solid;
  --color:#00ae77;
}
.u-cpBtn__offer--howto::before {
  mix-blend-mode: normal;
  background: linear-gradient(180deg, rgb(0, 204, 158) 0%, rgb(1, 193, 118) 100%);
}
.u-cpBtn__offer--pieces {
  background: linear-gradient(0deg, rgb(211, 7, 67) 0%, rgb(233, 71, 66) 100%);
}
.u-cpBtn__offer--pieces::before {
  mix-blend-mode: overlay;
  background: #A03C8B;
  opacity: 0.5;
}
.u-cpBtn__offerVer02 {
  background: linear-gradient(#399B6F 0%, #008055 50%, #12753E 100%);
  box-shadow: 5px 5px 14px 2px rgba(0, 0, 0, 0.15);
  right: 7.9%;
  width: 167px;
  height: 131px;
  border-radius: 15px;
  color: #fff !important;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02 {
    box-shadow: 0.78125vw 0.78125vw 2.1875vw 0.3125vw rgba(0, 0, 0, 0.15);
    width: 26.09375vw;
    height: 20.46875vw;
    border-radius: 2.34375vw;
  }
}
.u-cpBtn__offerVer02--text {
  line-height: 1.2;
  margin: 13px 0 0 23px;
  letter-spacing: -2px;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02--text {
    margin: 2.03125vw 0 0 3.59375vw;
    letter-spacing: -0.3125vw;
  }
}
.u-cpBtn__offerVer02--off {
  position: absolute;
  color: #fff;
  background: #C94651;
  border-radius: 50%;
  width: 57px;
  aspect-ratio: 1/1;
  inset: -6% -9% auto auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0.2;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02--off {
    width: 8.90625vw;
    line-height: 0.6;
  }
}
.u-cpBtn__offerVer02--off .fs22 {
  margin-top: -10px;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02--off .fs22 {
    margin-top: 0;
  }
}
.u-cpBtn__offerVer02--color {
  color: #FFD16B;
}
.u-cpBtn__offerVer02--arrow {
  border-radius: 50%;
  background: #fff;
  position: relative;
  width: 15%;
  aspect-ratio: 1/1;
  margin: 13px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02--arrow {
    margin: 2.03125vw auto 0;
  }
}
.u-cpBtn__offerVer02--arrow::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-left: 9px solid #148253;
  border-right: 0;
  inset: auto auto auto 39%;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer02--arrow::before {
    border-top: 0.9375vw solid rgba(0, 0, 0, 0);
    border-bottom: 0.9375vw solid rgba(0, 0, 0, 0);
    border-left: 1.40625vw solid #148253;
  }
}
.u-cpBtn__offerVer03 {
  background: linear-gradient(#399B6F 0%, #008055 50%, #12753E 100%);
  color: #fff !important;
  box-shadow: 5px 5px 14px 2px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 78%;
  border-radius: 15px;
  height: 88px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer03 {
    box-shadow: 0.78125vw 0.78125vw 2.1875vw 0.3125vw rgba(0, 0, 0, 0.15);
    border-radius: 2.34375vw;
    height: 13.75vw;
  }
}
.u-cpBtn__offerVer03--color {
  color: #FFD16B;
}
.u-cpBtn__offerVer03--arrow {
  border-radius: 50%;
  background: #fff;
  position: absolute;
  width: 5%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 3%;
}
.u-cpBtn__offerVer03--arrow::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-left: 9px solid #148253;
  border-right: 0;
  inset: auto auto auto 39%;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer03--arrow::before {
    border-top: 0.9375vw solid rgba(0, 0, 0, 0);
    border-bottom: 0.9375vw solid rgba(0, 0, 0, 0);
    border-left: 1.40625vw solid #148253;
  }
}
.u-cpBtn__offerVer04 {
  background: linear-gradient(#399B6F 0%, #008055 50%, #12753E 100%);
  color: #fff !important;
  box-shadow: 5px 5px 14px 2px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 84.4%;
  border-radius: 15px;
  height: 95px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer04 {
    box-shadow: 0.78125vw 0.78125vw 2.1875vw 0.3125vw rgba(0, 0, 0, 0.15);
    border-radius: 2.34375vw;
    height: 14.84375vw;
  }
}
.u-cpBtn__offerVer04--color {
  color: #FFD16B;
}
.u-cpBtn__offerVer04--text {
  padding: 0 0 0 10%;
}
.u-cpBtn__offerVer04--arrow {
  border-radius: 50%;
  background: #fff;
  position: absolute;
  width: 6%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 4%;
}
.u-cpBtn__offerVer04--arrow::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #148253;
  border-right: 0;
  inset: auto auto auto 39%;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__offerVer04--arrow::before {
    border-top: 1.25vw solid rgba(0, 0, 0, 0);
    border-bottom: 1.25vw solid rgba(0, 0, 0, 0);
    border-left: 1.5625vw solid #148253;
  }
}
.u-cpBtn__registration:any-link {
  display: block;
  width: 38%;
  left: 8%;
  right: 0;
  margin: 0 auto;
  color: #0071bc;
  font-size: 1.475rem;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 640px) {
  .u-cpBtn__registration:any-link {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
  }
}
.u-cpBtn__registration:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  top: 26%;
  left: -12%;
  background: #0071bc;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 640px) {
  .u-cpBtn__registration:any-link::before {
    width: 2.34375vw;
    height: 3.125vw;
  }
}
.u-cpBtn__features, .u-cpBtn__features:any-link {
  display: flex;
  width: 35.6%;
  height: 40px;
  right: 7.3%;
  padding-right: 8%;
  font-size: 1.6rem;
  color: #fff;
  background: #E73562;
  border-radius: 20px;
  line-height: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-weight: 300;
}
.u-cpBtn__features span {
  position: absolute;
  display: flex;
  width: 28px;
  height: 28px;
  top: 0;
  bottom: 0;
  right: 10.8%;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  z-index: 9;
  border: solid 2px #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 1px #d5d5d6, 1px 1px #d5d5d6;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.u-cpBtn__features span::before, .u-cpBtn__features span::after {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 17px;
  left: 33%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.u-cpBtn__features span::before {
  top: 19%;
  left: 34%;
  background: #66171C;
}
.u-cpBtn__features span::after {
  background: #E20012;
}
.u-cpBtn__back {
  display: flex;
  height: 50px;
  width: 90%;
  bottom: 3%;
  left: 2%;
  right: 0;
  margin: 6% auto 0;
  padding: 0;
  border-radius: 3rem;
  background: #816677;
  text-align: center;
  letter-spacing: 2px;
  font-size: 2rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #fff !important;
  cursor: pointer;
}
.u-cpBtn__home:any-link {
  display: flex;
  width: 77%;
  height: 90px;
  margin: 10% auto;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border: #000 1px solid;
  border-radius: 5px;
  color: #000;
}
.u-ff__serif {
  font-family: "Noto Serif JP", sans-serif;
}
.u-fs__30 {
  font-size: 1.875rem;
}

.offer_btn {
  background: linear-gradient(0deg, rgb(255, 0, 0) 0%, rgb(128, 2, 2) 100%);
  width: 82.1875%;
  height: 84px;
  border-radius: 0.6rem;
  border: #d10000 1px solid;
  font-size: 32px;
  letter-spacing: 2px;
  font-family: "Noto Sans JP", sans-serif;
  position: absolute;
  text-decoration: none;
  left: -0.3%;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  text-align: center;
  color: #fff !important;
  padding: 0 7.8% 0 0;
  --color:#d31619;
  --right:14%;
  --iconColor:#66171c;
}

.offer_btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  top: -1%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: linear-gradient(0deg, rgb(168, 0, 0) 0%, rgb(255, 255, 255) 100%);
  mix-blend-mode: overlay;
  clip-path: url(#clipshape);
  border-radius: 5px 5px 0 0;
}

.offer_btn_01 {
  top: 23.8%;
}

.offer_btn_02 {
  top: 22.5%;
}

.offer_btn_03 {
  top: 23.6%;
}

.offer_btn_04 {
  top: 24%;
}

.offer_btn_05 {
  top: 15.7%;
}

.offer_btn_06 {
  top: 59.9%;
}

.offer_btn_07 {
  top: 62.4%;
}

.offer_btn_08 {
  top: 31.2%;
}

.how_btn {
  background-color: #00ae77;
  width: 82.1875%;
  height: 84px;
  border-radius: 0.6rem;
  border: #00ae77 1px solid;
  font-size: 32px;
  letter-spacing: 3px;
  font-family: "Noto Sans JP", sans-serif;
  position: absolute;
  text-decoration: none;
  left: -0.9%;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  text-align: center;
  color: #fff !important;
  padding: 0 8% 0 0;
  --color:#00ae77;
  --right:14%;
  --iconColor:#0f343b;
}

.how_btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  top: 0%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: linear-gradient(0deg, rgb(103, 151, 167) 0%, rgb(255, 255, 255) 100%);
  mix-blend-mode: overlay;
  clip-path: url(#clipshape);
  opacity: 0.34;
  border-radius: 5px 5px 0 0;
}

.how_btn_05 {
  top: 48%;
  height: 104px;
  line-height: 1.2;
  padding: 0;
  --right: 8.7%;
  background-color: #41a297;
  border: #41a297 1px solid;
  --color:#41a297;
  --iconColor:#0f343b;
}

.how_btn_06 {
  top: 69.7%;
}

.how_btn_07 {
  top: 71.6%;
}

.how_btn_08 {
  top: 55.2%;
}

.member_btn {
  text-decoration: none;
  color: #00a0e9 !important;
  width: 50%;
  position: absolute;
  left: 0;
  right: 2.4%;
  margin: 0 auto;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 24px;
  letter-spacing: 0.1rem;
  text-align: center;
}

.member_btn_01 {
  top: 61.3%;
}

.member_btn_02 {
  top: 60.8%;
}

.member_btn_03 {
  top: 60.6%;
}

.member_btn_04 {
  top: 61.9%;
}

.member_btn_05 {
  top: 37.7%;
}

.member_btn_06 {
  top: 89.7%;
}

.member_btn_07 {
  top: 90.8%;
}

.member_btn_08 {
  top: 81.7%;
}

.btn {
  height: 80px;
  border-radius: 3rem;
  font-size: 25px;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", sans-serif;
  position: absolute;
  text-decoration: none;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  --iconColor:#66171c;
}

.btn_01 {
  width: 81.4%;
  top: 80.2%;
  padding: 0 9.7% 0 0;
  background-color: #d71345 !important;
  --color:#d71345;
  --right:8.2%;
}

.btn_02 {
  width: 79.9%;
  top: 78.2%;
  padding: 0 5% 0 0;
  background-color: #00a0e9 !important;
  --color:#333a94;
  --right: 11.5%;
}

.btn_03 {
  height: 60px;
  width: 68.5%;
  top: 84.6%;
  padding: 0 1.8% 0 0;
  background-color: #ff7284 !important;
  letter-spacing: 2px;
  cursor: pointer;
}

.btn_03_state {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 7%;
  margin-top: -12px;
  background: #fff;
  border-radius: 50%;
}

.btn_03_state::before {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ff7284;
}

.btn_03_state::after {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ff7284;
  transform: rotate(90deg);
  transition: 0.2s all ease-in-out;
}

.js-accordion__btn.open .btn_03_state::after {
  transform: rotate(0);
}

.btn_04 {
  height: 50px;
  width: 68.5%;
  top: 85.8%;
  padding: 0;
  background-color: #c5a0cb;
  letter-spacing: 2px;
  left: 2%;
  cursor: pointer;
}

.icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--right);
  margin: auto;
  color: var(--color);
  background: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  border: solid 2px #fff;
  box-sizing: border-box;
  box-shadow: inset 1px 1px #d5d5d6, 1px 1px #d5d5d6;
  text-shadow: 1px 1px var(--iconColor);
}

.accordion__content {
  display: none;
}

@media (max-width: 640px) {
  .offer_btn {
    height: 13.4375vw;
    font-size: 5vw;
    letter-spacing: 0.3125vw;
  }
  .how_btn {
    height: 13.4375vw;
    font-size: 5vw;
    letter-spacing: 0.3125vw;
  }
  .btn {
    height: 13.4375vw;
    font-size: 4vw !important;
    letter-spacing: 0.3125vw;
  }
  .how_order_btn {
    height: 13.4375vw;
    font-size: 4.6875vw;
    letter-spacing: 0.3125vw;
  }
  .member_btn {
    font-size: 3.75vw;
  }
  .top_btn {
    font-size: 5vw;
  }
  .icon {
    width: 8.125vw;
    height: 8.125vw;
  }
  .btn_01, .btn_02 {
    padding: 3vw 5.46875vw 3vw 3vw !important;
    border-radius: 50vw !important;
  }
  .btn_01 .icon, .btn_02 .icon {
    right: 3%;
  }
}
.fs12 {
  font-size: 12px;
}
.fs16 {
  font-size: 16px;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 23px;
}
.fs28 {
  font-size: 28px;
}
.fs36 {
  font-size: 36px;
}
.fs37 {
  font-size: 37px;
}
.fs43 {
  font-size: 43px;
}
.fs46 {
  font-size: 46px;
}
@media screen and (max-width: 640px) {
  .fs12 {
    font-size: 1.875vw;
  }
  .fs16 {
    font-size: 2.5vw;
  }
  .fs22 {
    font-size: 3.4375vw;
  }
  .fs23 {
    font-size: 3.59375vw;
  }
  .fs28 {
    font-size: 4.375vw;
  }
  .fs36 {
    font-size: 5.625vw;
  }
  .fs37 {
    font-size: 5.78125vw;
  }
  .fs43 {
    font-size: 6.71875vw;
  }
  .fs46 {
    font-size: 7.1875vw;
  }
}/*# sourceMappingURL=202509sale.css.map */