.main_content_01{ width: 100%; height: 610px; max-width: 1920px; margin: auto; display: flex; flex-flow: row wrap; background-color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.main_content_01>div{ width: 50%; transition: all 0.2s ease-in-out; }

	/* swiper slider */
	.visual_slide{ width: 100%; height: 100%; transition: height 0.2s ease-in-out; }
	.visual_img{ width: 100%; height: 100%; background-position: left 25% center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
	.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 90px !important; text-align: left; padding-left: 125px; transition: all 0.2s ease-in-out; }
	.main_content_01 .swiper-pagination-bullet{ border-color: rgb(255,255,255); border-radius: 0; background: transparent; }
	.main_content_01 .swiper-pagination-bullet-active{ background: rgb(255,255,255); }

.main_content_01>div:nth-of-type(2){ display: flex; flex-flow: row wrap; }
.main_content_01>div:nth-of-type(2)>a{ width: 50%; height: 50%; padding: 70px 50px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -ms-background-size: auto 100%; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }
.main_content_01>div:nth-of-type(2)>a:hover{ background-size: auto 110%; -webkit-background-size: auto 110%; -moz-background-size: auto 110%; -ms-background-size: auto 110%; }
.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 26px; color: rgb(255,255,255); font-weight: 600; transition: all 0.2s ease-in-out; }
.main_content_01>div:nth-of-type(2)>a>p{ margin-top: 10px; font-size: 16px; color: rgb(255,255,255); font-weight: 300; line-height: 26px; transition: all 0.2s ease-in-out; }


.main_content_02{ width: 100%; height: auto; margin: 40px auto; padding: 0 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease-in-out; }
.main_content_02>div{ width: 100%; height: auto; max-width: 1920px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.product_slide{ width: 100%; height: 300px; transition: height 0.2s ease-in-out; }
.product_slide .main_swiper_img{ width: 100%; height: 240px; background-color: rgba(0,0,0,0); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease-in-out; }
.product_slide .main_swiper_txt{ width: 100%; height: 60px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; transition: all 0.2s ease-in-out; }
.product_slide .swiper-slide{ cursor: pointer; }
.product_slide .swiper-button-next, .product_slide .swiper-button-prev{ width: 50px; height: 240px; margin-top: 0; top: 0; color: rgb(255,255,255); background-color: rgba(0,0,0,0.6); background-image: none; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; opacity: 0; transition: all 0.2s ease-in-out; }
.product_slide .swiper-button-prev{ left: 0; }
.product_slide .swiper-button-next{ right: 0; }



@media all and (max-width:1500px){

	.main_content_01>div:nth-of-type(1){ width: 40%; }
	.main_content_01>div:nth-of-type(2){ width: 60%; }

		/* swiper slider */
		.visual_img{ background-position: left 15% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 75px; }

	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 24px; }


}

@media all and (max-width:1200px){


		/* swiper slider */
		.visual_img{ background-position: left 20% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 60px; }

	.main_content_01>div:nth-of-type(2)>a{ padding: 70px 30px; }
	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 20px; }


}



@media all and (max-width:960px){

	.main_content_01{ height: auto; }
	.main_content_01>div{ width: 100% !important; height: 600px; }

		/* swiper slider */
		.visual_img{ background-position: left 25% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 50px; }

	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 26px; }


	.main_content_02{ padding: 0 40px; }
	.product_slide{ height: 180px; }
	.product_slide .main_swiper_img{ height: 140px; }
	.product_slide .main_swiper_txt{ height: 40px; }

    .product_slide .swiper-button-next, .product_slide .swiper-button-prev{ display: none; }


}



@media all and (max-width:650px){

	.main_content_01>div{ height: 400px; }

		/* swiper slider */
		.visual_img{ background-position: left 25% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 40px !important; }

	.main_content_01>div:nth-of-type(2)>a{ padding: 40px 20px; }
	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 20px; }
	.main_content_01>div:nth-of-type(2)>a>p{ font-size: 14px; line-height: 22px; }

}



@media (max-width:480px){

	.main_content_01>div{ height: 300px; }

		/* swiper slider */
		.visual_img{ background-position: left 20% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 30px; bottom: 20px !important; }

	.main_content_01>div:nth-of-type(2)>a{ padding: 20px 0 20px 20px; }
	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 16px; }
	.main_content_01>div:nth-of-type(2)>a>p{ font-size: 12px; line-height: 18px; }

	.main_content_02{ margin: 20px 0; padding: 0 20px; }
	.product_slide{ height: 110px; }
	.product_slide .main_swiper_img{ height: 80px; }
	.product_slide .main_swiper_txt{ height: 30px; padding: 5px; font-size: 14px; }



}



@media (max-width:370px){

	.main_content_01>div{ height: 250px; }

		/* swiper slider */
		.visual_img{ background-position: left 25% center; }
		.main_content_01 .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 20px; bottom: 15px !important; }

	.main_content_01>div:nth-of-type(2)>a{ padding: 15px 20px; }
	.main_content_01>div:nth-of-type(2)>a>h4{ font-size: 16px; }
	.main_content_01>div:nth-of-type(2)>a>p{ font-size: 12px; line-height: 18px; }
	.main_content_01>div:nth-of-type(2)>a>p>span::before{ content: '\A'; white-space: pre; }

}