#nov-banner {
	container-type: inline-size;
	padding: 35px 0 31px;
}
#nov-banner .nb-inner {
	--u: min(1px, calc(100cqw / 1338));
	height: calc(268 * var(--u));
	background-color: #1b1b1b;
	background-image: url("../images/banner/back.jpg");
	background-image: -webkit-image-set(url("../images/banner/back.webp") 1x, url("../images/banner/back@2x.webp") 2x);
	background-image: image-set(url("../images/banner/back.webp") 1x, url("../images/banner/back@2x.webp") 2x);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 2px 4px 5.9px 2px rgba(0, 0, 0, 0.1);
}
#nov-banner .nb-gift {
	position: relative;
	flex: 0 0 auto;
	width: calc(358.1 * var(--u));
	margin: calc(44.2 * var(--u)) 0 0 calc(28.9 * var(--u));
}
#nov-banner .nb-gift img,
#nov-banner .nb-type img {
	height: auto;
}
#nov-banner .nb-type {
	position: relative;
	flex: 0 0 auto;
	width: calc(535.1 * var(--u));
	margin: calc(0.8 * var(--u)) 0 0 calc(14.6 * var(--u));
}
#nov-banner .nb-col {
	flex: 0 0 auto;
	width: calc(362 * var(--u));
	margin: calc(64 * var(--u)) 0 0 calc(0.3 * var(--u));
}
#nov-banner .nb-text {
	font-size: calc(24 * var(--u));
	line-height: calc(32.784 * var(--u));
	letter-spacing: calc(0.24 * var(--u));
	white-space: nowrap;
}
#nov-banner .nb-cta {
	width: calc(235 * var(--u));
	height: calc(45 * var(--u));
	margin-top: calc(23.4 * var(--u));
	padding: 0;
	border-radius: 54px;
	background-color: #f7c22f;
	color: #000;
	font-size: calc(20 * var(--u));
	line-height: 1;
}
#nov-banner .nb-cta span {
	color: #000;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#nov-banner .nb-inner {
		--u: min(1px, calc(100cqw / 960));
		justify-content: center;
	}
	#nov-banner .nb-type {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	#nov-banner {
		padding: 0;
		margin-bottom: 20px;
	}
	#nov-banner .nb-inner {
		--u: min(calc(100cqw / 390), 1.4px);
		flex-direction: column;
		align-items: center;
		height: calc(410 * var(--u));
		box-shadow: none;
		background-image: url("../images/banner/back-m.jpg");
		background-image: -webkit-image-set(url("../images/banner/back-m.webp") 1x, url("../images/banner/back-m@2x.webp") 2x);
		background-image: image-set(url("../images/banner/back-m.webp") 1x, url("../images/banner/back-m@2x.webp") 2x);
	}
	#nov-banner .nb-type {
		width: calc(361.2 * var(--u));
		margin: calc(6 * var(--u)) 0 0;
	}
	#nov-banner .nb-col {
		z-index: 2;
		width: calc(362 * var(--u));
		margin: calc(-16.2 * var(--u)) 0 0;
	}
	#nov-banner .nb-text {
		font-size: calc(18 * var(--u));
		line-height: calc(24.588 * var(--u));
		letter-spacing: calc(0.18 * var(--u));
	}
	#nov-banner .nb-cta {
		margin-top: calc(14.8 * var(--u));
		font-size: calc(20 * var(--u));
	}
	#nov-banner .nb-gift {
		order: 3;
		align-self: flex-start;
		width: calc(202.3 * var(--u));
		margin: calc(-2 * var(--u)) 0 0 calc(50% - 7 * var(--u));
	}
}
@supports (text-box: trim-both cap alphabetic) {
	#nov-banner .nb-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}