html {
  scroll-behavior: smooth;
}

.qx-app-links-title{
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
.qx-app-links-title{
  font-size: 4vw;
  margin-bottom: 4vw;
}
}
.qx-aeonpay-color-txt {
  color: #B50080;
}


/*os判定*/
.qx-app-links{
visibility:hidden;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}

body.qx-js-ios .qx-app-links,
body.qx-js-android .qx-app-links,
body.qx-js-pc .qx-app-links{
visibility:visible;
}

.qx-app-link-ios,
.qx-app-link-android,
.qx-app-link-pc{
display:none;
}

body.qx-js-ios .qx-app-link-ios{
display:inline-block;
}

body.qx-js-android .qx-app-link-android{
display:inline-block;
}

body.qx-js-pc .qx-app-link-pc{
display:flex;
gap:20px;
justify-content: center;
}

.qx-floating-bnr-link img{
  max-width: 180px;
  width: 100%;
}

.qx-app-link-pc .qx-floating-bnr-link img{
  height: 51px;
}

.qx-floating-bnr {
  background-color: rgba(241, 241, 241, 0.8);
}

@media screen and (max-width: 500px) {
.qx-app-link-pc .qx-floating-bnr-link img{
  height: 41px;
}
}

.qx-pagetopbtn {
  position: fixed;
  z-index: 11;
    width: 45px;
    right: 4vw;
    bottom: 20px;
  }

  .qx-pagetopbtn img{
    width: 100%;
  }

@media screen and (max-width: 500px) {
.qx-pagetopbtn {
  position: fixed;
  z-index: 11;
    width: 8vw;
    right: 4vw;
    bottom: 20px;
  }

  .qx-pagetopbtn img{
    width: 100%;
  }
}

.qx-img-bnr {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.qx-img-wrapper {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

/* ACC-1 アコーディオン start */
.m-notes {
  background: #56419e;
  border-radius: 0;
}
.m-notes-alwaysopen .m-notes_header,
.notes-accordion .m-notes_header {
  border-bottom: none !important;
}
.m-notes_header {
  padding: 18px 28px 18px;
  pointer-events: auto;
  cursor: pointer;
  border-bottom-width: 0;
  margin-left: -28px;
  margin-right: -28px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none !important;
}


.m-notes_title {
  display: inline-flex;
  align-items: center;
  pointer-events: auto;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -.0225em;
  font-weight: 600;
  color: #ffffff;
}


.m-notes_title>.a-icon {
  position: absolute;
  left: 28px;
  display: block;
  width: 59px;
  height: 41px;
  margin-right: 8px;
  background-color:#56419e;
  border: none;
  border-radius:0;
}

@media screen and (max-width: 500px) {
  .m-notes_title>.a-icon {
    width: 43px;
    height: 30px;
  }
}

.qx-aco-title-icon {
    background-image: url(/-/media/aeoncard/campaign/member/202610-20/images/aeonpay_icon.png);
}

.m-notes-alert .m-notes_title {
  color: #eb0015
}
.m-notes_toggleicon {
  margin-top: -3px
}
.m-notes_toggleicon {
  display: block
}

.m-notes_content {
  display: none;
  padding: 28px 30px 60px;
  margin-left: -28px;
  margin-right: -28px;
  background: #f1f1fd;
}

@media screen and (max-width: 768px) {
  .m-notes_content {
  margin-left: -15px;
  margin-right: -15px;
  padding:28px 16px 30px;
  }
}

.qx-what-box {
  background: #fff;
  border-radius: 10px;
  padding: 30px 0 60px;
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
.qx-what-box {
  padding:30px 16px 60px ;
}
}

.qx-what-title {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: #56419e;
  text-align: center;
  padding-top: 60px;
}

.qx-what-title::before {
  content: "";
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  font-size: 28px;
}

.qx-what-title.qx-nb-one::before {
  content: "01";
}

.qx-what-title.qx-nb-tow::before {
  content: "02";
  }

@media screen and (max-width: 768px) {
  .qx-what-title {
    font-size: 16px;
    padding-top: 50px;
  }
  .qx-what-title::before {
    font-size: 24px;
  }
}

.qx-what-text {
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  }

@media screen and (max-width: 768px) {
  .qx-what-text {
    font-size: 14px;
  }

  .qx-what-text.u-align-sp-left{
    text-align: left;
  }
    
}

@media screen and (max-width: 400px) {
  .qx-what-text {
    font-size: 12px;
  }
}

.qx-what-one-img {
  margin-left: -14px;
  margin-right: -14px;
  margin-top: -45px;
}


@media screen and (max-width: 768px) {
  .qx-what-one-img {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
  text-align: center;
}

}

.qx-what-tow-img {
  text-align: center;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .qx-what-tow-img {
      max-width: 100%;
  }
}

.m-notes-alwaysopen .m-notes_content,.notes-accordion .m-notes_content {
  display: block
}
.a-icon-minus {
background-image: url(/-/media/aeoncard/assets/images/icon/minus.svg);
filter: brightness(0) invert(1);
}
.a-icon-plus {
background-image: url(/-/media/aeoncard/assets/images/icon/plus.svg);
filter: brightness(0) invert(1);
}

.m-notes_toggleicon {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
}

.a-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

@media screen and (max-width: 768px) {
    .qx-aco-btn {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
}

 .qx-button-blue {
  background: #4F419E;
 }
/* ACC-1 アコーディオン end */