@charset "utf-8";
/*------------------------------------------------------------
	gallery
------------------------------------------------------------*/
#main {
	margin-bottom: 88px;
}
#main p {
	margin-bottom: 40px;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.95;
}
#main .phoList {
	max-width: 1500px;
	margin: -40px auto 0;
}
#main .phoList li {
	margin: 40px 2% 0 0;
	width: 23.5%;
}
#main .phoList li:nth-child(4n) {
	margin-right: 0;
}
#main .comLink {
	margin: 90px auto 0;
	width: 980px;
}
#main .comLink a {
	padding: 19px;
	font-size: 2rem;
}
#main .comLink a span {
	padding-left: 75px;
	position: relative;
}
#main .comLink a span::after {
	position: absolute;
	top: 50%;
	left: -8px;
	width: 32px;
	height: 40px;
	transform: translateY(-50%);
	background: url(../img/common/icon04.png) no-repeat center center / 100% auto;
	content: '';
}
#main .comLink a span::before {
	position: absolute;
	top: 50%;
	left: 33px;
	width: 30px;
	height: 40px;
	transform: translateY(-50%);
	background: url(../img/common/icon05.png) no-repeat center center / 100% auto;
	content: '';
}
@media all and (max-width: 896px) {
	#main .phoList {
		max-width: inherit;
		padding: 0 20px;
		margin: -7px auto 0;
		justify-content: space-between;
	}
	#main .phoList li {
		margin: 7px 0 0 0;
		width: 49%;
	}
	#main .phoList li:nth-child(4n) {
		margin-right: 0;
	}
	#main .phoList li:nth-child(3n) {
		margin-right: 0;
	}
	#main .comLink {
		margin: 30px auto 0;
		width: 90%;
		max-width: 500px;
	}
	#main .comLink a span {
		padding-left: 30px;
	}
	#main .comLink a span::after {
		left: -13px;
		width: 20px;
	}
	#main .comLink a span::before {
		left: 9px;
		width: 20px;
	}
}