/* ==========================================================================
   Business Styles
   ========================================================================== */

/* Index Styles
   -------------------------------------------------------------------------- */
#content .index {
	margin: 0 0 10px 0;
}
#content .index p,
#content .index ul {
	margin: 25px 0 0 0;
}
#content .index h1 + p {
	margin: 20px 0 0 0;
}
#content .index ul li {
	padding: 0 0 0 16px;
	background: url(/eco/career/story/common/img/icn_circle_blue.png) 0 center no-repeat;
}
#content .index .button {
	margin: 30px 0 10px 0;
	text-align: center;
}
#content .index a img {
	background: url(/eco/career/story/common/img/bg_dot01.png) 0 0 repeat;
	padding: 10px;
}

#content .index ul.images {
	overflow: hidden;
}

#content .index ul.images li {
	float: left;
	width: 23.92578125%;
	padding: 0 0 0 0;
	background: none;
}

#content .index ul.images li + li {
	margin: 0 0 0 1.3671875%;
}

#content .index ul.images li img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	#content .index {
    margin: 0;
	}

	#index #content header h1 img {
		width: 250px;
	}
}


/*×·¼Ó£º¥á¥¤¥óдÕ沿·Ö
------------------------------------------------------------*/

#category-title p {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	height: 320px;
	background: url(/eco/career/story/common/img/bg_business_ttl.jpg) no-repeat left top;
}

@media screen and (max-width: 1023px) {
	#index #category-title p {
	width: 728px;
	background: url(/eco/career/story/common/img/bg_business_ttl_tb.jpg) no-repeat left top;
	}
}


@media screen and (max-width: 767px) {
	#index #category-title p {
	width: 100%;
	height: 150px;
	background: url(/eco/career/story/common/img/bg_business_ttl_sp.jpg) no-repeat left top;
	background-size: 100% auto;
	}
}