@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#main {
	margin-bottom: 7.5rem;
}
#main .centerText {
	margin-bottom: 5.5rem;
	letter-spacing: 0.2em;
}
#main .centerText a {
	text-decoration: underline;
}
#main .worksUl {
	margin: -3.5rem 0 6.5rem;
}
#main .worksUl li {
	margin: 3.5rem 5% 0 0;
	width: 30%;
}
#main .worksUl li:nth-child(3n) {
	margin-right: 0;
}
#main .worksUl .photo {
	margin-bottom: 2rem;
}
#main .worksUl .photo img {
	width: 100%;
}
#main .worksUl .textBox .title {
	margin-bottom: 1.3rem;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 0.23em;
	line-height: 1.75;
	font-family: "Noto Serif JP", serif;
}
#main .worksUl .textBox .title .en {
	display: block;
	letter-spacing: 0.18em;
}
#main .worksUl .textBox .text {
	text-align: justify;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.13em;
	line-height: 2;
}
#main .worksUl .textBox .comBtn01 {
	margin-top: 1.7rem;
}
#main .worksUl .textBox .comBtn01 a {
	padding: 0.2rem 3rem;
}
#main .centerText01 {
	margin-bottom: 3rem;
}
#main .content > .comBtn01 a {
	padding: 0.2rem 1.5rem;
	letter-spacing: 0.1em;
}
#main .centerText01 span {
	display: block;
}
@media all and (min-width: 897px) {
	#main .centerText a:hover {
		color: #c7a35f;
	}
}
@media all and (max-width: 896px) {
	#main {
		margin-bottom: 9.2rem;
	}
	#main .centerText {
		margin-bottom: 5rem;
	}
	#main .headLine01 {
		margin-bottom: 3.5rem;
	}
	#main .worksUl {
		margin: 0 4.5rem 6.5rem;
		display: block;
	}
	#main .worksUl li {
		margin: 0 0 4rem 0;
		width: auto;
	}
	#main .worksUl li:last-child {
		margin-bottom: 0;
	}
	#main .worksUl .photo {
		margin-bottom: 3rem;
	}
	#main .worksUl .textBox .title {
		margin-bottom: 1.5rem;
		font-size: 2.24rem;
	}
	#main .worksUl .textBox .text {
		font-size: 1.82rem;
		font-weight: 400;
	}
	#main .worksUl .textBox .comBtn01 {
		margin: 2.5rem -4.3rem 0;
		text-align: center;
		width: auto;
	}
	#main .worksUl .textBox .comBtn01 a {
		margin: 0 auto;
		padding: 1.1rem 3rem;
		width: 45.5rem;
	}
	#main .centerText01 {
		margin-bottom: 3.2rem;
		text-align: center;
		font-size: 1.96rem;
		letter-spacing: 0.14em;
		line-height: 1.81;
	}
	#main .centerText01 span {
		margin-top: 3.6rem;
	}
	#main .content > .comBtn01 a {
		padding: 1.1rem 1.5rem;
		letter-spacing: 0.05em;
	}
}