.banner-product {
	overflow: hidden;
	&__inner {
		position: relative;
	}
	&__text-container {
		padding-top: 40px;
		@include media-min($medium) {
			padding: 80px 0 160px;
			width: 60%;
		}
		@include media-min(1200px) {
			width: 50%;
			&.large {
				width: 66%;
				p {
					width: 80%;
				}
			}
		}
		h1 {
			font-size: 48px;
			font-weight: 700;
			line-height: 56px;
			color: #fff;
			@include media-min($medium) {
				font-size: 68px;
				font-weight: 700;
				line-height: 76px;
			}
		}
		p {
			font-size: 22px;
			font-weight: 300;
			line-height: 28px;
			text-align: left;
			color: #a2adb9;
			margin: 3.2rem 0;
		}
	}
	&__image-container {
		text-align: center;
		padding: 32px 0;
		.mb {
			margin: 24px auto;
			display: block;
		}
		.pc {
			display: none;
		}
		@include media-min($medium) {
			position: absolute;
			top: 40px;
			right: 0;
			padding: 0;
			.mb {
				display: none;
			}
			.pc {
				display: block;
			}
		}
		@include media-min($large) {
			right: -62px;
			&--position-right {
				right: 0;
			}
		}
	}
}