header {
	> div.pc {
		background-color: #333;
		padding-bottom: 10px;
	}
	> div.sp {
		background-color: #333;
		> div {
			background-color: unset;
		}
	}
}
section.top {
	padding: 200px 5% 0px 5%;
	@media (width < 1090px) {
		padding: 150px 5% 30px 5%;
	}
	> div {
		max-width: 1000px;
		margin-inline: auto;
		> h2 {
			font-size: 3.0rem;
			line-height: 1.3;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.05em;
			text-align: center;
			font-family: var(--font-serif2);
		}
		> p {
			font-size: min(1.2rem, 5.5vw);
			line-height: 1.2;
			color: #333;
			font-weight: 900;
			letter-spacing: 0.1em;
			text-align: center;
			font-family: var(--font-serif2);
		}
	}
}
section.staff {
	padding: min(70px,9vw) 5% 150px 5%;
	> div {
		max-width: 1000px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(4,1fr);
		column-gap: 30px;
		row-gap: 60px;
		@media (width < 800px) {
			grid-template-columns: repeat(2,1fr);
		}
		> article {
			> figure:nth-of-type(1) {
				text-align: center;
				> img {
					max-width: 100%;
				}
			}
			> figure:nth-of-type(2) {
				margin-top: 20px;
				text-align: center;
				padding-inline: 10px;
				> img {
					max-width: 100%;
				}
			}
		}
	}
}