/* Scss Document */
.content_pos, #sec4:before {
	content: "";
	position: absolute;
}
/*body {
	height: 4000px;
}
/*
#key li:nth-child(2) {
	background: url(../img/index/key_bg2.jpg) no-repeat center/cover;
}
*/
#key li:first-child  {
	background: url(../img/index/key_bg3.jpg) no-repeat center/cover;
}
/*
#key li:nth-child(4) {
	background: url(../img/index/key_bg4.jpg) no-repeat center/cover;
}*/
/*#key .slide1 div {
	float: left;
	height: 100%;
	width: 33.3%;
	position: relative;
}
#key .slide1 div:first-child {
	background: url(../img/index/key_bg1_01.jpg) no-repeat center/cover;
}
#key .slide1 div:nth-child(2) {
	background: url(../img/index/key_bg1_02.jpg) no-repeat center/cover;
}
#key .slide1 div:last-child {
	width: 33.4%;
	background: url(../img/index/key_bg1_03.jpg) no-repeat center/cover;
}
#key .slide1 div p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 358px;
	width: 358px;
}

@media screen and (max-width: 1600px) {
#key .slide1 div p {
	width: 67%;
}
}*/
#sec1 {
	background: url(../img/index/sec1_bg.jpg) repeat top center;
	padding: 64px 0 65px 0;
	color: #ffffff;
	line-height: 24px;
}
#sec1 .feed_img {
	float: left;
	width: 400px;
}
#sec1 .feed_img span:hover {
	opacity: 0.8;
}
#sec1 dl {
	float: right;
	width: 460px;
	margin: 32px 43px 0 0;
}
#sec1 dl .feed_ttl {
	font-weight: bold;
	text-decoration: underline;
	font-size: 18px;
	margin: 20px 0 10px 0;
}
#sec1 dl .feed_txt a {
	display: block;
	text-decoration: underline;
}
#sec2 {
	width: 100%;
	height: 861px;
	position: relative;
}
#sec2 ul,#sec2 .bx-wrapper,#sec2 .bx-viewport {
	width: 100%;
	height: 100%;
}
#sec2 ul li {
	width: 100%;
	height: 100%;
}
#sec2 ul li:nth-child(1) {
	background: url(../img/index/sec2_bg1.jpg) no-repeat center/cover;
}
#sec2 ul li:nth-child(2) {
	background: url(../img/index/sec2_bg2.jpg) no-repeat center/cover;
}
#sec2 #sec2Info {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 740px;
	padding-top: 121px;
}
#sec2 #sec2Info h2 {
	float: right;
	width: 419px;
}
#sec2 #sec2Info .sec2_txt {
	float: right;
	width: 338px;
	height: 550px;
	margin: 44px 14px 0;
}
#sec2 #sec2Info .sec2_btn {
	float: right;
	width: 85px;
	margin-top: 43px;
}
#sec3 {
	background: url(../img/index/sec3_bg_01.jpg) no-repeat top center/cover;
	color: #fff;
	position: relative;
	padding-top: 72px;
}
#sec3 .wrap {
	height: 852px;
	z-index: 1;
}
#sec3 .wrap h2 {
	width: 265px;
	top: 0;
	right: 28px;
	position: absolute;
}
#sec3 .wrap .sec3Info {
	width: 671px;
	bottom: -18px;
	left: 0;
	position: absolute;
}
#sec3 .wrap .sec3Info h3 {
	margin-left: -9px;
}
#sec3 .wrap .sec3Info .sec3_img {
	width: 172px;
	top: -45px;
	right: 0;
	position: absolute;
}
#sec3 .wrap .sec3Info .sec3_txt {
	line-height: 28px;
	margin: 22px 0 36px 0;
	width: 658px;
}
#sec4 {
	position: relative;
}
#sec4:before {
	width: 100%;
	height: 714px;
	top: auto;
	left: 0;
	bottom: 0;
	background: url(../img/index/sec4_bg.png) no-repeat top center/cover;
}
#sec4 .wrap {
	height: 958px;
	z-index: 1;
}
#sec4 .wrap h2 {
	width: 250px;
	top: -103px;
	right: -18px;
	position: absolute;
}
#sec4 .wrap .sec4_txt {
	width: 184px;
	top: -74px;
	right: 245px;
	position: absolute;
	height: 480px;
}
#sec4 .wrap .sec4_txt .plus {
	writing-mode: horizontal-tb;
	display: inline-block;
	line-height: 1em;
	text-align: center;
	text-indent: 0;
	letter-spacing:0.0em;
}
#sec4 .wrap .sec4_img {
	width: 740px;
	top: -56px;
	left: -168px;
	position: absolute;
}
#sec5 {
	background: url(../img/index/sec5_bg2.jpg) no-repeat bottom center/cover;
	padding: 57px 0 49px 0;
}
#sec5 .wrap {
	height: 988px;
}
#sec5 h2 {
	margin-right: -45px;
	text-align: right;
}
#sec5 .sec5_txt1 {
	margin: 5px 0 0 271px;
	width: 429px;
}
#sec5 .sec5_txt2 {
	width: 258px;
	top: 444px;
	right: 13px;
	position: absolute;
	height: 380px;
}
#sec5 .sec5_img {
	width: 560px;
	bottom: 0;
	left: 18px;
	position: absolute;
}
#sec5 .sec5_btn {
	width: 345px;
	bottom: 28px;
	right: 0;
	position: absolute;
}
#sec6 .jsFade {
	opacity: 1 !important;
	position: relative;
	width: 50%;
	overflow: hidden;
}
#sec6 .jsFade.visible {
	opacity: 1;
}
#sec6 .jsFade .gray {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#sec6 .jsFade .color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#sec6 .jsFade .pic img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: scale(1);
	width: 100%;
	height: auto;
}
#sec6 .jsFade:hover .pic img {
	transform: scale(1.08);
}
#sec6 .sec6_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -105px;
	z-index: 2;
}
#sec7 {
	background: url(../img/index/sec7_bg.jpg) repeat top center;
	padding: 63px 0 58px 0;
}
#sec7 h2 {
	margin-bottom: 39px;
}
#sec7 a {
	float: left;
	display: block;
	width: 230px;
	height: 230px;
}
#sec7 a + a {
	margin-left: 26px;
}