@charset "utf-8";

#coupon.spring {
	padding: 150px 0;
	background-image: url(../images/coupon/bg_01.webp), url(../images/coupon/bg_02.webp);
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
	background-position: top center, bottom center;
}
#coupon.summer {
	padding: 150px 0;
	background-image: url(../images/coupon/bgSummer_01.webp), url(../images/coupon/bgSummer_02.webp);
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
	background-position: top center, bottom center;
}
#coupon.autumn {
	padding: 150px 0;
	background-image: url(../images/coupon/bgAutumn_01.webp), url(../images/coupon/bgAutumn_02.webp);
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
	background-position: top center, bottom center;
}
#coupon.winter {
	padding: 150px 0;
	background-image: url(../images/coupon/bgWinter_01.webp), url(../images/coupon/bgWinter_02.webp);
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
	background-position: top center, bottom center;
}

#coupon .coupon_title {
	font-size: 4rem;
	line-height: 1.4;
	color: #8cc11f;
}
#coupon .coupon_title span {
	display: block;
	font-size:2.6rem;
}
#coupon .coupon_block {
	padding: 90px;
	margin-top: 90px;
	background: #FFF;
	border-radius: 12px;
	box-shadow: 0 2px 18px 1px rgb(38 37 36 / 20%);
}
#coupon .coupon_bnr:not(:first-child) {
	margin-top: 30px;
}
#coupon p.memo {
	text-align: center;
	margin-top: 60px;
}


@media screen and (max-width: 960px) {
	#coupon .coupon_title { 
		font-size: 3.2rem;
	}
	#coupon .coupon_title span {
		font-size: 2rem;
	}
	#coupon .coupon_block {
		margin-top: 60px;
		padding: 60px;
	}
}
@media screen and (max-width: 834px) {
	#coupon {
		padding: 120px 0;
	}
	#coupon .coupon_block {
		margin-top: 45px;
		padding: 45px;
	}
}
@media screen and (max-width: 560px) {
	#coupon.spring {
		padding: 90px 0;
		background-image: url(../images/coupon/bg_sp_01.webp), url(../images/coupon/bg_sp_02.webp);
		background-repeat: no-repeat, no-repeat;
		background-size: 100%, 100%;
		background-position: top center, bottom center;
	}
	#coupon.summer {
		padding: 90px 0;
		background-image: url(../images/coupon/bgSummer_sp_01.webp), url(../images/coupon/bgSummer_sp_02.webp);
		background-repeat: no-repeat, no-repeat;
		background-size: 100%, 100%;
		background-position: top center, bottom center;
	}
	#coupon.autumn {
		padding: 90px 0;
		background-image: url(../images/coupon/bgAutumn_sp_01.webp), url(../images/coupon/bgAutumn_sp_02.webp);
		background-repeat: no-repeat, no-repeat;
		background-size: 100%, 100%;
		background-position: top center, bottom center;
	}
	#coupon.winter {
		padding: 90px 0;
		background-image: url(../images/coupon/bgWinter_sp_01.webp), url(../images/coupon/bgWinter_sp_02.webp);
		background-repeat: no-repeat, no-repeat;
		background-size: 100%, 100%;
		background-position: top center, bottom center;
	}
	
	#coupon .coupon_title { 
		font-size: 2.8rem;
	}
	#coupon .coupon_title span {
		font-size: 1.6rem;
	}
	#coupon .coupon_block {
		margin-top: 30px;
		padding: 30px;
	}
	#coupon p.memo {
		margin-top: 30px;
	}
}
@media screen and (max-width: 430px) {
	#coupon {
		padding: 75px 0;
	}
	#coupon .coupon_title { 
		font-size: 2rem;
	}
	#coupon .coupon_block {
		margin-top: 30px;
		padding: 0;
		box-shadow: none;
	}
}
@media screen and (max-width: 320px) {
	#coupon {
		padding: 60px 0;
	}
	#coupon .coupon_title { 
		font-size: 1.6rem;
	}
	#coupon .coupon_title span {
		font-size: 1.2rem;
	}
}