body p {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
}

/* image */
[data-aspect-ratio="329:96"]:before { padding-top: calc((96 / 329) * 100%) }
[data-aspect-ratio="330:96"]:before { padding-top: calc((96 / 330) * 100%) }
[data-aspect-ratio="390:725"]:before { padding-top: calc((725 / 390) * 100%) }
[data-aspect-ratio="690:258"]:before { padding-top: calc((258 / 690) * 100%) }
[data-aspect-ratio="880:194"]:before { padding-top: calc((194 / 880) * 100%) }
[data-aspect-ratio="880:120"]:before { padding-top: calc((120 / 880) * 100%) }
[data-aspect-ratio="1152:384"]:before { padding-top: calc((384 / 1152) * 100%) }
[data-aspect-ratio="313:234"]:before { padding-top: calc((234 / 313) * 100%) }
[data-aspect-ratio="690:345"]:before { padding-top: calc((345 / 690) * 100%) }
[data-aspect-ratio="400:202"]:before { padding-top: calc((202 / 400) * 100%) }
[data-aspect-ratio="400:120"]:before { padding-top: calc((120 / 400) * 100%) }
[data-aspect-ratio="387:727"]:before { padding-top: calc((727 / 387) * 100%) }
[data-aspect-ratio="387:725"]:before { padding-top: calc((725 / 387) * 100%) }
[data-sp-aspect-ratio="690:260"]:before { padding-top: calc((260 / 690) * 100%) }
[data-sp-aspect-ratio="690:85"]:before { padding-top: calc((85 / 690) * 100%) }
[data-sp-aspect-ratio="690:444"]:before { padding-top: calc((444 / 690) * 100%) }
[data-sp-aspect-ratio="750:376"]:before { padding-top: calc((376 / 750) * 100%) }
[data-sp-aspect-ratio="690:387"]:before { padding-top: calc((387 / 690) * 100%) }


/* utility */
.pu_color_red { color: #f00 }
.-border_gray_top_sp {
  border-top: 1px solid #dadada;
}
.-border_top_none_sp {
  border-top: none;
}

/* common */
.lp .adjustAnchor {
  margin-top: -35px;
  padding-top: 35px;
}
.splitBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.splitBox.-center { align-items: center }
.splitBox.u-only-pc { display: none }
.numberPlusText {
  display: flex;
  align-items: center;
}
.numberBox {
  width: 30px;
  height: 32.28px;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #dadada;
}
.numberText {
  margin-left: 15px;
  font-size: 17px;
  font-weight: 700;
}
.numberText.-campaign {
  font-size: 14px;
}
.slideImg_wrapper {
  background-color: #f4f4f4;
  overflow: visible;
}
.slideImg_wrapper .swiper-slide .u-imgAdjustBox.-arrow,
.slideImg_wrapper .swiper-slide .u-imgAdjustBox.-arrowPCNone { position: relative }
.slideImg_wrapper .swiper-slide.swiper-slide-active .u-imgAdjustBox.-arrow:after,
.slideImg_wrapper .swiper-slide.swiper-slide-active .u-imgAdjustBox.-arrowPCNone:after {
  border-left: 15px solid transparent;
}
.slideImg_wrapper .swiper-pagination { z-index: 1 }
.slideImg_wrapper .swiper-pagination-bullets { bottom: -18px }

/* style */
.swiper-container.-noPaddingBottom { padding: 0 }
.kv_wapper { position: relative }
.kvApp_wrapper {
  position: absolute;
  bottom: 4.2%;
  width: 35.86666%;
  margin-left: 5.33333%;
  display: flex;
  flex-direction: column;
}
.kvAppImg_wrapper {
  width: 100%;
}
.splitBox.-getApp { justify-content: space-between }
.appImg_wapper { 
  width: calc(50% - 8.1px); 
}
.appImg_wapper.-uniqlopay { 
  width: 100%; 
}

/* coupon */
.app_wrapper .uq_logo { 
  width: 64px;
  margin-right: 12px;
}
.app_wrapper .uq_logo_title { 
  font-size: 20px;
  line-height: 30px;
}
.coupon_wrapper {
  width: 100%;
}
.coupon_wrapper.-noneMargin {
  margin-right: 0;
  margin-left: 0;
}
.coupon_wrapper_present {
  width: 100%;
}
.addIcon {
  font-size: 36px;
  color: #f00;
  font-weight: 700;
  line-height: 36px;
  margin-top: 9px;
  margin-bottom: 9px;
}
.more_link {
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  text-decoration: underline;
}
.fr-imagePlusText.-aboutUQpay { justify-content: space-between }
.fr-imagePlusText_imgWrap.-half { width: calc((120 / 345)* 100%) }
.fr-imagePlusText_body.-narrowGap { margin-top: 6px }
.announce_text {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
.procedureUQPayButton { border: 1px solid #dadada }
.procedureUQPayButton .fr-imagePlusText_imgWrap { width: 34.405% }
.procedureUQPayButton .fr-imagePlusText_content {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.fr-imagePlusText_content.-narrowGap {
  padding-right: 0;
}
.storeList { font-size: 12px }
.precautionsList {
  padding-left: 30px;
}
.precautionsList.-inner {
  list-style-type: none;
  text-indent: -15px;
  padding-left: -15px;
}
.precautionsList:before {
  content: '';
  width: 3px;
  height: 3px;
  display: inline-block;
  border-radius: 100%;
  background: #1b1b1b;
  position: relative;
  margin-right: -3px;
  left: -25px;
  top: -3px;
}
.precautionsList.-inner:before {
  content: none;
}
.precautionsList_link {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #005DB5;
}
.agreement_wrapper {
  background-color: #f4f4f4;
}

.modal_contents,
.modal_contentsInner {
  width: 68vw;
  height: 116.959999vw;
}
.modal_contents.-landscape,
.modal_contents.-landscape .modal_contentsInner {
  padding-top: 11.25vw;
  width: 20vw;
  height: 34.399999vw;
}
.announce_wrapper {
  padding: 15px 4vw;
  margin: 0 4vw 15px;
  background-color: #fff;
  border: 1px solid #dadada;
}
.announce_wrapper.-noBorder {
  border: none;
}
.announce_heading {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}
.fr-userReview.-advantage {
  margin: 0 4vw;
}
.fr-userReview_review {
  font-size: 14px;
  line-height: 21px;
  padding-top: 9px;
  padding-top: var(--sp-v-s);
  position: relative;
}
.fr-userReview {
  margin: 15px 4vw 21px;
  margin: var(--sp-v-m) var(--sp-h-1g) var(--sp-v-l);
}
.fr-userReview_review.-advantage:before {
  top: 0;
  left: calc(-1*(22.5px + var(--sp-v-s)));
}

.fr-userReviewParent_inner {
  margin: 0 6vw;
  padding-left: 22.5px;
  padding-right: 22.5px;
}
.fr-userReview_review.-advantage:after {
  bottom: -37px;
  transform: rotate(180deg);
  right: calc(-1*(22.5px + var(--sp-v-s)));
}
.fr-userReview_review:after, .fr-userReview_review:before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAApCAMAAACWVVC+AAAAM1BMVEUAAAAbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxtJJ/PRAAAAEHRSTlMAQMAQYPDQIOCAUDCgkLBwfL/9cgAAAM1JREFUOMvt0VsWhSAIBdBEzfeN+Y/2tlbZSdAZxF+HnWFsooJLYZuXSW54tsfOzGZKq2emt60nnescz3zQh+eFDsQ8avtjXujsWWi780o7dAgYWmChgaGBlW680sErbd5JHZZDjIrXciISCquh/aGiCijO8eWOcMWfwBnndFzwvhUaG0s9aiJC2ck5GCSoQfR9nmjfRKWnlXuEn93g5M+2WruljhhOb1zdiDDcWrPWDrekq4rapL87DXPrb5Ds0Kc//elHWyPLdl1kp/wBPLJAIkF4HgkAAAAASUVORK5CYII=) 50% / cover no-repeat;
  content: "";
  display: block;
  width: 22.5px;
  height: 20.5px;
  position: absolute;
}
.fr-userReview_attribute {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding-top: 9px;
  padding-top: var(--sp-v-s);
  padding-bottom: 9px;
  padding-bottom: var(--sp-v-s);
}
.note {
  font-size: 11px;
  color: #6A6A6A;

}
.note.-coupon {
  font-size: 11px;
  color: #7d7d7d;
}

.news_item {
  display: flex;
}
.news_item:not(:first-of-type) {
  margin-top: 3px;
}
.news_item:not(:first-of-type) {
  margin-top: 3px;
}
.news_date {
  margin-right: 24px;
}
.bankList {
  display: flex;
  flex-wrap: wrap;
}
.bankList_item {
  width: calc(99.99999% / 3);
}
.bankList_item:nth-of-type(n+4) {
  margin-top: 4px;
}
.bankList_item.-mega {
  width: calc(99.9% / 4);
}

/* read_more bank_list */
.visible_bankList {
  position: relative;
}

.blur-wrap {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: calc(80 / 375 * 100vw);
  z-index: 1;
}

.blur-wrap.-white {
  background: linear-gradient(0deg,#fff,#fff 3%,transparent 200%);
}

.blur-wrap.-white.-open {
  background: none;
  pointer-events: none;
}

.fr-readMore_checkBox:checked+.fr-readMore_heading+.fr-readMore_content.uqpay-readMore_content {
  border-top: none;
  padding-top: 0;
}

.fr-readMore_checkBox:checked+.fr-readMore_heading+.fr-readMore_content.uqpay-readMore_content+.fr-readMore_heading {
  border-top: none;
}

.noteList {
  text-indent: -1em;
  margin-left: 1em;
}

.noteList:not(:last-of-type) {
  margin-bottom: 6px;
}

.noteList:before {
  content:  "･";
}

.indentText {
  padding-left: 1em;
  text-indent: -1em;
}

.fr-linkButton.-multiline {
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 1.5;
  padding-right: 0;
  padding-left: 0;
}

.cpHeading {
  font-size: 14px;
}

.stepList_item {
  padding: 9px 4vw;
  border-top: solid 1px #dadada;
}

.stepList_item:last-of-type {
  border-bottom: solid 1px #dadada;
}
.pu_font_tiny{
  color: #7d7d7d;
}
.fr-snsButtons_inner{
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0,0,0,.16);
  margin-bottom: 21px;
  margin-bottom: var(--sp-v-l);
  padding: 21px 4vw;
  padding: var(--sp-v-l) var(--sp-h-1g);
  min-width: 320px;
}
.news_list{
  font-size: 14px;
  line-height: 21px;
}
.news_link {
  font-weight: 300;
  text-align: right;
}
.news_link a {
  color: #005DB5;
}
.u-color-gray050 {
  color: #f4f4f4;
  color: var(--color-gray050)
}
.payment_subTitle {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.fr-snsButtons_heading{
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 19.5px;
}
.fr-snsButtons_heading{
  text-align: start;
}
.fr-snsButtons_items{
  display: flex;
  margin-top: 21px;
  justify-content: flex-start;
}
.fr-textLink{
  font-size: 13px;
}
.fr-heading{
  line-height: 1.5em;
}
.app_questionnaire{
  background: #fff;
}

/* slider */
.swiper-button-next:after {
  background-position-x: -4em !important;
}
.swiper-button-prev:after {
  transform: initial;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  display: block;
}
.swiper-button-next:after, .swiper-button-prev:after{
  background: url(/jp/ja/contents/feature/common/icons/chevron_carousel.svg) 0 / 7em 2em no-repeat;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  mask-image: none;
  top: 0;
  left: 0;
  margin-top: 0;
    margin-left: 0;
}
.swiper-button-next, .swiper-button-prev{
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;  
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next, .swiper-button-prev {
  background-image: none;
  background-color: hsla(0, 0%, 100%, .9);
  position: absolute;
  height: 40px;
  width: 40px;
  z-index: 1;
}

.swiper-button-prev {
  left: 0
}

.swiper-button-next {
  right: 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.slideImg_unit {
  width: calc((195 / 220) *100%);
  margin-right: auto;
  margin-left: auto;
}
.flow_text.-appBanner {
  margin-top: 44.59px;
}

/* faq */ 

@media screen and (min-width:813px) {
  body p {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
  }
  
  .fr-video {
    transition: 0.5s;
  }

  /* image */
  [data-pc-aspect-ratio="1176:588"]:before { padding-top: calc((588 / 1176) * 100%) }
  [data-pc-aspect-ratio="876:120"]:before { padding-top: calc((120 / 876) * 100%) }
  [data-pc-aspect-ratio="880:95"]:before { padding-top: calc((95 / 880) * 100%) }
  [data-pc-aspect-ratio="880:295"]:before { padding-top: calc((295 / 880) * 100%) }
  [data-pc-aspect-ratio="726:363"]:before { padding-top: calc((363 / 726) * 100%) }
  [data-pc-aspect-ratio="800:287"]:before { padding-top: calc((287 / 800) * 100%) }

  /* utility */
  .-border_top_none_pc {
    border-top: none;
  }

  /* common */
  .lp .adjustAnchor {
    margin-top: -58px;
    padding-top: 58px;
  }
  .splitBox.u-only-pc { display: flex }
  .numberBox {
    width: 56px;
    height: 56px;
    font-size: 36px;
    line-height: 40px;
    border: solid 2px #dadada;
  }
  .numberBox.-campaign {
    width: 56px;
    height: 56px;
    font-size: 36px;
  }
  .numberText.-campaign {
    margin-left: 24px;
    font-size: 20px;
  }
  .slideImg_wrapper {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .slideImg_wrapper.-noMarginBottom {
    margin-bottom: 0;
  }
  .slideImg_unit {
    width: calc((195 / 368) *100%);
  }
  .-fourDivide .slideImg_unit {
    width: calc((195 / 273.5) *100%);
  }
  .slideImg_unit .appImg_wapper.-uniqlopay.-appQr {
    margin-top: calc((45.41 / 195) *100%);
    width: calc((157 / 195) *100%);
    margin-right: auto;
    margin-left: auto;
  }
  .grayLine {
    background-color: #f4f4f4;
    padding: 28px 28px 30px;
    margin-bottom: 40px;
  }
  .normal_wrapper,
  .normalmin_wrapper,
  .small_wrapper,
  .littleSmall_wrapper,
  .little_wrapper,
  .tiny_wrapper,
  .app_wrapper {
    margin-right: auto;
    margin-left: auto
  }
  .normal_wrapper { width: calc((910 / 1176) * 100%) }
  .normalmin_wrapper { width: calc((900 / 1176) * 100%) }
  .littleSmall_wrapper { width: calc((800 / 1176) * 100%) }
  .tiny_wrapper { width: 53.061224% }
  .app_wrapper { width: calc((876 / 1226) * 100%) }
  .tiny_wrapper.-sideGap { padding: 0 2.042% }

  .note {
    font-size: 13px;
    line-height: 19.5px;
  }
  .payment_body {
    font-size: 15px;
    line-height: 22.5px;
  }

  /* style */
  .kvApp_wrapper {
    bottom: calc((56 / 588) * 100%);
    width: calc((376 / 1176) * 100%);
    margin-left: calc((96 / 1176) * 100%);
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
  .kvAppImg_wrapper {
    width: 46.2765957%;
  }
  .coupon_wrapper {
    width: 576px;
    margin-right: auto;
    margin-left: auto;
  }
  .coupon_wrapper_present {
    width: calc((100% - 126px) / 2);
    margin-left: 20px;
  }
  .coupon_wrapper_present.-right {
    margin-right: 20px;
    margin-left: 0;
  }
  .addIcon {
    font-size: 52px;
    line-height: 52px;
    margin: 0 8px;
  }
  .coupon_button { box-shadow: none }
  .more_link {
    font-size: 14px;
    margin-right: calc((60 / 690) * 100%);
  }
  .fr-imagePlusText_imgWrap.-half { 
    width: calc((276 / 576)*100%);
  }
  .fr-imagePlusText_imgWrap.-half.-reverse {
    margin-right: calc(100% - (38.016528% + 48.347107%));
    margin-left: 0;
  }
  .splitBox.-getApp { width: 100% }
  .splitBox.-getApp.-gap { 
    justify-content: center; 
    align-items: center;
    gap: 15px;
    flex-wrap: nowrap;
  }
  .appImg_wapper.-logo { 
    width: 51px;
  }
  .app_wrapper .appImg_wapper.-appBanner { 
    width: 158.5px;
  }
  .appImg_wapper.-uniqlopay:nth-child(2) { 
    margin-top: 30px;
  }
  .announce_text { font-size: 17px }
  .announce_app {
    font-size: 23px;
    font-weight: 700;
    text-align: center;
  }
  .procedureUQPayButton .fr-imagePlusText { padding: 20px 3.85852% }
  .procedureUQPayButton .fr-imagePlusText_imgWrap { width: 34.536082% }
  .procedureUQPayButton .fr-imagePlusText_content {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin-right: 0;
    margin-left: 4.123711%;
  }
  .slideImg_wrapper .swiper-container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .swiper-wrapper.-destroySwipe {
    width: auto;
    flex-wrap: wrap;
    padding-right: 24px;
    padding-left: 24px;
    gap: calc((12 / 1128) *100%);
  }
  .swiper-slide.-twoDivide {
    width: calc((100% - 20%) / 2);
    margin-right: 5.6%;
    margin-left: 4.4%;
  }
  .swiper-slide.-twoDivide+.swiper-slide.-twoDivide {
    margin-right: 4.4%;
    margin-left: 5.6%;
  }
  .swiper-slide.-threeDivide {
    width: calc((368 / 1128) * 100%);
  }
  .swiper-slide.-fourDivide {
    width: calc((273 / 1128) * 100%);
  }
  .storeList {
    font-size: 17px;
    text-align: center;
  }
  .paymentList_wrapper {
    width: 78.76712%;
    margin-right: auto;
    margin-left: auto;
  }
  .fr-linkButtonParent.uqPay-linkButtonParent .fr-linkButton.-m {
    width: 100%;
    max-width: 376px;
  }
  .fr-linkButtonParent.-center {
    justify-content: center;
  }
  .agreement_wrapper {
    padding: 40px calc((150 / 1176) * 100%);
    background-color: #f4f4f4;
  }
  .modal_contents,
  .modal_contents .modal_contentsInner {
    padding-top: 11.25vw;
    width: 20vw;
    height: 34.399999vw;
  }
  .announce_wrapper {
    padding: 28px calc((100 / 1176) * 100%);
    margin: 0 0 28px;
  }
  .announce_heading {
    font-size: 23px;
  }
  .swiper-parent.-advantage {
    margin-right: -18px;
    margin-left: -18px
  }
  .swiper-container.-advantage {
    padding-bottom: 0;
  }
  .fr-userReview {
    flex: 1;
    margin: 12px 43px;
    margin: var(--pc-v-s) calc(19px + var(--pc-h-s)* 2);
    padding-top: 12px;
    padding-top: var(--pc-v-s);
  }
  .fr-userReviewParent_inner {
    display: flex;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .fr-userReview.-advantage {
    margin: 12px 43px;
  }
  .fr-userReview_review.-advantage:before {
    top: 0;
    left: calc(-1*(19px + var(--pc-h-s)));
  }
  .fr-userReview_review.-advantage:after {
    bottom: -37px;
    right: calc(-1*(19px + var(--pc-h-s)));
  }
  .fr-userReview_review:after, .fr-userReview_review:before{
    width: 19px;
    height: 17px;
  }
  .fr-userReview_attribute.-advantage {
    font-size: 14px;
  }
  .fr-userReview_attribute {
    font-size: 14px;
    line-height: 19.6px;
    padding-top: 12px;
    padding-top: var(--pc-v-s);
  }
  /* news */
  .news_container {
    width: 522px;
    margin-right: auto;
    margin-left: auto;
  }
  .news_item {
    margin-right: 12px;
    align-items: center;
  }
  .news_list {
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .news_item:not(:first-of-type) {
    margin-top: 4px;
  }
  .news_date {
    font-weight: 300;
    font-size: 15px;
    line-height: 22.5px;
    min-width: auto;
    margin-right: 12px;
  }
  .news_bank_info_wrap {
    display: flex;
    align-items: baseline;
  }
  .news_bank_info_text {
    font-weight: 300;
    font-size: 15px;
    line-height: 22.5px;
  }
  .news_link {
    color: #005DB5;
  }

  /* uniqlo pay */
  .little_wrapper_flex {
    display: flex;
    gap: 24px;
  }
  .little_wrapper_only {
    max-width: calc((576 / 1176)*100%);
  }
  .little_wrapper_flexUnit {
    flex: 1;
  }
  .fr-imagePlusText_content.-narrowGap {
    padding-left: 24px;
    width: calc((276 / 576)*100%);
  }
  .fr-imagePlusText_heading.-narrowGap {
    font-weight: 300;
    font-size: 17px;
    line-height: 25.5px;
  }
  .fr-imagePlusText_body.-narrowGap { 
    font-weight: 300;
    font-size: 15px;
    line-height: 22.5px;
  }

  /* bank_list */
  .bankList_item,
  .bankList_item.-mega {
    width: calc(100% / 4);
  }
  .bankList_item.-mega {
    margin-top: 0;
  }
  .bankList_item {
    margin-top: 4px;
  }
  .visible_bankList {
    width: 100%;
    max-width: 876px;
    margin-right: auto;
    margin-left: auto;
  }
  .payment_cardList {
    width: 100%;
    max-width: 876px;
    margin-right: auto;
    margin-left: auto;
  }

  .noteList {
    text-indent: -1em;
    margin-left: 1em;
  }

  .noteList:not(:last-of-type) {
    margin-bottom: 4px;
  }

  .fr-linkButton.-large {
    max-width: 576px
  }

  .fr-linkButton.-multiline {
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cpHeading {
    font-size: 23px;
  }

  .stepList {
    display: flex;
    flex-wrap: wrap;
  }

  .stepList_item {
    padding: 0;
    border: none;
    width: calc((99.99999% - 48px) / 3 );
  }

  .stepList_item:last-of-type {
    border: none;
  }
  
  .stepList_item:not(:first-of-type) {
    margin-left: 24px;
  }

  .stepList_text {
    margin-left: calc(((56 / 357) * 100%) + 24px);
  }

  .u_onlyPC_center {
    text-align: center;
    padding-bottom: 37px;
  }

  .blur-wrap {
    height: calc(225 / 1226 * 100vw);
  }
  
  .blur-wrap.-white {
    background: linear-gradient(0deg,#fff,#fff 3%,transparent 100%);
  }

  .fr-snsButtons_inner{
    max-width: 1226px;
    padding: 0 25px;
    margin: 0 auto;
    box-shadow: none;
    margin-bottom: 24px;
  }
  .fr-linkButtonParent.uqPay-linkButtonParent {
    display: flex;
  }
  .fr-linkButtonParent.-horizontal .fr-linkButton+.fr-linkButton{
    margin-top: 0;
  }
  .fr-linkButtonParent .fr-linkButton.-m.-two{
    width: calc((100% - 24px)/2);
  }
  #payment .small_wrapper{
    text-align: center;
    padding-right: 75px;
    padding-left: 75px;
  }
  .fr-contentsCard{
    padding: 0;
    box-shadow: none;
  }
  #whatsUQPay .fr-contentsCard{
    padding: 0;
  }
  .fr-snsButtons_heading, .fr-snsButtons_items{
    margin-right: 12px;
    margin-top: 12px;
    justify-content: flex-end;
  }
  .fr-snsButtons_heading{
    text-align: right;
  }
  .asideMedia-Inner{
    font-size: 14px;
  }
  .fr-imagePlusText_body -narrowGap{
    font-size: 14px;
  }
  .fr-imagePlusTextParent{
    display: initial;
  }
  .pu_pc_mt_4xl{
    padding-top: 50px;
  }
  .asideMedia-Logo.fr-sp-mb-xl{
    margin-bottom: 0;
  }
  .asideMedia{
    margin-top: 52px;
  }
  .swiper-pagination-bullet{
    margin: 0 3px;
  }
  .payment_subTitle {
    font-size: 17px;
    line-height: 25.5px;
  }

  /* faq */
  .precautionsList {
    font-size: 15px;
  }
  .precautionsList_link {
    font-size: 15px;
    line-height: 22.5px;
  }
}

@media screen and (max-width: 812px) {
  body .main_inner {
    padding-top: 0;
  }
  .main_inner {
    margin-top: 2px;
  }
  .fr-sp-mt-50 {
    margin-top: 50px;
  }
  /*ヘッダー調整*/
  .doJlqT{
    position: initial !important;
  }
  /*ヘッダー調整*/
  .pu_font_tiny { font-size: 11px }
  .pu_font_little { 
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }
  .pu_font_morelittle { 
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }
  .pu_font_medium { font-size: 14px }

  /* uniqlo pay step */ 
  .slideImg_unit .appImg_wapper.-uniqlopay.-appBanner {
    margin-top: calc((127 / 195) *100%);
  }

  /* slider */
  .flow_text.-appBanner {
    margin-top: calc((127 / 200) *100%);
  }
}
@media screen and (min-width: 813px) and (max-width: 1070px) {
  .numberText.-campaign .u-only-pc{
    display: none;
  }
}