#footer .ft_logo{
	padding: 43px 0 64px 79px;
}
body{
	min-width: 1180px;
}
#key {
	background: url(../img/work/bg_key.jpg) no-repeat center/cover;
	z-index: 0;
}
.key_ttl {
	pointer-events: none;
    padding-top: 557px;
    /* margin-right: 19px; */
    position: relative;
    z-index: -1;
}
#sec1 {
	position: relative;
	background: url(../img/work/bg1.jpg) repeat center top;
	padding: 109px 0 0px;
	overflow: hidden;
}
#sec1 .txt {
	padding: 71px 0 215px;
	width: 425px;
}
#sec1 .photo {
	position: absolute;
	bottom: 0;
	right: -154px;
}
#sec1:before {
	background: #e6cfa7;
	position: absolute;
	bottom: -729px;
	left: 0;
	right: 0;
	content: '';
	height: 1000px;
	webkit-transform: skewY(-26.2deg);
	-ms-transform: skewY(-26.2deg);
	-o-transform: skewY(-26.2deg);
	transform: skewY(-26.2deg);
}
#sec2 {
	position: relative;
	background: url(../img/work/bg_sec2.jpg) no-repeat center/cover;
	color: #fff;
	padding: 84px 0 139px;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;		
}
#sec2 .txt {
	padding: 106px 0 0 581px;
	margin-right: -20px;
}
#sec2 .txt p {
	padding-bottom: 30px;
}
#sec2 h2 {
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #fff;
	padding: 136px 39px 137px 55px;
}
#sec3 {
	position: relative;
	background: url(../img/work/bg2.jpg) repeat center top;
	padding: 141px 0 132px;
}
#sec3 .box1, #sec3 .box2, #sec3 .box3 {
	margin-left: -96px;
	margin-right: -105px;
}
#sec3 .box1 {
	background: url(../img/work/bg_sec3_01.jpg) no-repeat center top;
	position: relative;
	margin-bottom: 96px;
}
#sec3 .box1 dl {
	padding: 138px 0 105px 558px;
}
#sec3 .box1 dl dd {
	padding-top: 35px;
}
#sec3 .box1 .photo1 {
    position: absolute;
    bottom: 0;
    left: 19px;
}
#sec3 .box2 {
	background: url(../img/work/bg_sec3_03.jpg) no-repeat center top;
	position: relative;
	margin-bottom: 106px;
}
#sec3 .box2 dl {
	padding: 116px 0 117px 96px;
	width: 557px;
}
#sec3 .box2 dl dd {
	padding-top: 43px;
}
#sec3 .box2 .photo1 {
	position: absolute;
	bottom: 0;
	right: 67px;
}
#sec3 .box3 {
	background: url(../img/work/bg_sec3_03-03.jpg) no-repeat center top;
	position: relative;
}
#sec3 .box3 dl {
	padding: 113px 0 98px 549px;
}
#sec3 .box3 dl dd {
	padding-top: 51px;
	padding-left: 11px;
}
#sec3 .box3 .photo1 {
    position: absolute;
    bottom: 0;
    left: 4px;
}
#sec4 {
	position: relative;
	padding: 72px 0 102px;
}
#sec4 .list div {
	position: relative;
	cursor: pointer;
}
#sec4 .list div:after {
	background: url(../img/work/icon_on.png) no-repeat center top;
	width: 20px;
	height: 10px;
	position: absolute;
	bottom: 23px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	content: '';
	z-index: 2;
}
#sec4 .list div:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	opacity: 0;
	transition: all .5s ease;
}
#sec4 .list div dl {
	color: #fff;
	position: absolute;
	top: 54px;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	transition: all .5s ease;
}
#sec4 .list div dl dt {
	text-align: center;
	padding-bottom: 30px;
}
#sec4 .list div dl dd {
	padding-left: 23px;
	padding-right: 5px;
}
#sec4 .list div:hover:before {
	opacity: 1;
}
#sec4 .list div:hover dl {
	opacity: 1;
}
#sec4 .info1:before {
	background: url(../img/work/sec4_bnr1_on.jpg) no-repeat center top;
}
#sec4 .info2:before {
	background: url(../img/work/sec4_bnr2_on.jpg) no-repeat center top;
}
#sec4 .info3:before {
	background: url(../img/work/sec4_bnr3_on.jpg) no-repeat center top;
}
#sec4 .list div + div {
	margin-left: 6px;
}