@charset "utf-8";

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub1/image6.jpg) no-repeat; background-size: cover; background-position: center;}

#banner { padding-top: 160px; }

#banner > .banner-in > .txt { position: relative; margin-top: 80px; } 
#banner > .banner-in > .txt > img:nth-of-type(1) { position: absolute; right: 0px; top: -480px; }
#banner > .banner-in > .txt > img:nth-of-type(2) { position: absolute; left: 0px; top: -380px; }

#banner > .banner-in > .txt > p { font-size: 13px; line-height: 22px; }

#banner2 { background: #000; margin-top: 160px; }
#banner2 .banner2-in { height: 558px; background: url(../img/sub1/image6.jpg); background-size: cover; background-position: center; opacity: 0.5; }


@media (max-width: 1200px) { 

	#banner > .banner-in { padding: 0px 20px; }
	#banner > .banner-in > .txt > img:nth-of-type(1) { width: 300px; right: -20px; top: -400px; }
	#banner > .banner-in > .txt > img:nth-of-type(2) { width: 300px; left: -20px; top: -120px; }

}


@media (max-width: 768px) { 
	
	#main { height: 50vh; margin-top: 78px; }

	#banner { padding-top: 100px; }
	#banner > .banner-in > .txt { margin-top: 60px; }
	#banner > .banner-in > .txt > img:nth-of-type(1) { width: 180px; top: -260px; }
	#banner > .banner-in > .txt > img:nth-of-type(2) { width: 180px; top: -0px; }
	#banner > .banner-in > .txt > p { font-size: 12px; }
	#banner2 { margin-top: 100px; }
	#banner2 .banner2-in { height: 40vh; }

}


@media (max-width: 420px) {
	
	#banner { padding-top: 80px; }
	#banner > .banner-in > .txt { margin-top: 40px; }
	#banner > .banner-in > .txt > img:nth-of-type(1) { width: 100px; top: -180px; }
	#banner > .banner-in > .txt > img:nth-of-type(2) { width: 100px; top: auto; bottom: -40px; }
	#banner > .banner-in > .txt > p { font-size: 11px; }
	#banner2 { margin-top: 60px; }
}