.intro-conbox {
	position: relative;
	width: 100%;
	max-width: 1600px;
	min-width: 1300px;
	height: 100vh;
	margin: 0 auto;
}
.intro-conbox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100vw;
	min-width: 1600px;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url('../image/intro/bg_intro.png');
	background-position: right 0 center;
}
.intro-img-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 870px;
	padding-top: 90px;
	text-align: center;
}
.intro-img-wrap > hr {
	display: block;
	margin: 30px 0;
	width: 2px;
	background-color: #545c80;
	animation: height 0.5s 0.7s both;
}
.intro-img-wrap > span {
	display: block;
}
.intro-img-wrap > .logo {
	animation: fadeUp 0.5s 0.2s both;
}
.intro-img-wrap > .text {
	animation: fadeUp 0.5s 1.5s both;
}
.intro-img-wrap > .text + .text {
	margin-top: 60px;
	animation: fadeUp 0.5s 2s both;
}
@keyframes height {
	0%{height: 0;}
	100%{height: 97px;}
}
@keyframes fadeUp {
	0%{transform:translateY(15px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}