@charset 'utf-8';

.page-payment {}
.page-payment-block { margin-top: 16vw; padding-top: 16vw; border-top: solid #ccc 1px; }
.page-payment-block:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.page-payment-block--title { margin-bottom: 8vw; font-size: 4.26666666667vw; font-weight: bold; }
.page-payment-block--text { font-size: 3.73333333333vw; }
.page-payment-box { margin-top: 13.3333333333vw; }
.page-payment-box:first-child { margin-top: 0; }
.page-payment-box--title { margin-bottom: 5.33333333333vw; font-size: 3.73333333333vw; }
.page-payment-box--text { padding: 7.46666666667vw 4.8vw; background: #F9F9F9; font-size: 3.73333333333vw; }
.page-payment-box--text .creditcard { margin-bottom: .2em; width: 64vw; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
	.page-payment-block { margin-top: 60px; padding-top: 60px; }
	.page-payment-block--title { margin-bottom: 32px; font-size: 1.6rem; }
	.page-payment-block--text { font-size: 1.4rem; }
	.page-payment-box { margin-top: 50px; }
	.page-payment-box--title { margin-bottom: 20px; font-size: 1.4rem; }
	.page-payment-box--text { padding: 28px 20px; font-size: 1.4rem; }
	.page-payment-box--text .creditcard { width: 240px; }
}