@charset "utf-8";
#visual {
	position: absolute;
	height: 1020px;
	top: 0;
	overflow: hidden;
}

#visual .visual-inner {
	position: relative;
	padding-top: 461px;
	z-index: 10;
}

#visual .visual-inner h3,
#visual .visual-inner p {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	color: #fff;
}

#visual .visual-inner h3 {
	font-size: 60px;
	font-weight: 100;
	line-height: 70px;
	margin-bottom: 31px;
}

#visual .visual-inner h3 strong {
	font-weight: bold;
}

#visual .visual-inner p {
	font-size: 28px;
}

#visual .visual-slide {
	position: absolute;
	height: 1020px;
	top: 0;
	left: 50%;
	margin-left: -1000px;
}

#visual .visual-slide .visual_btn {
	position: absolute;
	top: 707px;
	left: 50%;
	margin-left: 480px;
	z-index: 100;
}

#visual .visual-slide .visual_btn a {
	display: block;
	width: 18px;
	height: 18px;
}

#visual .visual-slide .visual_btn a.stop {
	background: url(../images/main/btn_stop.png) no-repeat 0 0;
}

#visual .visual-slide .visual_btn a.play {
	background: url(../images/main/btn_play.png) no-repeat 0 0;
}

#visual .visual-slide .visual_btn a span {
	position: relative;
	display: block;
	text-indent: -9999px;
}

#container {
	height: 1313px;
}

#contents {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding-top: 655px;
}

#contents .introduce {
	position: relative;
	overflow: hidden;
	z-index: 5;
}

#contents .introduce .company {
	float: left;
	width: 550px;
	height: 550px;
	background: url(../images/main/bg_company.jpg) no-repeat 0 0;
}

#contents .introduce .company .section-inner {
	padding: 50px 0 0 50px;
}

#contents .introduce .company h4 {
	margin-bottom: 24px;
	font-size: 34px;
	font-weight: bold;
	color: #202521;
	line-height: 1;
}

#contents .introduce .company .desc {
	margin-bottom: 93px;
	font-size: 15px;
	color: #878b88;
	line-height: 23px;
}

#contents .introduce .company .slogan {
	width: 340px;
	margin-bottom: 141px;
	color: #9d6700;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
}

#contents .introduce .company .slogan strong {
	font-size: 30px;
	line-height: 35px;
	color: #824900;
}

#contents .introduce .company .view-more {
	display: inline-block;
	width: 150px;
	height: 44px;
	font-size: 13px;
	line-height: 46px;
	color: #4eb100;
	text-indent: 23px;
	background: url(../images/main/bg_link1.png) no-repeat 0 0;
}

#contents .introduce .company .view-more:hover {
	color: #fff;
	background-position: 0 -44px;
	text-decoration: none;
}

#contents .introduce .product {
	float: left;
	width: 550px;
	height: 275px;
	background: url(../images/main/bg_product.jpg) no-repeat 0 0;
}

#contents .introduce .product .section-inner {
	padding: 35px 0 0 40px;
}

#contents .introduce .product h4 {
	margin-bottom: 23px;
	font-size: 30px;
	color: #fff;
	line-height: 1;
}

#contents .introduce .product p {
	font-size: 15px;
	color: #b9bdba;
	line-height: 23px;
	margin-bottom: 55px;
}

#contents .introduce .product .view-more {
	display: inline-block;
	width: 150px;
	height: 44px;
	font-size: 13px;
	line-height: 46px;
	color: #4eb100;
	text-indent: 23px;
	background: url(../images/main/bg_link2.png) no-repeat 0 0;
}

#contents .introduce .product .view-more:hover {
	color: #282d29;
	background-position: 0 -44px;
	text-decoration: none;
}

#contents .introduce .inquiry,
#contents .introduce .video {
	width: 275px;
	height: 275px;
	float: left;
}

#contents .introduce .inquiry {
	background: #4eb100;
}

#contents .introduce .inquiry .section-inner {
	padding: 40px 0 0 40px;
}

#contents .introduce .inquiry h4 {
	margin-bottom: 22px;
	font-size: 30px;
	color: #fff;
	line-height: 1;
}

#contents .introduce .inquiry p {
	font-size: 15px;
	color: #dfffc6;
	line-height: 23px;
	margin-bottom: 52px;
}

#contents .introduce .inquiry .view-more {
	display: inline-block;
	width: 150px;
	height: 44px;
	font-size: 13px;
	line-height: 46px;
	color: #fff;
	text-indent: 23px;
	background: url(../images/main/bg_link3.png) no-repeat 0 0;
}

#contents .introduce .inquiry .view-more:hover {
	color: #4eb100;
	background-position: 0 -44px;
	text-decoration: none;
}

#contents .introduce .video {
	background: url(../images/main/bg_video.jpg) no-repeat 0 0;
}

#contents .introduce .video a {
	display: block;
	width: 275px;
	height: 275px;
	background: url(../images/main/video_play.png) no-repeat 0 0;
}

#contents .introduce .video a:hover {
	background-position: 0 -275px;
}

#contents .notice .section-inner {
	padding: 41px 50px;
	overflow: hidden;
}

#contents .notice h3,
#contents .notice p {
	float: left;
}

#contents .notice h3 {
	height: 27px;
	margin-right: 42px;
	line-height: 27px;
	font-size: 18px;
	font-weight: bold;
	color: #282d29;
	padding-left: 43px;
	background: url(../images/main/bl_notice.png) no-repeat 0 50%;
}

#contents .notice p {
	color: #717973;
	line-height: 27px;
	font-size: 15px;
}

#contents .notice p a {
	color: #717973;
}

#contents .notice p .date {
	padding-left: 6px;
	color: #a1a5a2;
	font-size: 13px;
}

#contents .notice .view-more {
	float: right;
	color: #a1a5a2;
	font-size: 13px;
}