div.main-banner
{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	column-gap: 10px;
	row-gap: 10px;
	width: 100%;
	padding-bottom: 50px;
}

	div.main-banner-content
	{
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 3;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 20px;
	}
	
		span.main-banner-slogan
		{
			display: block;
			font-size: 42px;
			line-height: 46px;
			font-weight: 700;
			margin: 30px 0px;
			color: #5b5b5b;
		}
		
			span.main-banner-slogan span
			{
				color: var(--color-main);
			}
		
		span.main-banner-title
		{
			display: block;
			font-size: 14px;
			font-weight: 500;
			line-height: 20px;
			color: #5b5b5b;
		}
		
		span.main-banner-description
		{
			display: block;
			font-size: 18px;
			font-weight: 500;
			line-height: 24px;
			color: #5b5b5b;
		}
		
		button.btn-main-banner
		{
			padding: 15px 40px;
			font-size: 18px;
		}
	
		div.main-banner-img-cell
		{
			border-radius: 10px;
		}
		
		div.main-banner-img-cell.main
		{
			grid-column-start: 4;
			grid-column-end: 6;
			grid-row-start: 1;
			grid-row-end: 3;
			background: #f8f8f8;
		}
		
		div.main-banner-img-cell.one
		{
			background: #f8f8f8;
		}
		
		div.main-banner-img-cell.two
		{
			background: #e6f9f6;
		}
		
		div.main-banner-img-cell.three
		{
			background: #fff0ec;
		}
		
		div.main-banner-img-cell.four
		{
			background: #e6f8ff;
		}
	
			img.home-banner-img
			{
				width: 100%;
				height: 100%;
				object-fit: contain;
			}