.intro-banner {
	padding: 58px 0 0;
	color: #C78E76;
	font-size: 100px;
	font-family: 'Tobias';
	overflow: hidden;
	border-bottom: 1px solid black;
	height: 490px;
}
.intro-banner .layout {
	width: 100%;
	margin: 0 auto;
	letter-spacing: -2px;
	line-height: 123px;
}
.intro-banner .col1 {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	max-width: 1318px;
}
.intro-banner .col1 .stag-animate-title span {
	margin-left: 47px;
}
.intro-banner .col1 .img1 {
	width: 148px;
	height: 148px;
	margin: 0 auto;
	position: absolute;
	top: -43px;
	right: 37.5%;
	object-fit: cover;
}
.intro-banner .block-c {
	text-align: center;
	width:100%;
}
.intro-banner .col2 {
	margin: -22px auto 0;
	display: flex;
	justify-content: space-between;
	position: relative;
	max-width: 1314px;
}
.intro-banner .col2 .img2 {
	width: 173px;
	height: 210px;
	object-fit: cover;
	position: absolute;
	left: -63px;
	top: -135px;
	z-index: 0;
}
.intro-banner .col2 .block {
	position: relative;
	z-index: 1;
}
.intro-banner .col2 .img3 {
	width: 148px;
	height: 194px;
	object-fit: cover;
	position: absolute;
	bottom: -60px;
	right: 23.2%;
}
@media all and (max-width:1220px) {
	.intro-banner {
		font-size:90px;
	}
	.intro-banner .layout {
		width:96%;
	}
	.intro-banner .block-c {
		position: relative;
		z-index: 1;
	}
}
@media all and (max-width:990px) {
	.intro-banner .col1 .stag-animate-title span {
		margin-left: 0;
	}
	.intro-banner {
		font-size: 78px;
		height: 475px;
		padding: 42px 0 0;
	}
}
@media all and (max-width:768px) {
	.intro-banner {
		font-size:65px;
	}
	.intro-banner .col1 .img1 {
		width:93px;
		height:93px;
	}
	.intro-banner .col2 .img2 {
		width: 106px;
		height: 128px;
		left: -17px;
	}
	.intro-banner .col2 .img3 {
		width: 116px;
		height: 153px;
	}
	
	.intro-banner .col1 .stag-animate-title span {
		margin-left: 90px;
	}
	.intro-banner .block-c {
		position: relative;
		z-index: 1;
		max-width: 347px;
		margin: 0 auto;
		display: block;
		line-height: 1.1;
	}
	.intro-banner .col1 .b {
		text-align:right;
	}
	.intro-banner .layout {
		width: 100%;
		margin: 0 auto;
		letter-spacing: -2px;
		line-height: 127px;
	}
}
@media all and (max-width:670px) {
	.intro-banner .col1 .stag-animate-title span {
		margin-left: 25px;
	}
}
@media all and (max-width:580px) {
	.intro-banner .col1 {
		flex-direction: column;
	}
	.intro-banner .layout {
		line-height: 75px;
	}
	.intro-banner .col1 .b {
		text-align: right;
		margin: -17px 0 0 0;
	}
	.intro-banner .block-c {
		position: relative;
		z-index: 1;
		max-width: 347px;
		margin: 7px auto 52px;
		display: block;
		line-height: 1;
	}
	.intro-banner .col2 .img2 {
		width: 106px;
		height: 128px;
		left: -8px;
		top: -199px;
	}
	.intro-banner .col2 .img3 {
		width: 104px;
		height: 128px;
		bottom: 11px;
		right: 9.2%;
	}
	.intro-banner .col1 .stag-animate-title span {
		margin-left: 0;
	}
	.intro-banner .col1 .a .stag-animate-title {
		display: flex;
	}
	.intro-banner .col1 .a .stag-animate-title > div {
		display: flex !important;
		justify-content: space-between;
		width: 98%;
	}
	.intro-banner .col2 {
		margin: -30px auto 0;
		display: flex;
		justify-content: space-between;
		position: relative;
		max-width: 1314px;
		flex-direction: column;
		line-height: 1;
	}
	.intro-banner .col1 .stag-animate-title span {
		margin-left: 0px;
	}
}
@media all and (max-width:470px) {
	.intro-banner .col1 .img1 {
		right: 28.5%;
	}
	.intro-banner .col2 .img2 {
		width: 106px;
		height: 128px;
		left: -5px;
		top: -211px;
	}
	.intro-banner .layout {
		line-height: 75px;
		width: 98%;
	}
}