html {
	scroll-padding-top: 90px;
}
body.coupon h1 {
	text-align: center;
}
body.coupon .lpContents {
	max-width: 960px;
    padding: 0 20px;
    margin: 0 auto 20px;
    box-sizing: border-box;
}
body.coupon .lpContents h2 {
	font-size: 20px;
}
body.coupon .lpContents h2:before {
    left: 0;
}
body.coupon .lpContents > h2 + p {
	padding-bottom: 40px;
	font-weight: 700;
}
body.coupon .lpContents h3 {
	display: block;
	padding-bottom: 20px;
	font-weight: 800;
}
body.coupon .lpContents h4 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 20px;
	color: #0065B5;
	border: solid 1px #0065B5;
	border-radius: 4px;
}
body.coupon .lpContents ul.cpuponStepList {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
body.coupon .lpContents ul.cpuponStepList > li {
	flex: 1 1 100%;
	padding: 5px 0;
}
body.coupon .lpContents ul.cpuponStepList > li > ul {
	display: flex;
	flex-wrap: wrap;
	padding-top: 10px;
	padding-left: 20px;
}
body.coupon .lpContents ul.cpuponStepList > li > ul > li {
	flex: 1 1 100%;
	padding: 5px 0;
}
body.coupon .lpContents ul.cpuponStepList li a {
	color: #535353;
	text-decoration: underline;
}
body.coupon .lpContents ul.cpuponStepList li a:hover {
	text-decoration: none;
}

body.coupon .lpContents ul li {
	padding-bottom: 20px;
}
body.coupon .lpContents ul li p {
	padding-bottom: 20px;
	font-weight: 700;
}
body.coupon .lpContents ul li.step1_2 {
	padding-bottom: 40px;
}
body.coupon .lpContents ul li img {
	display: block;
	width: 320px;
	margin: 0 auto
}
body.coupon .lpContents ul li .couponNote {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	color: #E13714;
}
.couponNoteWrap {
	padding: 10px;
	margin-bottom: 40px;
	border-radius: 4px;
	background-color: #fef6e8;
}
.couponNoteWrap .couponNoteTitle {
	padding: 0 0 20px;
	font-size: 16px;
	font-weight: 800;
	text-indent: 0;
}
.couponNoteWrap > p {
    padding-left: 15px;
	font-size: 12px;
    text-indent: -15px;
}
@media screen and (min-width: 768px) {
	body.coupon .lpContents {
		max-width: 736px;
		padding: 0;
	}
	body.coupon .lpContents h2 {
		margin: 40px 0;
		font-size: 28px;
	}
	body.coupon .lpContents h2 {

		margin: 40px 0 30px;
	}
	body.coupon .lpContents > h2 + p {
		padding: 0 24px 40px;
	}
	body.coupon .lpContents h3 {
		padding-bottom: 30px;
		margin: 0;
		font-size: 20px;
		text-align: center;		
	}
	body.coupon .lpContents h4 {
		width: 600px;
		margin: 0 auto 24px;
		text-align: center;
	}
	body.coupon .lpContents ul.cpuponStepList {
		padding: 0 24px 40px;
	}
	body.coupon .lpContents ul {
		display: flex;
		flex-wrap: wrap;
	}
	body.coupon .lpContents ul li {
		flex: 1 1 50%;
		padding: 0 24px;
		box-sizing: border-box;
	}
	body.coupon .lpContents ul li.step1_1,
	body.coupon .lpContents ul li.step1_2,
	body.coupon .lpContents ul li.step2_1,
	body.coupon .lpContents ul li.step2_2,
	body.coupon .lpContents ul li.step2_3,
	body.coupon .lpContents ul li.step2_4,
	body.coupon .lpContents ul li.step3_1,
	body.coupon .lpContents ul li.step3_2,
	body.coupon .lpContents ul li.step3_3,
	body.coupon .lpContents ul li.step3_4 {
		padding-bottom: 40px;
	}
	body.coupon .lpContents ul li.step1_1 p,
	body.coupon .lpContents ul li.step1_2 p {
		height: 66px;
	}
	body.coupon .lpContents ul li.step2_1 p,
	body.coupon .lpContents ul li.step2_2 p {
		height: 66px;
	}
	body.coupon .lpContents ul li.step2_3 p,
	body.coupon .lpContents ul li.step2_4 p {
		height: 45px;
	}
	body.coupon .lpContents ul li.step3_1 p ,
	body.coupon .lpContents ul li.step3_2 p {
		height: 45px;
	}
	body.coupon .lpContents ul li.step3_3 p,
	body.coupon .lpContents ul li.step3_4 p {
		height: 130px;
	}
	.couponNoteWrap {
		width: 688px;
		padding: 20px;
		margin: 0 auto 40px;
		box-sizing: border-box;
	}
	.couponNoteWrap .couponNoteTitle {
		text-align: center;
	}
}