@charset "UTF-8"; 

/* ----------------------------------
 楽天ポイントカードについて
---------------------------------- */
#contents_service_rakutenpointcard .p-rpt-mv { width: 100%; max-width: 1100px;}
#contents_service_rakutenpointcard .p-rpt-mv img { max-width: 100%;}
#contents_service_rakutenpointcard .p-rpt-plusIcon { width: 50px;}
#contents_service_rakutenpointcard .p-rpt-plusIcon img { width: 50px;}
#contents_service_rakutenpointcard .p-rpt-app__inner { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-app__head { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-app__dlLead { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-app__stepImg { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-app__stepTxt { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-contact__body { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-contact__telno { text-decoration: none;}
#contents_service_rakutenpointcard .p-rpt-contact__note { text-align: center;}
#contents_service_rakutenpointcard .p-rpt-howtoUse { width: 100%; max-width: 840px;}
#contents_service_rakutenpointcard .c-app-download_app { width: 100%; max-width: 772px;}
#contents_service_rakutenpointcard .p-rpt-contact .p-rpt-contact__item { min-width: calc((100% - 50px)/2);}
#contents_service_rakutenpointcard .p-rpt-contact .p-rpt-contact__item .c-btn { max-width: 100%;}

@media screen and (max-width: 1199px) {
  #contents_service_rakutenpointcard .p-rpt-reg__flow { display: flex; flex-direction: column; align-items: center; gap: 80px;}
	#contents_service_rakutenpointcard .p-rpt-reg__step:nth-child(-n+2)::after {
    margin: auto;
    top: auto;
    bottom: -20px;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
  }
	#contents_service_rakutenpointcard .p-rpt-app__flow { display: flex; flex-direction: column; align-items: center; gap: 80px;}
	#contents_service_rakutenpointcard .p-rpt-app__step:nth-child(-n+3)::after {
    margin: auto;
    top: auto;
    bottom: -20px;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
  }
}