@charset "utf-8";
/* CSS Document */
.main-banner{
	background-color: #000;
	position: relative;
}
.main-banner img{
	width: 100%;
	height: auto;
	display: block;
	opacity: 0.4;
	min-height: 300px;
	object-fit: cover;
    object-position: center center;
}
.banner-text-cont{
	position: absolute;
	width: 100%;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner-text-cont h1{
	color: #fff;
	text-align: center;
	max-width: 900px;
	margin: 0 auto 8px auto;
	display: block;
	font-size: 2.5rem;
	line-height:3.1rem;
}
.banner-text{
	display: block;
	margin-bottom: 0;
	font: 600 1.8rem / 2.4rem 'Rubik', sans-serif;
	color: #fff;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
@media only screen and (min-width: 500px){
	
}
@media only screen and (min-width: 768px){
	.banner-text-cont h1{
		font-size: 3.0rem;
		line-height:4.0rem;
		margin: 0 auto 15px auto;
	}
}
@media only screen and (min-width: 921px){
	
}
@media only screen and (min-width: 1025px){
	.banner-text-cont h1{
		font-size: 4.0rem;
		line-height:5.0rem;
	}
}
@media only screen and (min-width: 1300x){
	
}
@media only screen and (min-width: 1500px){
	.banner-text-cont h1{
		font-size: 5.0rem;
		line-height:6.0rem;
	}
}