/* mvv */
#mvv .mainWrap{
	padding: 50px 0;
	width: 100%;
}
#mvv .loopWrap{
	display: flex;
	align-items: center;
	overflow: hidden;
}
#mvv .loop{
	background: url("../images/mvvloop.png") repeat-x;
	width: 100%;
	height: 66px;
	animation: loop1 18s infinite linear;
}
#mvv .reverse{
	animation: loop2 18s infinite linear;
}
@keyframes loop1{
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1476px 0;
	}
}
@keyframes loop2{
	from {
		background-position: -1476px 0;
	}
	to {
		background-position: 0 0;
	}
}
#mvv .secTtl{
	margin-top: 50px;
	line-height: 1;
	text-align: center;
}
#mvv .secTtl .main{
	display: block;
	font-size: 48px;
	margin-top: 10px;
	letter-spacing: 0.1em;
}
#mvv .secTtl .sub{
	display: block;
	font-size: 16px;
	color: var(--main-color);
	letter-spacing: 0.2em;
}
#mvv .bgWrap{
	padding: 0 30px;
}
#mvv .chart{
	margin: auto;
	max-width: 1200px;
	position: relative;
}
#mvv .chart img{
	margin: auto;
	max-width: 700px;
}
#mvv .mission{
	width: 350px;
	position: absolute;
	left:0;bottom:80px;
	background: url("../images/mission_bg.svg") no-repeat;
	background-position: 175px 77px;
}
#mvv .mission h3{
	margin-top: 100px;
	line-height: 1;
}
#mvv .mission .main{
	margin-top: 10px;
	font-size: 36px;
	display: block;
}
#mvv .mission .sub{
	font-size: 18px;
	display: block;
	color: #00c8d6;
}
#mvv .mission p{
	margin-top: 10px;
	max-width: 300px;
	text-align: justify;
}
#mvv .vision{
	width: 470px;
	position: absolute;
	left:0;top:50px;
	background: url("../images/vision_bg.svg") no-repeat;
	background-position: 148px 39px;
}
#mvv .vision h3{
	line-height: 1;
}
#mvv .vision .main{
	margin-top: 10px;
	font-size: 36px;
	display: block;
}
#mvv .vision .sub{
	font-size: 18px;
	display: block;
	color: var(--main-color);
}
#mvv .vision p{
	margin-top: 10px;
	max-width: 332px;
	text-align: justify;
}
#mvv .values{
	padding-left: 153px;
	width: 380px;
	position: absolute;
	right:0;top:280px;
	background: url("../images/values_bg.svg") no-repeat;
	background-position: 10px 35px;
}
#mvv .values h3{
	line-height: 1;
}
#mvv .values .main{
	margin-top: 10px;
	font-size: 36px;
	display: block;
}
#mvv .values .sub{
	font-size: 18px;
	display: block;
	color: #ffb600;
}
#mvv .values p{
	margin-top: 10px;
	max-width: 300px;
	text-align: justify;
}
@media screen and (max-width:1200px) {
	/* mvv */
	#mvv .chart img{
		max-width: 580px;
	}
	#mvv .mission{
		bottom: 78px;
	}
	#mvv .mission p{
		max-width: 250px;
	}
	#mvv .vision{
		top: 0px;
	}
	#mvv .vision p{
		max-width: 300px;
	}
	#mvv .values{
		padding-left: 175px;
		top: 200px;
		background-position: 35px 39px;
	}
}
@media screen and (max-width:1100px) {
	#mvv .mission{
		width: 300px;
	}
}
@media screen and (max-width:1000px) {
	/* mvv */
	#mvv .mainWrap{
		padding: 30px 0;
	}
	#mvv .loop{
		height: 33px;
		background-size: auto 33px;
	}
	#mvv .secTtl{
		margin-top: 30px;
	}
	#mvv .secTtl .main{
		font-size: 28px;
		margin-top: 10px;
	}
	#mvv .secTtl .sub{
		font-size: 14px;
	}
	#mvv .bgWrap{
		padding: 0 20px;
	}
	#mvv .chart img{
		margin: auto;
		max-width: 100%;
	}
	#mvv .mission{
		width: 100%;
		position: static;
		background: none;
		padding-bottom: 20px;
		border-bottom: 1px solid #FFFFFF;
	}
	#mvv .mission h3{
		margin-top: 0;
	}
	#mvv .mission .main{
		margin-top: 5px;
		font-size: 28px;
	}
	#mvv .mission .sub{
		font-size: 14px;
	}
	#mvv .mission p{
		margin-top:5px;
		max-width: none;
	}
	#mvv .vision{
		width: 100%;
		position: static;
		background: none;
		margin-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #FFFFFF;
	}
	#mvv .vision .main{
		margin-top: 5px;
		font-size: 28px;
	}
	#mvv .vision .sub{
		font-size: 14px;
	}
	#mvv .vision p{
		margin-top: 5px;
		max-width: none;
	}
	#mvv .values{
		width: 100%;
		position: static;
		background: none;
		padding-left: 0;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	#mvv .values .main{
		margin-top: 5px;
		font-size: 28px;
	}
	#mvv .values .sub{
		font-size: 14px;
	}
	#mvv .values p{
		margin-top: 5px;
		max-width: none;
	}
}