@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@700&display=swap");
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::before,
::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.rs-header {
  position: relative;
  background-color: #fff;
  border-bottom: 5px solid #0ca26c;
}
@media screen and (max-width: 767px) {
  .rs-header {
    border-bottom-width: 0.6666666667vw;
  }
}

.rs-headerInner {
  position: relative;
  max-width: 1280px;
  height: 75px;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .rs-headerInner {
    max-width: none;
    height: 19.6vw;
  }
}
.rs-headerInner h1 {
  position: absolute;
  top: 20px;
  left: 38px;
  width: 156px;
}
@media screen and (max-width: 767px) {
  .rs-headerInner h1 {
    top: 7.7333333333vw;
    left: 5.4vw;
    width: 30.6613333333vw;
  }
}
.rs-headerInner p {
  position: absolute;
  top: 33px;
  right: 32px;
  width: 278px;
}
@media screen and (max-width: 767px) {
  .rs-headerInner p {
    top: 2.4vw;
    right: 1.8666666667vw;
    width: 55.7333333333vw;
  }
}

.rs-footer {
  padding: 17px 0 16px;
  background-color: #0ca26c;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .rs-footer {
    padding: 2.66vw 0 2.4vw;
    font-size: 2.66vw;
  }
}

.for-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .for-sp {
    display: block !important;
  }
}

.for-pc {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .for-pc {
    display: none !important;
  }
}

img.for-sp,
span.for-sp,
br.for-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  img.for-sp,
  span.for-sp,
  br.for-sp {
    display: inline !important;
  }
}

img.for-pc,
span.for-pc,
br.for-pc {
  display: inline !important;
}
@media screen and (max-width: 767px) {
  img.for-pc,
  span.for-pc,
  br.for-pc {
    display: none !important;
  }
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

a:hover:not(.btnGrad01):not(.btnGrad03):not(.btnGrad05):not(.cpPageNavList01 a) {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

sup {
  top: -0.4em;
  font-size: 70%;
}

section {
  position: relative;
}

body {
  font-size: 16px;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 4vw;
  }
}

.btnGrad01,
.btnGrad03,
.btnGrad05 {
  display: block;
  background-size: 200% auto;
  background-position: right center;
  border-radius: 10px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .btnGrad01,
  .btnGrad03,
  .btnGrad05 {
    border-radius: 1.0666666667vw;
  }
}
.btnGrad01:hover,
.btnGrad03:hover,
.btnGrad05:hover {
  background-position: left center;
}
.btnGrad01:link, .btnGrad01:visited,
.btnGrad03:link,
.btnGrad03:visited,
.btnGrad05:link,
.btnGrad05:visited {
  color: #fff;
}

.btnGrad01 {
  background-color: #428a5f;
  background-image: -webkit-gradient(linear, left top, right top, from(#6ac799), color-stop(51%, #6ac799), to(#428a5f));
  background-image: linear-gradient(to right, #6ac799 0%, #6ac799 51%, #428a5f 100%);
}

.btnGrad03 {
  background-color: #a9e031;
  background-image: -webkit-gradient(linear, left top, right top, from(#a9dd3a), color-stop(51%, #a9dd3a), to(#6c980d));
  background-image: linear-gradient(to right, #a9dd3a 0%, #a9dd3a 51%, #6c980d 100%);
}
@media screen and (max-width: 767px) {
  .btnGrad03 {
    border-radius: 1.3333333333vw;
  }
}

.btnGrad05 {
  background-color: #ed7200;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffad12), color-stop(51%, #ffad12), to(#ed7200));
  background-image: linear-gradient(to right, #ffad12 0%, #ffad12 51%, #ed7200 100%);
}

.btnArrowRight {
  position: relative;
}
.btnArrowRight::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .btnArrowRight::before {
    border-width: 0.8vw 0 0.8vw 1.3333333333vw;
  }
}

.btnCirclePlus {
  cursor: pointer;
}
.btnCirclePlus .btnCircle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 28px;
  height: 28px;
  margin: auto;
  background-color: #0ca26c;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .btnCirclePlus .btnCircle {
    right: 2.4vw;
    width: 6.1333333333vw;
    height: 6.1333333333vw;
  }
}
.btnCirclePlus .btnCircle::before, .btnCirclePlus .btnCircle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  z-index: 1;
  width: 14px;
  height: 3px;
  margin: auto;
  background-color: #fff;
  translate: 50%;
}
@media screen and (max-width: 767px) {
  .btnCirclePlus .btnCircle::before, .btnCirclePlus .btnCircle::after {
    width: 3.0666666667vw;
    height: 0.6666666667vw;
  }
}
.btnCirclePlus .btnCircle::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btnCirclePlus .btnCircle.isActive::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

body.architectureType2018 {
  min-width: 0;
}

[class^=cp],
[class*=" cp"] {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.cpMain01 {
  position: relative;
  overflow: hidden;
}
.cpMain01::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  max-width: 518px;
  margin-inline: auto;
  -webkit-box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.16), -10px 0 10px -6px rgba(0, 0, 0, 0.16);
  box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.16), -10px 0 10px -6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 900px) {
  .cpMain01::before {
    margin-left: clamp(16px, (100% - 518px) / 2, 100% - 888px);
  }
}
@media screen and (max-width: 767px) {
  .cpMain01::before {
    display: none;
  }
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: #cde3fc url("/static/cp/clubpoint202611/assets/images/index_bg_main02.jpg") no-repeat center top/max(100%, 1366px) auto;
  pointer-events: none;
}

.cpPageNav01 {
  position: fixed;
  top: 251px;
  left: calc(50% + 319px);
  z-index: 40;
  width: 300px;
  padding-bottom: 23px;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 899px) {
  .cpPageNav01 {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .cpPageNav01 {
    left: calc(clamp(16px, (100% - 518px) / 2, 100% - 888px) + 578px);
  }
}

.cpPageNavTtl01 {
  height: 40px;
  padding-top: 3px;
  background-color: #a3bce2;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4325;
  letter-spacing: 8px;
  color: #fff;
  text-align: center;
}

.cpPageNavList01 {
  padding-top: 7px;
}
.cpPageNavList01 a {
  display: block;
  padding: 5px 15px 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.42;
  color: #314b57;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cpPageNavList01 a:hover {
  background-color: #c8fdfa;
}

.cpHeroTtl01,
.cpHeroTtl01 img {
  width: 100%;
}

.cpCampaign01 {
  z-index: 1;
}

.cpCampaignAnchor01 {
  position: absolute;
  top: max(-22.1333333333vw, -114.6506666667px);
  left: 0;
}

.cpCampaignInner01 {
  position: relative;
  padding-bottom: min(13.8666666667vw, 71.8293333333px);
  background-color: #cde3fc;
}
.cpCampaignInner01::before {
  content: "";
  position: absolute;
  top: min(99.4666666667vw, 515.2373333333px);
  left: 0;
  width: min(100vw, 518px);
  height: min(392.5333333333vw, 2033.3226666667px);
  background: url("/static/cp/clubpoint202611/assets/images/index_bg_snow01.svg") no-repeat center/contain;
}

.cpCampaignItem01 {
  position: relative;
  margin: 0 min(4.2666666667vw, 22.1013333333px);
  background-color: #fff;
  border-radius: min(2.6666666667vw, 13.8133333333px);
}

.cpCampaignItemTtl01 img {
  display: block;
  width: 100%;
}

.cpCampaignItem01.item01 {
  padding: min(20.728vw, 107.37104px) 0 min(4.8vw, 24.864px);
}
.cpCampaignItem01.item01::before, .cpCampaignItem01.item01::after {
  content: "";
  position: absolute;
  background: no-repeat center/contain;
}
.cpCampaignItem01.item01::before {
  top: max(-3.2vw, -16.576px);
  left: max(-7.7333333333vw, -40.0586666667px);
  width: min(29.0666666667vw, 150.5653333333px);
  height: min(22.4vw, 116.032px);
  background-image: url("/static/cp/clubpoint202611/assets/images/index_img_coin01.png");
}
.cpCampaignItem01.item01::after {
  top: max(-2.4vw, -12.432px);
  left: min(73.0666666667vw, 378.4853333333px);
  width: min(29.6vw, 153.328px);
  height: min(36.5333333333vw, 189.2426666667px);
  background-image: url("/static/cp/clubpoint202611/assets/images/index_img_coin02.png");
}
.cpCampaignItem01.item01 img {
  display: block;
  height: auto;
}
.cpCampaignItem01.item01 .cpCampaignItemTtl01 {
  width: min(85.3333333333vw, 442.0266666667px);
  margin: 0 auto;
}

.cpCampaignStep01 {
  position: absolute;
  top: max(-19.4666666667vw, -100.8373333333px);
  left: 0;
  right: 0;
  z-index: 1;
  width: min(34.6666666667vw, 179.5733333333px);
  margin: 0 auto;
}
.cpCampaignStep01 img {
  width: 100%;
}

.cpCampaignAnd01 {
  position: relative;
  margin-top: min(6.472vw, 33.52496px);
}
.cpCampaignAnd01::before {
  content: "";
  position: absolute;
  top: min(5.8666666667vw, 30.3893333333px);
  left: min(5.0666666667vw, 26.2453333333px);
  width: min(81.6vw, 422.688px);
  height: min(1.0666666667vw, 5.5253333333px);
  background: url("/static/cp/clubpoint202611/assets/images/index_img_dashLine01.svg") no-repeat center/contain;
}
.cpCampaignAnd01 img {
  position: relative;
  width: min(10.6666666667vw, 55.2533333333px);
  margin-left: min(42.1333333333vw, 218.2506666667px);
}

.cpCampaignGiftTtl01 {
  position: relative;
  z-index: 1;
  margin-top: min(4vw, 20.72px);
}
.cpCampaignGiftTtl01 img {
  margin-inline: auto;
}

.cpCampaignGiftLead01 {
  width: min(61.3333333333vw, 317.7066666667px);
}

.cpCampaignGiftName01 {
  width: min(66.6666666667vw, 345.3333333333px);
  margin-top: min(3.2vw, 16.576px);
}

.cpCampaignGiftImg01 {
  position: relative;
  margin: max(-43.6vw, -225.848px) 0 0 min(6.5333333333vw, 33.8426666667px);
}
.cpCampaignGiftImg01 img {
  width: min(84.9333333333vw, 439.9546666667px);
}
.cpCampaignGiftImg01 .cpCampaignGiftBadge01 {
  position: absolute;
  top: min(96.6666666667vw, 500.7333333333px);
  left: max(-2vw, -10.36px);
  width: min(15.7333333333vw, 81.4986666667px);
}

.cpCampaignGiftSpec01 {
  position: relative;
  margin-top: min(5.0666666667vw, 26.2453333333px);
  padding-left: min(6.1333333333vw, 31.7706666667px);
}

.cpCampaignGiftSpecTtl01 img {
  width: min(76.8vw, 397.824px);
}

.cpCampaignGiftSpecList01 {
  margin-top: min(3.2vw, 16.576px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.03em;
  color: #000;
}

.cpCampaignGiftIllust01 {
  position: absolute;
  top: min(12vw, 62.16px);
  left: min(68.8vw, 356.384px);
  width: min(26.9333333333vw, 139.5146666667px);
}

.cpCampaignGiftStand01 {
  margin: min(6.1333333333vw, 31.7706666667px) 0 0 min(6.4vw, 33.152px);
}
.cpCampaignGiftStand01 img {
  width: min(79.4666666667vw, 411.6373333333px);
}

.cpCampaignGiftNote01 {
  margin-top: min(5.0666666667vw, 26.2453333333px);
  padding-right: min(4.2666666667vw, 22.1013333333px);
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.05em;
  color: #000;
  text-align: right;
}

.cpCampaignItem01.item02 {
  margin-top: min(18.1333333333vw, 93.9306666667px);
  padding-top: min(24.5333333333vw, 127.0826666667px);
}
.cpCampaignItem01.item02 .cpCampaignStep01 {
  top: max(-14.9333333333vw, -77.3546666667px);
}
.cpCampaignItem01.item02 img {
  display: block;
  height: auto;
}

.cpCampaignUseTtl01 img {
  width: min(74.1333333333vw, 384.0106666667px);
  margin-inline: auto;
}

.cpCampaignUseTtl01 .cpCampaignUsePoint01 {
  width: min(78.6666666667vw, 407.4933333333px);
  margin-top: min(2.1333333333vw, 11.0506666667px);
}

.cpCampaignUseTxt01,
.cpCampaignItemNote01 {
  position: relative;
  z-index: 1;
  font-size: min(3.2vw, 16.576px);
  font-weight: 700;
  line-height: 1.6667;
  letter-spacing: 0.05em;
  text-align: center;
}

.cpCampaignUseTxt01 {
  margin-top: min(5.0666666667vw, 26.2453333333px);
  color: #000;
}

.cpCampaignItemNote01 {
  margin-top: min(2.1333333333vw, 11.0506666667px);
  color: #de6710;
}
.cpCampaignItemNote01 a {
  color: #00e;
  text-decoration: underline;
}

.cpCampaignUseImg01 {
  margin-top: max(-2.9333333333vw, -15.1946666667px);
  border-radius: 0 0 min(2.6666666667vw, 13.8133333333px) min(2.6666666667vw, 13.8133333333px);
  overflow: hidden;
}
.cpCampaignUseImg01 img {
  width: 100%;
}

.cpPoint01 {
  z-index: 2;
}

.cpPointInner01 {
  position: relative;
  padding: min(26.4vw, 136.752px) 0 min(10.1333333333vw, 52.4906666667px);
  background: #fff5bf url("/static/cp/clubpoint202611/assets/images/index_bg_young01.png") no-repeat center top/100% auto;
}
.cpPointInner01 img {
  display: block;
  height: auto;
  margin-inline: auto;
}

.cpPointStep01 {
  position: absolute;
  top: max(-4.5333333333vw, -23.4826666667px);
  left: 0;
  right: 0;
  width: min(28.2666666667vw, 146.4213333333px);
  margin: 0 auto;
}
.cpPointStep01 img {
  width: 100%;
}

.cpPointTtl01 {
  position: relative;
  width: min(84.2666666667vw, 436.5013333333px);
  margin: 0 auto;
  padding-top: min(4.2666666667vw, 22.1013333333px);
}
.cpPointTtl01 img {
  width: 100%;
}

.cpPointTtlMark01,
.cpPointTtlNote01 {
  position: absolute;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
  white-space: nowrap;
}

.cpPointTtlMark01 {
  top: 0;
  left: min(32vw, 165.76px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  letter-spacing: 0.05em;
}

.cpPointTtlNote01 {
  top: min(2.9333333333vw, 15.1946666667px);
  left: min(49.8666666667vw, 258.3093333333px);
  font-size: min(3.2vw, 16.576px);
  line-height: 1.6667;
  letter-spacing: 0.05em;
}

.cpPointTarget01 {
  margin-top: min(3.2vw, 16.576px);
}
.cpPointTarget01 img {
  width: min(89.0666666667vw, 461.3653333333px);
}

.cpPointRate01 {
  margin-top: min(2.9333333333vw, 15.1946666667px);
}
.cpPointRate01 img {
  width: min(72vw, 372.96px);
}

.cpPointMax01 {
  margin-top: min(2.1333333333vw, 11.0506666667px);
}
.cpPointMax01 img {
  width: min(88.8vw, 459.984px);
}

.cpPointNote01 {
  margin: min(17.0666666667vw, 88.4053333333px) min(5.0666666667vw, 26.2453333333px) 0 min(4.2666666667vw, 22.1013333333px);
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}
.cpPointNote01 li {
  position: relative;
  padding-left: min(3.7333333333vw, 19.3386666667px);
}
.cpPointNote01 li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.cpPointNote01 a {
  color: #00e;
  text-decoration: underline;
}

.cpPointPeriod01 {
  margin-top: min(4.5333333333vw, 23.4826666667px);
}
.cpPointPeriod01 img {
  width: min(86.3146666667vw, 447.1099733333px);
}

.cpPointTable01 {
  width: min(91.4666666667vw, 473.7973333333px);
  margin: min(4vw, 20.72px) auto 0;
  border: 1px solid #636363;
  border-radius: min(1.3333333333vw, 6.9066666667px);
  border-collapse: separate;
  border-spacing: 0;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.cpPointTable01 th,
.cpPointTable01 td {
  width: 50%;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
}
.cpPointTable01 th {
  padding: 0 0 min(0.2666666667vw, 1.3813333333px);
  font-size: min(3.2vw, 16.576px);
  line-height: 1.6667;
  letter-spacing: 0.05em;
}
.cpPointTable01 td {
  padding: min(0.2666666667vw, 1.3813333333px) 0 min(0.5333333333vw, 2.7626666667px);
  border-top: 1px solid #636363;
  font-size: min(2.9333333333vw, 15.1946666667px);
  line-height: 1.3636;
}
.cpPointTable01 th + th,
.cpPointTable01 td + td {
  border-left: 1px solid #636363;
}
.cpPointTable01 thead th {
  border-bottom: 0;
}

.cpPointTableNote01 {
  margin: min(1.0666666667vw, 5.5253333333px) min(4.2666666667vw, 22.1013333333px) 0;
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}

.cpBenefit01 {
  color: #525252;
}

.cpBenefitInner01 {
  padding: min(10.1333333333vw, 52.4906666667px) min(4.2666666667vw, 22.1013333333px) min(10.6666666667vw, 55.2533333333px);
  background-color: #fff;
}

.cpBenefitMain01 {
  width: 100%;
  margin-top: min(2.6666666667vw, 13.8133333333px);
}

.cpBenefitNotice01 {
  margin: 0 min(1.0666666667vw, 5.5253333333px);
  padding: min(3.4666666667vw, 17.9573333333px) min(4vw, 20.72px) min(3.2vw, 16.576px) min(2.4vw, 12.432px);
  border: min(1.0666666667vw, 5.5253333333px) solid #ea8400;
  border-radius: min(2.4vw, 12.432px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  font-weight: 500;
  line-height: 1.4375;
  color: #000;
}
.cpBenefitNotice01 strong {
  font-weight: 700;
}

.cpBenefitNoticeEm01 {
  color: #ea8400;
}

.cpBenefitTtl01 {
  margin: min(2.6666666667vw, 13.8133333333px) max(-4.2666666667vw, -22.1013333333px) 0;
}
.cpBenefitTtl01 img {
  display: block;
  width: 100%;
}

.cpBenefitLead01 {
  margin-top: min(2.6666666667vw, 13.8133333333px);
  font-size: min(4.8vw, 24.864px);
  font-weight: 700;
  line-height: 1.6667;
  color: #0ca26c;
  text-align: center;
}

.cpBenefitTxt01 {
  margin-top: min(2.6666666667vw, 13.8133333333px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  font-weight: 500;
  line-height: 1.4375;
  color: #525252;
}
.cpBenefitTxt01 span {
  font-weight: 700;
}

.cpBenefitMainYoung01 {
  position: relative;
  padding: min(5.8666666667vw, 30.3893333333px) 0 min(4.2666666667vw, 22.1013333333px);
  background-color: #fff5bf;
  border-radius: min(2.6666666667vw, 13.8133333333px);
}
.cpBenefitMainYoung01::before, .cpBenefitMainYoung01::after {
  content: "";
  position: absolute;
  width: min(14.6666666667vw, 75.9733333333px);
  height: min(12.2666666667vw, 63.5413333333px);
  background: url("/static/cp/clubpoint202611/assets/images/index_img_sparkle01.svg") no-repeat center/contain;
}
.cpBenefitMainYoung01::before {
  top: min(46.1333333333vw, 238.9706666667px);
  left: min(1.8666666667vw, 9.6693333333px);
}
.cpBenefitMainYoung01::after {
  top: min(62.1333333333vw, 321.8506666667px);
  left: min(74.6666666667vw, 386.7733333333px);
}
.cpBenefitMainYoung01 img {
  display: block;
  height: auto;
  margin-inline: auto;
}

.cpBenefitMainYoungImg01 img {
  width: min(82.4vw, 426.832px);
}

.cpBenefitMainYoungCopy01 {
  position: absolute;
  top: min(29.3333333333vw, 151.9466666667px);
  left: min(32.8vw, 169.904px);
  font-size: min(2.1333333333vw, 11.0506666667px);
  font-weight: 500;
  line-height: 2.5;
  color: #000;
}

.cpBenefitMainYoungTtl01 {
  margin-top: min(7.2vw, 37.296px);
}
.cpBenefitMainYoungTtl01 img {
  width: min(83.8293333333vw, 434.2359466667px);
}

.cpBenefitMainYoungTxt01 {
  position: relative;
  z-index: 1;
  margin-top: min(3.5626666667vw, 18.4546133333px);
}
.cpBenefitMainYoungTxt01 img {
  width: min(60.5973333333vw, 313.8941866667px);
}
.cpBenefitMainYoungTxt01 .cpBenefitMainYoungFree01 {
  width: min(49.168vw, 254.69024px);
  margin-top: min(3.7466666667vw, 19.4077333333px);
}

.cpBenefitMainYoungNote01 {
  width: min(34.1333333333vw, 176.8106666667px);
  margin: min(2.1813333333vw, 11.2993066667px) 0 0 min(30.9333333333vw, 160.2346666667px);
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.05em;
  color: #000;
  text-align: center;
}
.cpBenefitMainYoungNote01 .underlineTxt01 {
  text-decoration: underline;
}

.cpBenefitMainYoungLink01 {
  margin-top: min(1.3333333333vw, 6.9066666667px);
  font-size: min(3.2vw, 16.576px);
  font-weight: 700;
  line-height: 1.6667;
  text-align: center;
}
.cpBenefitMainYoungLink01 a {
  color: #00e;
}
.cpBenefitMainYoungLink01 .lineTxt01 {
  text-decoration: underline;
}

.cpBenefitCompare01 {
  position: relative;
  margin-top: min(7.4666666667vw, 38.6773333333px);
  padding-bottom: min(2.064vw, 10.69152px);
}
.cpBenefitCompare01 img {
  display: block;
  height: auto;
}
.cpBenefitCompare01::before {
  content: "";
  position: absolute;
  top: 0;
  left: min(45.544vw, 235.91792px);
  height: min(319.56vw, 1655.3208px);
  border-left: 1px dotted #058a86;
}
.cpBenefitCompare01 > * {
  position: relative;
}

.cpBenefitCompareTab01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.9333333333vw, 15.1946666667px);
  margin-left: min(0.344vw, 1.78192px);
}
.cpBenefitCompareTab01 li {
  width: min(43.7333333333vw, 226.5386666667px);
  height: min(18.4vw, 95.312px);
  padding-top: min(4.5333333333vw, 23.4826666667px);
  background: no-repeat center/100% 100%;
  font-size: min(4vw, 20.72px);
  font-weight: 700;
  line-height: 1.5333;
  color: #fff;
  text-align: center;
}
.cpBenefitCompareTab01 .cardNormal01 {
  background-image: url("/static/cp/clubpoint202611/assets/images/index_bg_tabNormal01.svg");
}
.cpBenefitCompareTab01 .cardGold01 {
  background-image: url("/static/cp/clubpoint202611/assets/images/index_bg_tabGold01.svg");
}

.cpBenefitComparePoint01 {
  width: min(91.4666666667vw, 473.7973333333px);
  background-color: #058a86;
  border-radius: min(2.6666666667vw, 13.8133333333px);
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.cpBenefitComparePoint01.point01 {
  margin-top: min(3.7333333333vw, 19.3386666667px);
  padding: min(2.9333333333vw, 15.1946666667px) 0;
}
.cpBenefitComparePoint01.point02 {
  margin-top: min(5.0666666667vw, 26.2453333333px);
  padding: min(5.0666666667vw, 26.2453333333px) 0 min(4vw, 20.72px);
}
.cpBenefitComparePoint01.point03 {
  margin-top: min(4.8vw, 24.864px);
  padding: min(3.7333333333vw, 19.3386666667px) 0 min(3.4666666667vw, 17.9573333333px);
}

.cpBenefitComparePointIcon01 {
  position: absolute;
}
.point01 .cpBenefitComparePointIcon01 {
  top: min(6.1226666667vw, 31.7154133333px);
  left: min(7.8053333333vw, 40.4316266667px);
  width: min(8.8vw, 45.584px);
}
.point02 .cpBenefitComparePointIcon01 {
  top: min(4.3893333333vw, 22.7367466667px);
  left: min(6.8746666667vw, 35.6107733333px);
  width: min(12vw, 62.16px);
}
.point03 .cpBenefitComparePointIcon01 {
  top: min(4.2666666667vw, 22.1013333333px);
  left: min(5.3066666667vw, 27.4885333333px);
  width: min(14.4vw, 74.592px);
}

.cpBenefitComparePointTtl01,
.cpBenefitComparePointTxt01 {
  padding-left: min(4vw, 20.72px);
}
.point03 .cpBenefitComparePointTtl01,
.point03 .cpBenefitComparePointTxt01 {
  padding-left: min(2.6666666667vw, 13.8133333333px);
}

.cpBenefitComparePointTtl01 {
  font-size: min(5.0666666667vw, 26.2453333333px);
  line-height: 1.2105;
}
.point03 .cpBenefitComparePointTtl01 {
  line-height: 1.1053;
}

.cpBenefitComparePointTxt01 {
  margin-top: min(1.0666666667vw, 5.5253333333px);
  font-size: min(3.2vw, 16.576px);
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.point02 .cpBenefitComparePointTxt01, .point03 .cpBenefitComparePointTxt01 {
  margin-top: min(1.6vw, 8.288px);
}

.cpBenefitComparePointImg01 {
  margin: min(2.6666666667vw, 13.8133333333px) 0 0 min(6.2106666667vw, 32.1712533333px);
}
.cpBenefitComparePointImg01 img {
  width: min(79.4666666667vw, 411.6373333333px);
}

.cpBenefitComparePointNote01 {
  margin-top: min(3.7333333333vw, 19.3386666667px);
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.cpBenefitComparePointNote01 a {
  color: #fff;
  text-decoration: underline;
}

.cpBenefitCompareAdd01 {
  width: min(60.8vw, 314.944px);
  margin-left: min(15.544vw, 80.51792px);
  padding: min(1.8666666667vw, 9.6693333333px) 0 min(1.6vw, 8.288px);
  background-color: #fff;
  font-size: min(2.9333333333vw, 15.1946666667px);
  font-weight: 500;
  line-height: 1.3636;
  letter-spacing: 0.05em;
  color: #231815;
  text-align: center;
}

.cpBenefitCompareGraph01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(10.5813333333vw, 54.8113066667px);
  margin: min(2.6666666667vw, 13.8133333333px) 0 0 min(4.0773333333vw, 21.1205866667px);
}
.cpBenefitCompareGraph01 img {
  width: min(36.5333333333vw, 189.2426666667px);
}

.cpBenefitCompareBonus01 {
  margin: min(2.4vw, 12.432px) 0 0 max(-0.9893333333vw, -5.1247466667px);
}
.cpBenefitCompareBonus01 img {
  width: min(88.8vw, 459.984px);
}

.cpBenefitCompareCard01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(5.56vw, 28.8008px);
  margin: min(3.7333333333vw, 19.3386666667px) 0 0 min(0.2106666667vw, 1.0912533333px);
}
.cpBenefitCompareCard01 > li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: min(43.2vw, 223.776px);
}

.cpBenefitCompareCardTtl01 {
  height: min(24.8vw, 128.464px);
  padding-top: min(5.4666666667vw, 28.3173333333px);
  background: no-repeat center/100% 100%;
  font-size: min(2.9333333333vw, 15.1946666667px);
  font-weight: 700;
  line-height: min(3.7546666667vw, 19.4491733333px);
  color: #fff;
  text-align: center;
}
.cardNormal01 .cpBenefitCompareCardTtl01 {
  background-image: url("/static/cp/clubpoint202611/assets/images/index_bg_cardTtlNormal01.svg");
}
.cardGold01 .cpBenefitCompareCardTtl01 {
  background-image: url("/static/cp/clubpoint202611/assets/images/index_bg_cardTtlGold01.svg");
}
.cpBenefitCompareCardTtl01 span {
  font-size: min(2.6666666667vw, 13.8133333333px);
}

.cpBenefitCompareCardList01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.2933333333vw, 11.8794666667px);
  margin-top: min(1.0426666667vw, 5.4010133333px);
}
.cpBenefitCompareCardList01 li {
  width: min(20.3813333333vw, 105.5753066667px);
}
.cpBenefitCompareCardList01 img {
  width: 100%;
  margin-top: min(0.504vw, 2.61072px);
}

.cpBenefitCompareCardName01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: min(7.408vw, 38.37344px);
  font-size: min(2.6666666667vw, 13.8133333333px);
  font-weight: 700;
  line-height: 1.235;
  color: #545960;
  text-align: center;
}

.cpBenefitCompareCardCopy01 {
  margin-top: min(0.5066666667vw, 2.6245333333px);
  font-size: min(2.4vw, 12.432px);
  font-weight: 500;
  line-height: 1.5433;
  color: #1a1311;
  white-space: nowrap;
}

.cpBenefitCompareApply01 a,
.cpBenefitCompareDetail01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: min(13.72vw, 71.0696px);
  border-radius: min(1.368vw, 7.08624px);
  -webkit-box-shadow: 0 min(0.8vw, 4.144px) min(1.6vw, 8.288px) rgba(0, 0, 0, 0.161);
  box-shadow: 0 min(0.8vw, 4.144px) min(1.6vw, 8.288px) rgba(0, 0, 0, 0.161);
  font-size: min(4vw, 20.72px);
  line-height: 1;
}
.cpBenefitCompareApply01 a::before,
.cpBenefitCompareDetail01 a::before {
  border-width: min(1.0986666667vw, 5.6910933333px) 0 min(1.0986666667vw, 5.6910933333px) min(1.368vw, 7.08624px);
}

.cpBenefitCompareApply01 {
  width: min(91.6506666667vw, 474.7504533333px);
  margin-top: min(2.28vw, 11.8104px);
}
.cpBenefitCompareApply01 a::before {
  right: min(2.1893333333vw, 11.3407466667px);
}

.cpBenefitCompareDetail01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(5.8133333333vw, 30.1130666667px);
  margin-top: min(4.3786666667vw, 22.6814933333px);
}
.cpBenefitCompareDetail01 li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: min(42.952vw, 222.49136px);
}
.cpBenefitCompareDetail01 a::before {
  right: min(1.9146666667vw, 9.9179733333px);
}

.cpBenefitCompareNote01 {
  margin: min(3.2vw, 16.576px) max(-0.2666666667vw, -1.3813333333px) 0 max(-0.8vw, -4.144px);
  font-size: min(3.7333333333vw, 19.3386666667px);
  font-weight: 500;
  line-height: 1.4286;
  color: #000;
}

.cpApp01 {
  background-color: #f8ffe8;
  color: #525252;
}

.cpAppTtl01 {
  padding: min(4vw, 20.72px) 0;
  background-color: #e3f2c2;
  font-size: min(5.8666666667vw, 30.3893333333px);
  font-weight: 700;
  line-height: 1.3636;
  color: #525252;
  text-align: center;
}

.cpAppInner01 {
  padding: min(8.8vw, 45.584px) min(4.2666666667vw, 22.1013333333px) min(11.2vw, 58.016px);
}

.cpAppCard01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(6.4vw, 33.152px);
  padding: min(10.4vw, 53.872px) min(5.3333333333vw, 27.6266666667px) min(10.6666666667vw, 55.2533333333px);
  background-color: #fff;
  border: min(0.6666666667vw, 3.4533333333px) solid #9bc143;
  border-radius: min(3.7333333333vw, 19.3386666667px);
}
.cpAppCard01 + .cpAppCard01 {
  margin-top: min(5.6vw, 29.008px);
}
.cpAppCard01 img {
  display: block;
  height: auto;
}
.cpAppCard01.cardApp01 {
  padding-bottom: min(6.6666666667vw, 34.5333333333px);
  border-color: #0ca26c;
}

.cardPay01 .cpAppCardImg01 img {
  width: min(29.0666666667vw, 150.5653333333px);
}
.cardSkip01 .cpAppCardImg01 img {
  width: min(26.9333333333vw, 139.5146666667px);
}
.cardApp01 .cpAppCardImg01 img {
  width: min(15.7333333333vw, 81.4986666667px);
}

.cpAppCardTtl01 {
  font-size: min(5.8666666667vw, 30.3893333333px);
  font-weight: 700;
  line-height: 1.3636;
  color: #9bc143;
  text-align: center;
}
.cardPay01 .cpAppCardTtl01 {
  margin-bottom: min(1.8666666667vw, 9.6693333333px);
}
.cardApp01 .cpAppCardTtl01 {
  margin-top: max(-3.2vw, -16.576px);
  color: #0ca26c;
}

.cpAppCardNote01 {
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.05em;
  color: #000;
}

.cpAppCardTxt01 {
  width: min(80.5333333333vw, 417.1626666667px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  font-weight: 700;
  line-height: 1.4375;
  color: #525252;
  text-align: center;
}
.cardApp01 .cpAppCardTxt01 {
  text-align: left;
}

.cpAppPay01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(6.4vw, 33.152px);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin: 0 max(-5.3333333333vw, -27.6266666667px);
}
.cpAppPay01 + .cpAppPay01 {
  margin-top: min(0.1333333333vw, 0.6906666667px);
}

.cpAppPayTtl01 {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: min(2.9333333333vw, 15.1946666667px) 0;
  background-color: #d9d9d9;
  font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: min(5.8666666667vw, 30.3893333333px);
  font-weight: 500;
  line-height: 1.0455;
  color: #525252;
  text-align: center;
}

.cpAppPayImg01 img {
  width: min(80.168vw, 415.27024px);
}
.cpAppPay01 + .cpAppPay01 .cpAppPayImg01 img {
  width: min(81.3226666667vw, 421.2514133333px);
}

.cpAppPayTxt01,
.cpAppPayNote01 {
  font-family: Roboto, "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: min(3.0666666667vw, 15.8853333333px);
  font-weight: 400;
  line-height: min(4.2666666667vw, 22.1013333333px);
  color: #525252;
}

.cpAppPayTxt01 {
  width: min(80.2666666667vw, 415.7813333333px);
}
.cpAppPay01 + .cpAppPay01 .cpAppPayTxt01 {
  margin-top: min(1.3333333333vw, 6.9066666667px);
}

.cpAppPayTxt01 + .cpAppBtn01 {
  margin-top: max(-3.7466666667vw, -19.4077333333px);
}
.cpAppPay01 + .cpAppPay01 .cpAppPayTxt01 + .cpAppBtn01 {
  margin-top: max(-2.7973333333vw, -14.4901866667px);
}

.cpAppLinkNote01 {
  font-size: min(3.2vw, 16.576px);
  font-weight: 500;
  line-height: 1.6667;
  color: #525252;
  text-align: center;
}
.cpAppBtn01 + .cpAppLinkNote01 {
  margin-top: max(-3.2vw, -16.576px);
}

.cpAppPayNote01 {
  width: min(80.728vw, 418.17104px);
}
.cpAppPayNote01 li {
  position: relative;
  padding-left: min(4.1946666667vw, 21.7283733333px);
}
.cpAppPayNote01 li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.cpAppPayNote01 a {
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}

.cpAppBtn01 {
  width: min(80.2666666667vw, 415.7813333333px);
}
.cpAppBtn01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: min(13.3333333333vw, 69.0666666667px);
  border-radius: min(1.6vw, 8.288px);
  -webkit-box-shadow: min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) 0 rgba(0, 0, 0, 0.25);
  box-shadow: min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) 0 rgba(0, 0, 0, 0.25);
  font-size: min(4.8vw, 24.864px);
  line-height: 1;
}
.cpAppBtn01 a::before {
  right: min(4.3333333333vw, 22.4466666667px);
  border-width: min(2.08vw, 10.7744px) 0 min(2.08vw, 10.7744px) min(2.8vw, 14.504px);
}

.cpAppAttention01 {
  width: min(80.5466666667vw, 417.2317333333px);
  padding: min(2.6666666667vw, 13.8133333333px) 0;
  font-size: min(3.7333333333vw, 19.3386666667px);
}

.cpAppAttentionTtl01 {
  font-weight: 700;
  line-height: 1.8571;
  color: #0ca26c;
}

.cpAppAttentionList01 {
  margin-top: min(0.8vw, 4.144px);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}
.cpAppAttentionList01 li {
  position: relative;
  padding-left: min(5.096vw, 26.39728px);
}
.cpAppAttentionList01 li::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: #0ca26c;
}

.cpCardInfoInner01 {
  padding: min(10.6666666667vw, 55.2533333333px) min(4.2666666667vw, 22.1013333333px) 0;
  background-color: #fff;
}

.cpCardInfoTtl01 {
  padding: min(2.6666666667vw, 13.8133333333px) 0;
  background-color: #0ca26c;
  border-radius: min(2.6666666667vw, 13.8133333333px);
  font-size: min(4.2666666667vw, 22.1013333333px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}

.cpCardInfoTable01 {
  width: 100%;
  margin-top: min(10.512vw, 54.45216px);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: #000;
  text-align: center;
}
.cpCardInfoTable01 th,
.cpCardInfoTable01 td {
  border-right: 0.5px solid #1a1311;
  border-bottom: 0.5px solid #1a1311;
  vertical-align: top;
  font-weight: 500;
  text-align: center;
}
.cpCardInfoTable01 tr > :first-child {
  border-left: 0.5px solid #1a1311;
}
.cpCardInfoTable01 thead tr > * {
  border-top: 0.5px solid #1a1311;
}
.cpCardInfoTable01 tbody th {
  width: min(21.2293333333vw, 109.9679466667px);
  vertical-align: middle;
  font-size: min(3.2426666667vw, 16.7970133333px);
  line-height: 1.4484;
}
.cpCardInfoTable01 thead td {
  width: min(21.2293333333vw, 109.9679466667px);
}
.cpCardInfoTable01 thead th {
  height: min(7.944vw, 41.14992px);
  vertical-align: middle;
  font-size: min(3.7813333333vw, 19.5873066667px);
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .cpCardInfoTable01 thead th {
    padding-top: min(0.1866666667vw, 0.9669333333px);
  }
}
.cpCardInfoTable01 thead .cardNormal01 {
  width: min(36.7493333333vw, 190.3615466667px);
  background-color: #545960;
}
.cpCardInfoTable01 thead .cardGold01 {
  background-color: #b67e00;
}
.cpCardInfoTable01 tbody td {
  font-size: min(3.9173333333vw, 20.2917866667px);
  line-height: min(4.696vw, 24.32528px);
}
.cpCardInfoTable01 strong {
  font-weight: 700;
}
.cpCardInfoTable01 .orangeTxt01 {
  color: #ed6c0f;
}
.cpCardInfoTable01 .bigTxt01 {
  font-size: min(4.864vw, 25.19552px);
}
.cpCardInfoTable01 .goldTxt01 {
  color: #765e3c;
}
.cpCardInfoTable01 .robotoTxt01 {
  font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .cpCardInfoTable01 .robotoTxt01 {
    font-weight: 500;
  }
}
.cpCardInfoTable01 .starTxt01 {
  font-size: min(2.2853333333vw, 11.8380266667px);
  font-weight: 700;
  line-height: 0;
}
.cpCardInfoTable01 .underlineTxt01 {
  text-decoration: underline;
}

.cpCardInfoStrong01 {
  font-weight: 700;
}

.cpCardInfoSmall01 {
  font-size: min(2.9733333333vw, 15.4018666667px);
  line-height: min(3.7306666667vw, 19.3248533333px);
  white-space: nowrap;
}

.paltTxt01 {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.cpCardInfoTable01 .rowFee01 > * {
  height: min(39.0213333333vw, 202.1305066667px);
}
.cpCardInfoTable01 .rowFee01 td {
  padding-top: min(3.8986666667vw, 20.1950933333px);
}
.cpCardInfoTable01 .rowFee01 .cpCardInfoSmall01 {
  margin-top: min(1.0773333333vw, 5.5805866667px);
}

.cpCardInfoYoung01 {
  width: min(31.6106666667vw, 163.7432533333px);
  margin: min(2.1173333333vw, 10.9677866667px) auto 0;
  padding: min(2.1653333333vw, 11.2164266667px) 0 min(2.392vw, 12.39056px);
  background-color: #def0a2;
  font-size: min(2.9733333333vw, 15.4018666667px);
  font-weight: 700;
  line-height: min(3.7306666667vw, 19.3248533333px);
  color: #ed6c0f;
}

.cpCardInfoTable01 .rowPoint01 > * {
  height: min(20.7173333333vw, 107.3157866667px);
}
.cpCardInfoTable01 .rowPoint01 td {
  padding-top: min(3.744vw, 19.39392px);
}

.cpCardInfoTable01 .rowBonus01 > * {
  height: min(60.9493333333vw, 315.7175466667px);
}
.cpCardInfoTable01 .rowBonus01 td {
  padding: 0;
}
.cpCardInfoTable01 .rowBonus01 p + p {
  border-top: 1px dotted #707070;
}
.cpCardInfoTable01 .rowBonus01 td:nth-of-type(1) p:nth-child(1) {
  height: min(20.84vw, 107.9512px);
  padding-top: min(3.7413333333vw, 19.3801066667px);
}
.cpCardInfoTable01 .rowBonus01 td:nth-of-type(1) p:nth-child(2) {
  height: min(20.3066666667vw, 105.1885333333px);
  padding-top: min(2.6186666667vw, 13.5646933333px);
}
.cpCardInfoTable01 .rowBonus01 td:nth-of-type(1) p:nth-child(3) {
  padding-top: min(2.5813333333vw, 13.3713066667px);
}
.cpCardInfoTable01 .rowBonus01 td:nth-of-type(2) p:nth-child(1) {
  height: min(31.0613333333vw, 160.8977066667px);
  padding-top: min(8.952vw, 46.37136px);
}
.cpCardInfoTable01 .rowBonus01 td:nth-of-type(2) p:nth-child(2) {
  padding-top: min(7.632vw, 39.53376px);
}

.cpCardInfoTable01 .rowPay01 > * {
  height: min(18.9226666667vw, 98.0194133333px);
}
.cpCardInfoTable01 .rowPay01 td {
  padding-top: min(4.4053333333vw, 22.8196266667px);
  text-align: left;
}

.cpCardInfoPayList01 {
  display: grid;
  grid-template-columns: min(24.1786666667vw, 125.2454933333px) auto;
  padding-left: min(7.0453333333vw, 36.4948266667px);
  font-size: min(3.9173333333vw, 20.2917866667px);
  line-height: min(5.5253333333vw, 28.6212266667px);
}

.cpCardInfoTable01 .rowMobile01 > * {
  height: min(55.1146666667vw, 285.4939733333px);
}
.cpCardInfoTable01 .rowMobile01 td {
  padding: 0;
}

.cpCardInfoMobile01 {
  padding-top: min(2.9706666667vw, 15.3880533333px);
}
.cpCardInfoMobile01 + .cpCardInfoMobile01 {
  border-top: 1px dotted #707070;
  padding-top: min(3.088vw, 15.99584px);
}
.cpCardInfoMobile01 .cpCardInfoSmall01 {
  line-height: min(4.6373333333vw, 24.0213866667px);
}
.cpCardInfoMobile01 img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.cpCardInfoMobile01 .logoQuicpay01 {
  width: min(28.9413333333vw, 149.9161066667px);
  margin-top: min(2.7546666667vw, 14.2691733333px);
  margin-bottom: min(2.8053333333vw, 14.5316266667px);
}
.cpCardInfoMobile01 .logoTouch01 {
  width: min(18.008vw, 93.28144px);
  margin-top: min(1.4773333333vw, 7.6525866667px);
}

.cpCardInfoMobileTtl01 {
  font-weight: 700;
  line-height: min(6vw, 31.08px);
}

.cpCardInfoTable01 .rowInsurance01 > * {
  height: min(38.952vw, 201.77136px);
}
.cpCardInfoTable01 .rowInsurance01 td {
  line-height: min(5.5253333333vw, 28.6212266667px);
}
.cpCardInfoTable01 .rowInsurance01 td:nth-of-type(1) {
  padding-top: min(8.536vw, 44.21648px);
}
.cpCardInfoTable01 .rowInsurance01 td:nth-of-type(2) {
  padding-top: min(1.904vw, 9.86272px);
}

.cpCardInfoNone01 {
  margin-top: min(8.4266666667vw, 43.6501333333px);
}

.cpCardInfoLounge01 {
  width: min(28.8266666667vw, 149.3221333333px);
  margin: min(1.04vw, 5.3872px) auto 0;
  padding: min(0.7546666667vw, 3.9091733333px) 0 min(0.7893333333vw, 4.0887466667px);
  background-color: #dacdbb;
  font-weight: 700;
  line-height: min(5.112vw, 26.48016px);
}

.cpCardInfoNote01 {
  display: grid;
  grid-template-columns: min(6.9333333333vw, 35.9146666667px) 1fr;
  margin: min(3.824vw, 19.80832px) 0 0 min(0.2666666667vw, 1.3813333333px);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}
@media screen and (max-width: 767px) {
  .cpCardInfoNote01 {
    font-size: min(3.7333333333vw, 19.3386666667px);
    line-height: 1.6429;
  }
}
.cpCardInfoNote01 dt {
  font-weight: 500;
}

.cpAttentionInner01 {
  padding: min(12vw, 62.16px) min(3.2vw, 16.576px) min(27.2vw, 140.896px) min(4.2666666667vw, 22.1013333333px);
  background-color: #fff;
}

.cpAttentionTtl01 {
  position: relative;
  padding: 0 min(13.3333333333vw, 69.0666666667px) min(3.2vw, 16.576px) 0;
  border-bottom: 1px solid #0ca26c;
  font-size: min(4.8vw, 22px);
  font-weight: 700;
  line-height: 1.5;
  color: #0ca26c;
}
.cpAttentionTtl01 .btnCircle {
  right: min(4vw, 20.72px);
  bottom: min(3.2vw, 16.576px);
  width: min(6.1333333333vw, 31.7706666667px);
  height: min(6.1333333333vw, 31.7706666667px);
}
.cpAttentionTtl01 .btnCircle::before, .cpAttentionTtl01 .btnCircle::after {
  width: min(2.9333333333vw, 15.1946666667px);
  height: min(0.6666666667vw, 3.4533333333px);
}
.cpAttentionTtl01 .underlineTxt01 {
  text-decoration: underline;
}

.cpAttentionContent01 {
  padding-top: min(3.2vw, 16.576px);
}
.cpAttentionContent01 > * + * {
  margin-top: min(3.2vw, 16.576px);
}
.cpAttentionContent01 + .cpAttentionTtl01 {
  margin-top: min(14.6666666667vw, 75.9733333333px);
}

.cpAttentionTxt01 {
  font-size: min(4.2666666667vw, 18px);
  font-weight: 700;
  line-height: 1.625;
  color: #0ca26c;
}

.cpAttentionList01 {
  font-size: min(4vw, 16px);
  font-weight: 500;
  line-height: 1.5333;
  color: #000;
}
.cpAttentionList01 .underlineTxt01 {
  text-decoration: underline;
}

.cpAttentionItem01 {
  position: relative;
  padding-left: min(5.3333333333vw, 27.6266666667px);
}
.cpAttentionItem01 .circleMark01,
.cpAttentionItem01 > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
.cpAttentionItem01 .circleMark01 {
  color: #0ca26c;
}
.cpAttentionItem01.numItem01 {
  padding-left: min(9.0666666667vw, 46.9653333333px);
}

.cpAttentionContent01 .cpAttentionTableWrap01 {
  width: min(91.2vw, 472.416px);
  margin: min(9.6vw, 49.728px) 0 0 min(0.2666666667vw, 1.3813333333px);
}
.cpAttentionContent01 .cpAttentionTableWrap01 + .cpAttentionList01 {
  margin-top: min(2.6666666667vw, 13.8133333333px);
}

.cpAttentionTableTtl01 {
  height: min(13.2vw, 68.376px);
  padding-top: min(1.2vw, 6.216px);
  background-color: #b4dac3;
  font-size: min(3.7333333333vw, 19.3386666667px);
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  text-align: center;
}

.cpAttentionTable01 {
  width: 100%;
  margin-top: min(2vw, 10.36px);
  border-collapse: collapse;
  table-layout: fixed;
  color: #000;
  text-align: center;
}
.cpAttentionTable01 th,
.cpAttentionTable01 td {
  border: 0.75px solid #1a1311;
  vertical-align: middle;
  font-weight: 500;
  text-align: center;
}
.cpAttentionTable01 .priceCell01 {
  width: min(13.3333333333vw, 69.0666666667px);
  font-size: min(3.4666666667vw, 17.9573333333px);
}
.cpAttentionTable01 th {
  height: min(7.3333333333vw, 37.9866666667px);
  font-size: min(3.6vw, 18.648px);
  line-height: 1;
  color: #fff;
}
.cpAttentionTable01 .card01 {
  width: min(44vw, 227.92px);
  background-color: #545960;
}
.cpAttentionTable01 .card02 {
  background-color: #b67e00;
}
.cpAttentionTable01 .tr02 td {
  height: min(18.9333333333vw, 98.0746666667px);
  white-space: nowrap;
  font-size: min(3.8133333333vw, 19.7530666667px);
  line-height: 1.4;
}
.cpAttentionTable01 .tr02 td span {
  display: block;
  font-size: min(2.9333333333vw, 15.1946666667px);
}
.cpAttentionTable01 .tr02 td sup {
  font-size: 0.6em;
  vertical-align: super;
  line-height: 0;
}

.cpAttentionLink01 {
  font-size: min(4vw, 16px);
  font-weight: 700;
  line-height: 1.7167;
  padding-left: min(5.3333333333vw, 27.6266666667px);
}
.cpAttentionLink01 a {
  color: #00e;
  text-decoration: underline;
}
.cpAttentionList01 + .cpAttentionLink01 {
  margin-top: min(5.0666666667vw, 26.2453333333px);
}
.cpAttentionLink01 + .cpAttentionLink01 {
  margin-top: 0;
}
.cpAttentionLink01.linkYoung01 {
  margin-top: min(3.4666666667vw, 17.9573333333px);
}

.cpAttentionContent01 .cpAttentionNotice01 {
  width: min(89.3333333333vw, 462.7466666667px);
  margin: min(6.9333333333vw, 35.9146666667px) 0 0 min(1.0666666667vw, 5.5253333333px);
}

.cpBrandLogo01 {
  padding: 31px 0;
  background-color: #fff;
  text-align: center;
}
.cpBrandLogo01 img {
  width: auto;
  max-width: min(290px, 72%);
}

.cpFixedBtn01 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  max-width: 518px;
  margin-inline: auto;
  background-color: rgba(255, 255, 255, 0.7);
}

.cpFixedBtnList01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: min(1.8666666667vw, 9.6693333333px) min(3.7333333333vw, 19.3386666667px);
}

.cpFixedBtnItem01 {
  width: min(44.2666666667vw, 229.3013333333px);
}
.cpFixedBtnItem01 a {
  display: grid;
  place-content: center;
  height: min(11.4666666667vw, 59.3973333333px);
  border-radius: min(1.3333333333vw, 6.9066666667px);
  -webkit-box-shadow: min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) rgba(0, 0, 0, 0.25);
  box-shadow: min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) min(0.5333333333vw, 2.7626666667px) rgba(0, 0, 0, 0.25);
  font-size: min(3.2vw, 16.576px);
  line-height: min(4vw, 20.72px);
  letter-spacing: 0.05em;
}
.cpFixedBtnItem01 a::before {
  right: min(2.4vw, 12.432px);
  border-width: min(1.1666666667vw, 6.0433333333px) 0 min(1.1666666667vw, 6.0433333333px) min(1.92vw, 9.9456px);
}

#pageTop {
  display: block;
  position: fixed;
  right: max(min(3.7333333333vw, 19.3386666667px), 50% - 259px + min(3.7333333333vw, 19.3386666667px));
  bottom: calc(min(17.8666666667vw, 92.5493333333px) + var(--cpFixedBtnLift, 0px));
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.13, 0.63, 0.35, 1.23) !important;
  transition: -webkit-transform 500ms cubic-bezier(0.13, 0.63, 0.35, 1.23) !important;
  transition: transform 500ms cubic-bezier(0.13, 0.63, 0.35, 1.23) !important;
  transition: transform 500ms cubic-bezier(0.13, 0.63, 0.35, 1.23), -webkit-transform 500ms cubic-bezier(0.13, 0.63, 0.35, 1.23) !important;
  z-index: 2;
  width: min(9.3333333333vw, 48.3466666667px);
  height: min(9.3333333333vw, 48.3466666667px);
}
#pageTop img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 900px) {
  #pageTop {
    right: calc(100% - clamp(16px, (100% - 518px) / 2, 100% - 888px) - 518px + min(3.7333333333vw, 19.3386666667px));
  }
}

html.isModalOpen {
  overflow: hidden;
}

.cpModal01 {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: min(5.3333333333vw, 27.6266666667px) 0 min(12.2666666667vw, 63.5413333333px);
  border: 0;
  background: transparent;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.cpModal01::-ms-backdrop {
  background-color: rgba(82, 82, 82, 0.7);
}
.cpModal01::backdrop {
  background-color: rgba(82, 82, 82, 0.7);
}

.cpEntryPanel01 {
  position: relative;
  width: min(85.6vw, 443.408px);
  margin: min(3.76vw, 19.4768px) auto 0;
  padding: min(7.5173333333vw, 38.9397866667px) min(5.992vw, 31.03856px) min(10.5066666667vw, 54.4245333333px);
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: min(2.784vw, 14.42112px);
  color: #000;
}
.cpEntryPanel01 img {
  display: block;
  height: auto;
}

.cpEntryCloseIcon01 {
  position: absolute;
  top: max(-3.76vw, -19.4768px);
  right: max(-2.6666666667vw, -13.8133333333px);
  width: min(11.1386666667vw, 57.6982933333px);
  height: min(11.1386666667vw, 57.6982933333px);
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  cursor: pointer;
}
.cpEntryCloseIcon01::before, .cpEntryCloseIcon01::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(5.0666666667vw, 26.2453333333px);
  height: min(0.8346666667vw, 4.3235733333px);
  background-color: #707070;
  translate: -50% -50%;
}
.cpEntryCloseIcon01::before {
  rotate: 45deg;
}
.cpEntryCloseIcon01::after {
  rotate: -45deg;
}

.cpEntryTtl01 {
  white-space: nowrap;
  font-size: min(5.0133333333vw, 25.9690666667px);
  font-weight: 700;
  line-height: 1.4894;
  color: #058a86;
  text-align: center;
}

.cpEntryBand01 {
  margin-top: min(2.104vw, 10.89872px);
  padding: min(1.64vw, 8.4952px) 0;
  background-color: #058a86;
  font-size: min(4.176vw, 21.63168px);
  font-weight: 700;
  line-height: 1.341;
  color: #fff;
  text-align: center;
}
.cpEntryNote01 + .cpEntryBand01 {
  margin-top: min(5.04vw, 26.1072px);
}
.cpEntryBank01 + .cpEntryBand01 {
  margin-top: min(8.4906666667vw, 43.9816533333px);
}

.cpEntrySub01 {
  margin-top: min(3.6186666667vw, 18.7446933333px);
  font-size: min(4.7333333333vw, 24.5186666667px);
  font-weight: 700;
  line-height: 1.5211;
  color: #00716e;
  text-align: center;
}
.cpEntryBand01:not(:first-of-type) + .cpEntrySub01 {
  margin-top: min(4.3173333333vw, 22.3637866667px);
}

.cpEntryStep01 {
  margin-top: min(1.92vw, 9.9456px);
}
.cpEntryStep01 li {
  padding: min(4.1946666667vw, 21.7283733333px) min(3.9146666667vw, 20.2779733333px) 0;
  border: min(0.5333333333vw, 2.7626666667px) solid #00716e;
  border-radius: min(2.6666666667vw, 13.8133333333px);
}
.cpEntryStep01 li + li {
  margin-top: min(3.48vw, 18.0264px);
}
.cpEntryStep01 li.step01 {
  padding-bottom: min(6.48vw, 33.5664px);
}
.cpEntryStep01 li.step02 {
  padding-bottom: min(4.6133333333vw, 23.8970666667px);
}

.cpEntryStepBadge01 {
  width: min(16.984vw, 87.97712px);
}

.cpEntryStepTxt01 {
  margin-top: min(1.4933333333vw, 7.7354666667px);
  padding-left: min(0.8986666667vw, 4.6550933333px);
  font-size: min(4.176vw, 21.63168px);
  font-weight: 500;
  line-height: 1.341;
}

.cpEntryStepApp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(4.304vw, 22.29472px);
  margin: min(1.6vw, 8.288px) 0 0 min(3.28vw, 16.9904px);
  font-size: min(3.76vw, 19.4768px);
  font-weight: 700;
  line-height: 1.4894;
  color: #525252;
}
.cpEntryStepApp01 img {
  width: min(20.8vw, 107.744px);
}
.cpEntryStepApp01 span {
  color: #525252;
}

.cpEntryStepImg01 {
  width: min(43.576vw, 225.72368px);
  margin: min(3.76vw, 19.4768px) auto 0;
  border: 1px solid #dedede;
}

.cpEntryNote01 {
  margin: min(1.568vw, 8.12224px) max(-0.8vw, -4.144px) 0;
  font-size: min(3.0666666667vw, 15.8853333333px);
  font-weight: 500;
  line-height: 1.3913;
  letter-spacing: -0.02em;
  color: #525252;
}
.cpEntryNote01.noteApp01 {
  margin: min(2.928vw, 15.16704px) 0 0;
  padding-left: min(0.3466666667vw, 1.7957333333px);
  line-height: 1.5;
  letter-spacing: 0;
  color: #f05537;
}

.cpEntryTxt01 {
  margin-top: min(2.1333333333vw, 11.0506666667px);
  font-size: min(3.8986666667vw, 20.1950933333px);
  font-weight: 700;
  line-height: 1.5;
  color: #525252;
  text-align: center;
}
.cpEntryTxt01.alignLeft01 {
  margin: min(3.344vw, 17.32192px) max(-0.8vw, -4.144px) 0;
  text-align: left;
}

.cpEntryBank01 {
  margin-top: min(1.9306666667vw, 10.0008533333px);
}
.cpEntryBank01 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(64.1813333333vw, 332.4593066667px);
  margin: 0 auto;
  padding: min(4.832vw, 25.02976px) 0 min(2.2506666667vw, 11.6584533333px);
  border: 1px solid rgba(170, 170, 170, 0.2);
}
.cpEntryBank01 li + li {
  margin-top: min(4.176vw, 21.63168px);
}
.cpEntryBank01.bankOpen01 {
  margin-top: min(4.2666666667vw, 22.1013333333px);
}
.cpEntryBank01.bankOpen01 li {
  width: min(65.44vw, 338.9792px);
}

.cpEntryBank01 .cpEntryBankLogo01 {
  width: auto;
  height: min(8.56vw, 44.3408px);
}
.cpEntryBank01 .cpEntryBankLogo01 + .cpEntryBankBtn01 {
  margin-top: min(3.3146666667vw, 17.1699733333px);
}

.cpEntryBank01 .item02 {
  padding-top: min(5.4773333333vw, 28.3725866667px);
}
.cpEntryBank01 .item02 .cpEntryBankLogo01 {
  height: min(8.6346666667vw, 44.7275733333px);
}

.cpEntryBank01 .item03 {
  padding-top: min(5.0773333333vw, 26.3005866667px);
}
.cpEntryBank01 .item03 .cpEntryBankLogo01 {
  height: min(9.0666666667vw, 46.9653333333px);
}
.cpEntryBank01 .item03 .cpEntryBankLogo01 + .cpEntryBankBtn01 {
  margin-top: min(2.912vw, 15.08416px);
}

.cpEntryBank01 .item04 {
  padding-top: min(2.72vw, 14.0896px);
}
.cpEntryBank01 .item04 .cpEntryBankLogo01 {
  height: min(10.5333333333vw, 54.5626666667px);
}
.cpEntryBank01 .item04 .cpEntryBankLogo01 + .cpEntryBankBtn01 {
  margin-top: min(3.8026666667vw, 19.6978133333px);
}

.cpEntryBankBtn01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: min(58.9093333333vw, 305.1503466667px);
  height: min(13.9226666667vw, 72.1194133333px);
  border-radius: min(1.392vw, 7.21056px);
  background-image: -webkit-gradient(linear, left top, right top, from(#ffad12), to(#ed7200));
  background-image: linear-gradient(to right, #ffad12, #ed7200);
  -webkit-box-shadow: min(0.2773333333vw, 1.4365866667px) min(0.2773333333vw, 1.4365866667px) min(0.2773333333vw, 1.4365866667px) rgba(0, 0, 0, 0.161);
  box-shadow: min(0.2773333333vw, 1.4365866667px) min(0.2773333333vw, 1.4365866667px) min(0.2773333333vw, 1.4365866667px) rgba(0, 0, 0, 0.161);
  font-size: min(4.176vw, 21.63168px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.cpEntryBankBtn01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(4.8773333333vw, 25.2645866667px);
  width: min(3.912vw, 20.26416px);
  height: min(3.912vw, 20.26416px);
  background: url("/static/cp/clubpoint202611/assets/images/index_ico_external01.svg") no-repeat center/contain;
  translate: 0 -50%;
}
.bankOpen01 .cpEntryBankBtn01 {
  background-image: -webkit-gradient(linear, left top, right top, from(#32bb8a), to(#018a59));
  background-image: linear-gradient(to right, #32bb8a, #018a59);
}
.cpEntryBankBtn01:link, .cpEntryBankBtn01:visited {
  color: #fff;
}

.cpEntryClose01 {
  position: relative;
  display: block;
  width: min(49.7706666667vw, 257.8120533333px);
  height: min(13.5173333333vw, 70.0197866667px);
  margin: min(8.5333333333vw, 44.2026666667px) auto 0;
  padding-left: min(2.1333333333vw, 11.0506666667px);
  background-color: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 min(0.5333333333vw, 2.7626666667px) min(1.0666666667vw, 5.5253333333px) rgba(0, 0, 0, 0.16);
  box-shadow: 0 min(0.5333333333vw, 2.7626666667px) min(1.0666666667vw, 5.5253333333px) rgba(0, 0, 0, 0.16);
  font-size: min(4.5946666667vw, 23.8003733333px);
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.cpEntryClose01::before, .cpEntryClose01::after {
  content: "";
  position: absolute;
  top: 50%;
  left: min(8.64vw, 44.7552px);
  width: min(3.8666666667vw, 20.0293333333px);
  height: 1px;
  background-color: #939393;
}
.cpEntryClose01::before {
  rotate: 45deg;
}
.cpEntryClose01::after {
  rotate: -45deg;
}

.cpHeroInner01,
.cpCampaignInner01,
.cpPointInner01,
.cpBenefitInner01,
.cpApp01,
.cpCardInfoInner01,
.cpAttentionInner01 {
  width: 100%;
  max-width: 518px;
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .cpHeroInner01,
  .cpCampaignInner01,
  .cpPointInner01,
  .cpBenefitInner01,
  .cpApp01,
  .cpCardInfoInner01,
  .cpAttentionInner01 {
    margin-left: clamp(16px, (100% - 518px) / 2, 100% - 888px);
  }
}

@media screen and (min-width: 900px) {
  .cpFixedBtn01 {
    margin-left: clamp(16px, (100% - 518px) / 2, 100% - 888px);
  }
}