/****************************************
		page Setting 
*****************************************/
.sec_work .tit_line {
	margin-bottom: 30px;
}
.work_list .col3 {
	margin-bottom: 50px;
}
.work_list h2 {
	font-size: 16px;
	padding-top: 10px;
	text-align: center;
}
.sec_work02 table {
	width: 650px;
	margin: 0 auto;
	font-size: 16px;
}
.sec_work02 th,.sec_work02 td {
	text-align: left;
	padding: 10px 40px;
	border-bottom: 1px dotted #000;
	font-weight: normal;
}
.sec_work02 th {
	width: 40%;
	white-space: nowrap;
}

.photo_list {
	padding: 0 2%;
}

.photo_list li {
	float: left;
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.photo_list li:nth-of-type(5n) {
	margin-right: 0;
}

.photo_list li .case_img {
	position: relative;
	overflow: hidden;
	height: 145px;
}

.photo_list li .case_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/****************************************
		Mobile Setting 
*****************************************/
@media (max-width: 767px) {
	.work_list .col3 {
		width: 80%;
		float: none;
		margin: 0 auto 5%;
	}
	.work_list h2 {
	    font-size: 110%;
	}
	.sec_work02 table {
		font-size: 110%;
		width: 95%;
		margin: 3% auto 0;
	}
	.sec_work02 th,.sec_work02 td {
		padding: 5%;
	}
	
	.photo_list li {
		width: 32.5%;
		margin-right: 1.25%;
		margin-bottom: 1%;
	}

	.photo_list li:nth-of-type(5n) {
		margin-right: 1.25%;
	}
	
	.photo_list li:nth-of-type(3n) {
		margin-right: 0;
	}

	.photo_list li .case_img {
		height: 145px;
	}
}


@media (max-width: 480px) {
	.photo_list {
		padding: 0;
	}
	
	.photo_list li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	
	.photo_list li:nth-of-type(3n),
	.photo_list li:nth-of-type(5n) {
		margin-right: 0;
	}
	
	.photo_list li:nth-of-type(2n+1) {
		margin-right: 2%;
	}
	
	.photo_list li .case_img {
		height: 115px;
	}

}