@charset "UTF-8";

.apple-pay-contents .section {
	padding-top: 70px;
}

.apple-pay-contents .section h2 {
	max-width: 980px;
	margin:0 auto;
	font-size: 20px;
}

.apple-pay-contents .section .section-inner {
	margin-top:20px;
}

.apple-pay-contents .section .container {
	max-width: 980px;
	padding: 0;
}

.apple-pay-contents .section .column {
	width: 100%;
	position: relative;
	display:table;
	table-layout: fixed;
}

.apple-pay-contents .section .column .col-50{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}


.apple-pay-contents .section .column .link-self {
	background: #ffffff;
	margin-bottom:0;
}

.apple-pay-contents .section .column p {
	margin-bottom:0;
}


.apple-pay-contents .section .column .btn {
	text-align:center;
}


.apple-pay-contents .section01 .btn,
.apple-pay-contents .section02 .btn,
.apple-pay-contents .section03 .btn {
	margin-top: 30px;
}

.apple-pay-contents .section04 .btn {
	margin-top: 50px;
}


.apple-pay-contents .section .column-left {
	padding-right: 50%;
}


.apple-pay-contents .section .column-img:after {
	content: "";
	position:absolute;
	bottom: 0;
}

.apple-pay-contents .section01 {
	padding-top: 200px;
}

.apple-pay-contents .section01 .section-inner {
	background: #ffd296;
}
.apple-pay-contents .section01 .column-img:after {
	background:url(/content/dam/au-com/extlib/iphone/service/apple-pay/images/img-04_03_889521af1c0a74b8.png?scl=1&fmt=png-alpha) no-repeat;
	width:280px;
	height:437px;
	right:7%;
}

.apple-pay-contents .section01 .column .col-50:first-child {
	padding: 40px 0;
}

.apple-pay-contents .section01 > .notice-area {
	max-width: 980px;
	margin: 0 auto;
}


.apple-pay-contents .section02 .section-inner {
	background: #e6e6e6;
}
.apple-pay-contents .section02 h2 span {
	padding-left: 50%;
}

.apple-pay-contents .section02 .column .col-50:last-child {
	padding-left: 4%;
}


.apple-pay-contents .section03 .section-inner {
	background: #f6f0db;
}

.apple-pay-contents .section03 .column .col-50:first-child {
	padding-right: 4%;
}

.section02 .cmp-au-com-list-ordered>ol>*+li {
    margin-top: 0;
}

@media screen and (min-width: 768px) and ( max-width:979px) {
	.apple-pay-contents .section01 .btn,
	.apple-pay-contents .section02 .btn,
	.apple-pay-contents .section03 .btn {
		margin-top: 20px;
	}

	.apple-pay-contents .section02 .column .col-50:last-child,
	.apple-pay-contents .section03 .column .col-50:first-child {
		padding-top: 3%;
		padding-bottom: 3%;
	}

	.apple-pay-contents .section01 > .notice-area {
		max-width: 750px;
	}
}

@media screen and (max-width: 767px) {
	.apple-pay-contents .section .container {
		padding: 0 1%;
	}
	.apple-pay-contents .section h2 {
		width: auto;
	}
	.apple-pay-contents .section .section-inner {
		margin-top: 10px;
	}
	.apple-pay-contents .section .column-img:after {
		display:none;
	}

	.apple-pay-contents .section .column {
		padding-bottom: 20px;
		display: block;
	}
	.apple-pay-contents .section .column .col-50{
		width: 100%;
		display: block;
		padding: 20px 0 0 0;
	}
	.apple-pay-contents .section .section-inner {
		padding-bottom: 5px;
	}

	.apple-pay-contents .section,
	.apple-pay-contents .section01 {
		padding-top: 50px;
	}
	.apple-pay-contents .section02 h2 span {
		padding-left: 0;
	}

	.apple-pay-contents .section01 .column .col-50 {
		padding: 20px 0 0 0 !important;
	}

	.apple-pay-contents .section02 .column .col-50:last-child {
		padding-left: 0;
	}

	.apple-pay-contents .section03 .column .col-50:first-child {
		padding-right: 0;
	}
	.apple-pay-contents .section03 .column .col-50:last-child {
		background:#ffffff;
		margin-top: 20px;
	}

}