@charset "UTF-8";
body{
	background-image: url(../images/develop/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: right;
}
.content{
	background-color: rgba(226, 224, 221, 0.9);
	padding:3% 5%;
}
.titleBox{
	text-align: center;
	color: #534741;
	padding-bottom:3rem;
	padding-top: 5rem;
}
.titleBox .title span{
	display: block;
	font-size: 1rem;
	color: #a48f69;
	font-weight: 300;
}
.CaseList .Item{
	text-align: center;
	/*background-color: #fff;*/
	padding: 1rem;
	padding-bottom: 0;
	margin-bottom: 5rem;
	border: 1px solid #999;
}

.CaseList .Item .Txt .CaseName{
	color: #534741;
    font-size: 1.3rem;
    padding:0 10px;
    display: inline-block;
    background-color: #e1dfdc;
    transform: translateY(90%);
}
.CaseList .Item .Img{
	transform: translateY(-2rem);
	transition: 0.3s;
}
.CaseList .Item:hover .Img{
	transform: translateY(0);
}
.CaseList .Item .Img img{width: 100%;}



@media(max-width: 768px){
	.content {
		padding: 15%;
	}
}
@media(max-width: 480px){
	section{padding: 0;}
	
}