.region5wrap {border-top: 5px solid rgba(153,153,153,0.2);border-bottom: 5px solid rgba(153,153,153,0.2);padding: 20px 0;background: url(../images/bgslide.jpg) no-repeat;background-size: cover;}
.projects {display: flex;}
.project-kid{position:relative;}
.project-kid a{position: absolute;height: 100%;width: 100%;left: 0;top: 0;z-index: 9;}
.ttl {position: absolute;bottom: 30px;display: block;width: 100%;max-width: 200px;background-color: #fff;padding: 15px;color: #c9a176;font-size: 20px;transition: all 0.3s ease-in;}
.project-kid:hover .ttl{max-width:100%;padding-left:40px;transition: all 0.3s ease-out;}
@media(max-width: 600px){
	.project-3{order:1;}
	.project-2{order:2;}
	.project-1{order:3;}
	.projects {flex-direction: column;}
	.project-kid{margin-bottom: 5px;}
}