.project-all{
	padding-top: 20px;
}
.project-all .container {
	border-top: 1px solid #f0f0f0;
}

h2.title-coop {
	position: relative;
	padding-top: 88px;
	font-size: 30px;
	color: #333;
	text-align: center;
}
h2.title-coop {
	position: relative;
	z-index: 2;
	transition: opacity 1.2s, transform 1.2s;
}
@media (min-width: 62em) {
	h2.title-coop.letmove {
		/*transform: translateY(40px);
				opacity: 0;*/

	}
	h2.title-coop.move {
		transform: translateY(0px);
		opacity: 1;
	}
}
h2.title-coop::after {
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 2px;
	background: #336633;
}

.project-edit {
	margin-top: 65px;
	padding-bottom: 85px;
	transition: opacity 1.2s, transform 1.2s;
}
@media (min-width: 62em) {
	.project-edit.letmove {
		transform: translateY(40px);
		opacity: 0;
	}
	.project-edit.move {
		transform: translateY(0px);
		opacity: 1;
	}
}
.project-edit p.p-1 {
	line-height: 27px;
	font-size: 14px;
	color: #999;
}
.project-edit p.br-1 {
	height: 16px;
}

.power-all {
	padding-top: 80px;
	padding-bottom: 16px;
	background: #f0f0f0;
}
.power-list {
	margin-top: 88px;
	font-size: 0;
	transition: opacity 1.2s, transform 1.2s;
}
@media (min-width: 62em) {
	.power-list.letmove {
		transform: translateY(40px);
		opacity: 0;
	}
	.power-list.move {
		transform: translateY(0px);
		opacity: 1;
	}
}
.power-one {
	display: inline-block;
	padding-bottom: 50px;
	width: 25%;
	text-align: center;
}
.power-one-img,
.power-one-desc {
	display: inline-block;
	vertical-align: top;
}
.power-one-img {
	border: 1px solid #bababa;
	width: 88px;
	height: 88px;
	line-height: 88px;
	border-radius: 50%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.power-one-desc {
	position: relative;
	width: 160px;
	height: 88px;
}
.power-one-desc span {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 160px;
	font-size: 14px;
	color: #555;
	text-align: center;
}

.case-list {
	font-size: 0;
	width: 1248px;
}
.case-one {
	display: inline-block;
	border: 1px solid #e1e1e1;
	margin-right: 12px;
	margin-bottom: 10px;
	width: 300px;
	height: 124px;
	line-height: 124px;
	text-align: center;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: opacity 1.2s, transform 1.2s;
}
@media (min-width: 62em) {
	.case-one.letmove {
		transform: translateX(30px);
		opacity: 0;
	}
	.case-one.move {
		transform: translateX(0px);
		opacity: 1;
	}
}

.case-all {
	padding-top: 85px;
	padding-bottom: 80px;
}
.case-list {
	margin-top: 86px;
}

.contact-all {
	padding-top: 76px;
	padding-bottom: 50px;
	background: #f0f0f0;
}
.contact-list {
	margin-top: 72px;
	font-size: 0;
	text-align: center;
}
.contact-one {
	display: inline-block;
	position: relative;
	padding: 49px 32px; 
	border: 1px solid #fff;
	margin-right: 45px;
	margin-bottom: 50px;
	margin-left: 45px;
	width: 274px;
	height: 346px;
	background: #fff;
	vertical-align: top;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s, transform 1.2s, opacity 1.2s;
}
@media (min-width: 62em) {
	.contact-one-1.letmove,
	.contact-one-3.letmove {
		transform: translateX(-45px);
		/*opacity: 0;*/
	}
	.contact-one-3.letmove {
		transform: translateX(45px);
	}
	.contact-one-1.move,
	.contact-one-3.move {
		transform: translateX(0px);
		opacity: 1;
	}
	.contact-one-2.letmove {
		/*transform: translateY(45px);
		opacity: 0;*/
	}
	.contact-one-2.move {
		transform: translateY(0px);
		opacity: 1;
	}
}
.contact-one:hover {
	border: 1px solid #336633;
}
.contact-one h3 {
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 34px;
	font-size: 20px;
	color: #333;
}
.contact-one p {
	margin-bottom: 8px;
	font-size: 14px;
	color: #666;
}
.contact-one a.a-contact {
	position: absolute;
	left: 50%;
	bottom: 42px;
	transform: translateX(-50%);
	padding: 5px 16px;
	border: 1px solid #999;
	font-size: 14px;
	color: #999;
	border-radius: 4px;
	transition: .3s;
}
.contact-one a.a-contact:hover {
	border: 1px solid #336633;
	color: #fff;
	background: #336633;
}

@media (max-width: 1241px) {
	.case-list {
		width: 100%;
		text-align: center;
	}
	.case-one {
	    margin-right: 6px;
	    margin-left: 6px;
	}
}

@media (max-width: 48em) {
	h2.title-coop {
		padding-top: 40px;
	    margin-bottom: 40px;
	    font-size: 23px;
	}
	h2.title-coop::after {
	    bottom: -11px;
	    margin-left: -14px;
	    width: 26px;
	    height: 2px;
	}

	.project-edit {
	    margin-top: 0;
	    padding-bottom: 40px;
	}
	.project-edit p.p-1 {
	    line-height: 24px;
	}

	.power-all {
	    padding-top: 0;
	    padding-bottom: 20px;
	    text-align: center;
	}
	.power-list {
		margin-top: 0;
	}
	.power-one {
	    padding-bottom: 40px;
	    width: 40%;
	    padding-right: 15px;
	    padding-left: 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.power-one-img {
		margin-bottom: 25px;
	}
	.power-one-desc {
		display: block;
		width: auto;
		height: auto;
	}
	.power-one-desc span {
		width: 100%;
	}

	.case-all {
	    padding-top: 0;
	    padding-bottom: 30px;
	}
	.case-list {
		margin-top: 0;
	}

	.contact-all {
	    padding-top: 0;
	    padding-bottom: 10px;
	}
	.contact-list {
		margin-top: 0;
	}
	.contact-one {
	    margin-right: 0;
		margin-bottom: 36px;
	    margin-left: 0;
	}
}

@media (max-width:34em) {
	.power-one {
	    width: 50%;
	}

	.case-one {
		max-width: 100%;
	}
}