/* =========================================================
   Contact call-to-action band
   ========================================================= */

.kb-cta {
	background: url("../../img/lpb/pc-action-bg.png") center / cover;
	text-align: center;
}
.kb-cta__top {
	display: block;
	width: 100%;
	padding-top: 16px;
}
.kb-cta__band { margin-inline: -12px; }
.kb-cta__board {
	position: relative;
	margin-inline: auto;
	padding-inline: 12px;
}
.kb-cta__board-pc { display: none; }
.kb-cta__call img {
	display: block;
	width: 100%;
}
.kb-cta__number {
	position: absolute;
	bottom: 4%;
	left: 20%;
	color: #fff;
	font-size: 2.3rem;
	font-weight: 800;
	line-height: 1.5;
}
.kb-cta__watch {
	display: block;
	margin: 16px auto 0;
}
.kb-cta__note {
	margin: 0;
	padding-block: 16px 32px;
	font-size: 16.8px;
	font-weight: 700;
	line-height: 1.5;
}

@media (min-width: 576px) {
	.kb-cta__top {
		width: auto;
		max-width: none;
		margin: 0 auto;
		padding-top: 48px;
	}
	.kb-cta__board-pc {
		display: block;
		width: 100%;
	}
	.kb-cta__call { display: none; }
	.kb-cta__number {
		bottom: 7%;
		left: 22%;
		font-size: 3rem;
	}
}
@media (min-width: 769px)  { .kb-cta__number { font-size: 3.5rem; } .kb-cta__note { font-size: 18px; } }
@media (min-width: 992px)  { .kb-cta__board { width: 66.66666667%; } }
@media (min-width: 1201px) { .kb-cta__number { font-size: 4rem; } }
@media (min-width: 1401px) { .kb-cta__number { font-size: 5rem; } }