@charset "utf-8";

/*-----------------------------------------------------
works
-------------------------------------------------------*/

/* タイトル */
.titleSection{
	margin-bottom: 130px;
}

.titleSection .title{
	display: inline-block;
	width: 284px;
	height: 48px;
	background: url(../images/works/title.png) bottom center no-repeat;
}


/* 一覧 */
.indexSection{
	width: 1100px;
	margin: 0 auto 190px;
}

.indexSection ul{
	overflow: hidden;
	position: relative;
	margin-right: -140px;
}

.indexSection li{
	float: left;
	width: 480px;
	height: 480px;
	margin-right: 139px;
}

.indexSection li a,
.indexSection li span.nolink{
	display: block;
	text-decoration: none;
}

.indexSection li .pct{
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	display: block;
	width: 480px;
	height: 300px;
	margin-bottom: 25px;
}
	.indexSection li .pct img{
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	.indexSection li .pct:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

.indexSection li .text{
	display: block;
	font-size: 13px;
	line-height: 23px;
	padding-left: 52px;
	background: url(../images/works/icon-link.png) left 8px no-repeat;
}

.indexSection .btn{
	padding-top: 27px;
	text-align: center;
}