.franchise-banner {
	.text_box {
		display: flex;
		flex-direction: column;
		grid-gap: 32px;
		max-width: 850px;
		margin: 0 auto 8px;
	}

	.img_box {
		max-width: 725px;
		margin: 0 auto;

		img {
			width: 100%;
			display: block;
			object-fit: contain;
		}
	}

	.boxes {
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 16px;
		max-width: 990px;
		margin: 0 auto;
		padding: 16px;
		background-color: #FAF7F4A3;
		border-radius: 16px;

		.box {
			display: flex;
			flex-direction: column;
			gap: 24px;
			padding: 16px;
			border-radius: 16px;
		}

		span {
			font-size: 40px;
			font-weight: 500;
			line-height: 1.2;
			color: var(--title-color);
		}
	}

	.img_box + .boxes {
		margin-top: -55px;
	}

	@media(max-width: 1199px) {
		br {
			display: none;
		}

		.text_box {
			max-width: 585px;
			margin-bottom: 32px;
		}

		.img_box {
			max-width: 345px;
		}

		.boxes {
			grid-gap: 8px;
			max-width: 570px;
			padding: 8px;

			span {
				font-size: 24px;
			}
		}

		.img_box + .boxes {
			margin-top: -25px;
		}
	}

	@media(max-width: 767px) {
		.text_box {
			margin-bottom: 24px;
		}

		.boxes {
			grid-template-columns: 1fr 1fr;

			.box:nth-child(3n) {
				grid-column: 1 / -1;
			}
		}
	}
}