.cta_mobile_section{
	display: none;
}

.buy-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.buy-cta2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.campaign_cta {
	display: block;
	max-width: 1300px;
	width: 85%;
	margin: auto;
	margin-top: 1rem;
}

.buy-cta__image {
	margin: auto;
	width: 80%;
	max-width: 1300px;
}


.buy-cta__image_B {
	margin: auto;
	margin-top: 1rem;
	width: 80%;
	max-width: 1300px;
}

.buy-cta__content {
	margin: auto;
	margin-top: 1rem;
}

.buy-cta__button {
	display: inline-block;
	background: linear-gradient(135deg, #3cd100, #1fae00);
	font-size: 2rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 0.9rem 2rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.buy-cta__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.achivement {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 上下に余白 */
	background: linear-gradient(to bottom,
			#ffffff 0%,
			#fcaf10 50%,
			#ffffff 100%);
	padding: 10px 0;
}

.achivementNums_image {
	max-width: 1300px;
	width: 95%;
	height: auto;
	display: block;
}

.item-cta {
	background: linear-gradient(to bottom,
			#ffffff 0%,
			#fcaf10 15%,
			#fcaf10 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	/* 上下に余白 */
	padding-top: 10px;

}

.item-cta__image {
	max-width: 1300px;
	width: 100%;
	height: auto;
	display: block;
}


/* レスポンシブ対応 */
@media (max-width: 768px) {
	.buy-cta__image {
		width: 90%;
	}

	.buy-cta__image_B {
		width: 100%;
		max-width: 1300px;
	}

	.buy-cta__button {
		font-size: 1.5rem;
	}

	.achivementNums_image {
		max-width: 1300px;
		width: 60%;
		height: auto;
		display: block;
	}

}



/* ===== Banner base ===== */
.promo-banner {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 2147483000;
	/* 最前面に近い */
	display: inline-block;
	text-decoration: none;
	line-height: 0;
	/* 画像周りの余白を無くす */
	border-radius: 12px;
	/* お好みで角丸 */
	overflow: hidden;
	background: transparent;
}

/* PC時のサイズ（必要に応じて調整）*/
.promo-banner img {
	display: block;
	width: 320px;
	/* 画像の表示幅（デスクトップ） */
	height: auto;
	/* 縦横比を維持 */
}

/* ===== Hover（PCのみ効く）===== */
@media (hover:hover) and (pointer:fine) {
	.promo-banner:hover {
		transform: translateY(-2px);
		transition: transform .2s ease;
	}
}

/* ===== Mobile（幅 ≤ 768px 想定）===== */
@media (max-width: 768px) {
	.promo-banner {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0;
		/* iPhoneのホームバー回避 */
		padding-bottom: env(safe-area-inset-bottom, 0);
		/* 透過PNGの下地が必要なら */
	}
	.cta_2{
		display: none;
	}
	
	.cta_mobile_section{
		display: block;
		padding: 0.3rem 1rem;
		padding-bottom: 0;
	}
	.cta_mobile{
		width: 100%;
	}

	.promo-banner img {
		width: 100%;
		/* 画面幅いっぱい */
		max-width: 100%;
		/* はみ出し防止 */
		height: auto;
	}
	.footer{
		padding-bottom: 100px;
	}
}