@charset "UTF-8";

/* home
================================*/

@media screen and (max-width: 1280px) {

	#main_slide {
		width:100%;
		max-width: 1020px;
		overflow: hidden;
		text-align:center;
	}

	#main_slide_inner {
		position: relative;
		left: 50%;
		/*width: 1280px;
		margin: 0 0 0 -640px;*/
		width: 1100px;
		margin: 0 0 0 -550px;
	}

	#main_slide .text {
		position: absolute;
		left: 5%;
		top: 110px;
	}

	#sub_slide {
		width: 100%;
	}

	#hero .image {
		width: 100%;
		overflow: hidden;
	}

	#hero .image .inner {
		position: relative;
		left: 50%;
		width: 1280px;
		margin: 0 0 0 -640px;
	}

	#hero .bg_bk .bg01 {
		display:none;
	}
}