@charset "UTF-8";

@media screen and (max-width: 767px) {
	.slide-out { background: url("../img/common/mainBg_sp.png") center 0 no-repeat; background-size: cover; }
	#slide-position li { width: 100%; height: 450px; }
	#slide-position li .in { position: absolute; top: 35px; left: 4%; right: 2%; }
	
	#slide-position li h2 { color: #fff; font-size: 26px; font-weight: bold; }
	#slide-position li:nth-child(1) h2 { color: #fff; font-size: 36px; font-weight: bold; }
	#slide-position li h2 span { font-size: 0.7em; }
	#slide-position li p { color: #fff; margin-bottom: 20px !important; }
	#slide-position li div img { width: 90%; margin: 0 auto;}
}
@media screen and (min-width: 768px) {
	.slide-out { background: url("../img/common/mainBg.png") center 0 no-repeat; }
	#slide-position li { width: 100%; height: 750px; }
	#slide-position li .in { position: absolute; top: 100px; left: 20%; }
	
	#slide-position li h2 { color: #fff; font-size: 55px; font-weight: bold; }
	#slide-position li:nth-child(1) h2 { color: #fff; font-size: 72px; font-weight: bold; }
	#slide-position li h2 span { font-size: 0.7em; }
	#slide-position li p { color: #fff; margin-bottom: 40px; }
	#slide-position li div { margin-bottom: 100px;}

}
@media screen and (min-width: 768px) and (max-width: 960px) {
	#slide-position li h2 { font-size: 48px; }
	#slide-position li h2:nth-child(1) { font-size: 60px; }
	#slide-position li div img { width: 90%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#slide-position li .in { position: absolute; top: 100px; left: 3%; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	#slide-position li .in { position: absolute; top: 100px; left: 4%; }
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
	#slide-position li .in { position: absolute; top: 100px; left: 4%; }
}