@charset "utf-8";
/* CSS Document */
.coupon {
}
.coupon .c-title {
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	color: #C7361D;
	margin-bottom: 1em;
}
.coupon .c-contents {
	border: 3px solid #1C437B;
	max-width: 1130px;
	border-radius: 4rem;
	background: #fff;
	position: relative;
	padding: 16rem 8.5rem 5rem;
	margin: 30rem auto 6rem;
}
.coupon .c-contents .c-area {
	display: flex;
	justify-content: space-between;
	width: 85%;
	max-width: 960px;
	position: absolute;
	top: -27rem;
	left: 50%;
	transform: translateX(-50%);
}
.coupon .c-contents .c-area > div {
	position: relative;
}

.coupon .c-code {
	font-size: 3.6rem;
	position: absolute;
	top: 64.5%;
	left: 50%;
	transform: translateX(-50%);
}
.coupon .copy-button {
	font-size: 2.0rem;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Zen Maru Gothic','Quicksand', sans-serif;
	font-weight: bold;
	width: 85%;
	background: #1C437B;
	color: #fff;
	border-radius: 5rem;
	padding: .5rem 0;
}

.coupon .c-contents h3 {
	font-size: 3rem;
	font-family: 'Zen Maru Gothic','Quicksand', sans-serif;
	text-align: center;
	margin-bottom: .5rem;
	color: #1C437B;
}
.coupon .c-contents li {
	font-family: 'Zen Maru Gothic','Quicksand', sans-serif;
	font-size: 2.2rem;
	color: #1C437B;
	text-indent: -1em;
	padding-left: 1em;
}



@media screen and (max-width: 1440px) {
.coupon .c-contents {
	padding: 18rem 8.5rem 5rem;
}

}

@media screen and (max-width: 1332px) {
.coupon .c-contents {
	padding: 22rem 8.5rem 5rem;
}

}

@media screen and (max-width: 1240px) {
.coupon .c-contents {
	padding: 24rem 8.5rem 5rem;
}

}

@media screen and (max-width: 1090px) {
.coupon .c-contents {
	padding: 28rem 8.5rem 5rem;
}

}

@media screen and (max-width: 767px) {
.coupon .c-title {
	font-size: 3.1rem;
}
.coupon .c-contents {
	width: 92%;
	padding: 250vw 2.5rem 2rem;
	margin: 15rem auto 3rem;
}
.coupon .c-contents .c-area {
	flex-direction: column;
	width: 75%;
	top: -14rem;
}
.coupon .c-contents .c-area > div {
	position: relative;
}
.coupon .c-contents .c-area > div +  div {
	margin-top: 1rem;
}

.coupon .c-code {
	font-size: 3.0rem;
	top: 65%;
}
.coupon .copy-button {
	font-size: 1.6rem;
}

.coupon .c-contents h3 {
	font-size: 1.6rem;
	margin-bottom: .5rem;
	margin: .5rem 0 1rem;
}
.coupon .c-contents li {
	font-size: 1.4rem;
}



}