/* PAGE FIN */
.bread-block { font-size: 20px; padding-top: 40px}

.bread-block .button { padding: 40px 0}
.pay-btn { display: inline-block; height: 50px; line-height: 50px; color: #fff; background: #1c8195; border-radius: 15px; padding: 0 20px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px}

.bread-block .row { margin: 40px 0}

.bread-block .row_1 img.bg { width: 100%; display: block}
.bread-block .row_1 .logo span { float: left; line-height: 47px; padding-right: 20px}
.bread-block .row_1 .col { justify-content: center; display: flex; flex-direction: column;}
.bread-block .row_1 h1 { margin: -40px 0 0 0; padding: 0;}

.bread-block h2, .bread-block h1 { font-size: 52px}

.bread-block .row_2 {text-align: center}


.bread-block .bread-bg { background: #1c8195 url("../images/bread-pay/bread-pay-bg.png") no-repeat 0 0; background-size: auto 100%; border-radius: 0 0 100px 100px; padding: 100px; color: #fff}
.bread-block .row_3 { text-align: center}

.bread-block .row_3 .icon { margin: auto; display: block; width: 100px; height: 100px; border-radius: 100px; background: #fff; padding-top: 20px}

.bread-block .row_4 {  overflow: hidden; background: url("../images/bread-pay/bread-pay-wave.png") no-repeat 0 100%; padding:0 100px 50px 100px }
.bread-block .row_4 .col { padding:40px 20px;}
.bread-block .row_4 .col:nth-child(1) { background:#13294b; color: #fff; border-radius: 20px 0 0 20px; }
.bread-block .row_4 .col:nth-child(2) { background:#1c8195; color: #fff }
.bread-block .row_4 .col:nth-child(3) { background:#fff; border:2px solid #333333; border-left: none; border-radius:0 20px 20px 0;}

.bread-block .bread-pc { display: block; width: 50%; margin: auto}


.bread-block .bread-rainbow { background: #f4f5f5 url("../images/bread-pay/bread-pay-rainbow.png") no-repeat 99% 100%; background-size: auto 80%; padding: 100px 400px 200px 100px; position: relative; text-align: center}
.bread-block .bread-rainbow:before { content: ''; height: 80px; width: 100%; background: #fff; display: block; position: absolute; left: 0; top: -40px; border-radius: 100%}
.bread-block .bread-rainbow .pay-btn { margin: 0 20px 20px 20px}


.paypal-block { padding: 80px 0; font-size: 20px;}
.paypal-block .row { margin: 40px 0}
.paypal-block h2, .paypal-block h1 { font-size: 52px}

.paypal-block .row_1 img { width: 100%; display: block}
.paypal-block .row_1 .col { justify-content: center; display: flex; flex-direction: column;}

.paypal-block .row_5 img { width: 100%; display: block}
.paypal-block .row_5 .col { justify-content: center; display: flex; flex-direction: column;}


.paypal-block .paypal-pc { display: block; width: 30%; margin:100px auto}


.paypal-block h1 {margin: 0; padding: 0; }



.paypal-block .iframe-bg { background-color: #0070e0; background-image: url("../images/paypal/paypal-bg.svg"); background-position: 0% 0; background-size: auto 100%; background-repeat: no-repeat; padding: 40px 0}


.paypal-block .blue-box { color: #fff; padding: 40px; background: #003087; border-radius: 20px}
.paypal-block .blue-box ul { padding-left: 20px}


.paypal-block .grey-box { padding: 20px 40px; background: #faf8f5; border-radius: 20px}


.paypal-block .grey-box .row:first-child { border-bottom: 1px solid #000}
.paypal-block .grey-box .row:last-child { border-top: 1px solid #000}

.pay-tab { width: 100%; margin: auto}
.pay-tab li { float: left; width: 48%; padding: 20px; margin:1%; list-style-type: none}
.pay-tab li a { text-align: center; padding: 40px; display: block; border: 8px solid #F9D4FA; border-radius: 10px; }
.pay-tab li a img { height: 60px; width: auto; display: block; margin: auto}

.pay-tab li a.active {
    border: 8px solid #8522BE; box-shadow: 0 0 20px rgba(218, 42, 224, 1), inset 0 0 20px rgba(218, 42, 224, 1); 
}

.pay-tab .pay-btn { margin:20px auto 0 auto; display: block}

/* TAB */
.tab-item { display: none}
.tab-item.active { display: block}





@media (max-width:767px) {
	.bread-block .row_1 .col:nth-child(2) { padding-top: 40px}
	
	.bread-block .row_4 .col { border-radius: 20px !important; margin: 20px 0}
	.bread-block .row_4 .col:nth-child(3) { border: 2px solid #333333}
	
	.bread-block .bread-rainbow { padding:100px 20px;}
	.bread-block .bread-rainbow .pay-btn { display: block; width: 100%; margin: 0 0 20px 0; padding: 0 10px; font-size: 12px}
	
	.bread-block .bread-pc { width: 100%}
	
	.bread-block .row_4 { padding: 0 0 50px 0;}
	.bread-block .bread-bg { padding:50px 20px;}
	
	.bread-block h2, .bread-block h1 { font-size: 32px}
	
	.paypal-block h2, .paypal-block h1 { font-size: 32px}
	
	.paypal-block .paypal-pc { width: 60%}
	
	.pay-tab li { float: none; width: 100%; margin:1% 0; }
	
}

@media (max-width:480px) { 
	.pay-tab li a img { height: 40px;}
}