main,
div.base {
	position: relative;
	width: 100%;
	max-width: var(--max_width);
	margin: 0 auto;
}

.flexbox3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.flexbox3 > * {
	width: calc(33.33333333% - 20px);
}

.flexbox3 > *:not(:nth-child(-n + 3)) {
	margin-top: 30px;
}

.flexbox3::after {
	content: "";
	width: calc(33.33333333% - 20px);
	margin-top: 30px;
}

/*PC1280*/
@media only screen and (max-width: 1280px) {
	main,
	div.base {
		width: var(--sp_width);
	}
}

/*PC1000*/
@media only screen and (max-width: 950px) {
	.flexbox3 > * {
		width: calc(50% - 10px);
	}

	.flexbox3 > *:not(:nth-child(-n + 2)) {
		margin-top: 20px;
	}

	.flexbox3:after {
		width: calc(50% - 10px);
		margin-top: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.flexbox3 > * {
		width: 100%;
	}

	.flexbox3 > *:not(:first-child) {
		margin-top: 20px;
	}

	.flexbox3:after {
		display: none;
	}
}