@charset "utf-8";
/* slider------------------------*/
#slider { position:relative; width:100%; height: auto; }
#sliderInner { position:relative; left:50%; width: 2700px; margin-left:-1350px; }
#sliderInner li img{ width: 100%; }

/* bg_present */
.bg_present{ padding: 60px 0 90px; background: url(../img/top/bg_present.jpg) no-repeat center top; }
.bg_present h2{ margin: 0 auto 40px; text-align: center; }
.bg_present p{ width: 570px; margin: 0 auto 40px; line-height: 1.9; color: #000; }

/* news */
.news{ width: 100%; /*float: left;*/ margin-left: 20px; font-size: 0.9em; }
.news div{ height: 200px; overflow-y:auto; width: 100%;/* float: right; */ }
.news h2{ margin-bottom: 40px; }
.news p{ margin-bottom: 20px; padding: 0 0 10px 10px; border-bottom: 1px dotted #8e8e8e; }
.news p:last-child{ padding-bottom: 0; border: 0; }
.bnrs{ width: 100%; /*float: right; */display: flex; flex-wrap: wrap;/* margin-top: 50px; */ padding-top: 50px;}
.bnrs li{ margin-bottom: 10px; /* width: 25%; */ width: calc(100% / 3); padding: 0 5px; box-sizing: border-box;}
.bnrs li:first-child{ display: none; }

#slider-c{ margin-top: 60px; }

/*1100px 以下  980px-1099px */
@media screen and (max-width:1099px) {
		
	.slider_txt{ width: 35%; top: 65%; left: 50%; margin-left: -25%; }
		
}

/*980px 以下  768px-979px */
@media screen and (max-width:979px) {
	
	/* slider------------------------*/
	#sliderInner { width: 2100px; margin-left:-1050px; }
	
	/* bg_present */
	.bg_present{ padding: 30px 0 60px; background-size: 900px 286px; }
	.bg_present h2{ width: 55%; margin: 0 auto 30px; }
	.bg_present p{ width: 60%; margin: 0 auto; }

	/* news */
	.news{ width: auto; float: none; margin-left: 0; }
	.news h2{ width: 55%; margin: 0 auto 20px; }
	.news div{ margin-bottom: 30px; }
	.news p{ margin-bottom: 15px; }
	.bnrs{ width: auto; float: none; overflow: hidden; }
	.bnrs li{ width: 30%; float: left; margin: 0 1%; }
	
	#slider-c{ margin-top: 40px; }
	
}

/*768px 以下*/
@media screen and (max-width:767px) {
	
	/* slider------------------------*/
	#sliderInner { width: 1500px; margin-left:-750px; }
	#slider{ height: 400px; overflow: hidden; }

	/* bg_present */
	.bg_present{ padding: 20px 0; background-size: 400px 127px; }
	.bg_present h2{ width: 80%; margin: 0 auto 20px; }
	.bg_present p{ width: 80%; font-size: 0.9em; }

	/* news */
	.news h2{ width: 80%; }
	.news div{ margin-bottom: 20px; font-size: 0.85em; }
	.news p{ margin-bottom: 15px; }
	.bnrs li{ width: 80%; float: none; margin: 10px auto; }
	/*.bnrs li:first-child{ display: block; }*/
	
	#slider-c{ margin-top: 20px; }

	
}