#overview,
#representative-member {
	padding: 4rem 2rem;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

h1 {
	font-size: 2rem;
	margin-bottom: 2.5rem;
}

h2 {
	margin-top: 1rem;
}

.kana {
	margin-bottom: 1rem;
}

.image-group {
	flex-basis: 40%;
	max-width: 50vw;
	margin-left: auto;
	margin-right: auto;
}

.explanation {
	flex-basis: 50%;
}

#overview,
#representative-member,
#members {
	display: flex;
	flex-flow: row;
}

/* スマートフォン */
@media(max-width: 765px) {

	#overview,
	#representative-member,
	#members {
		display: flex;
		flex-flow: column;
		padding-top: 0;
	}

	.image-group {
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}

	#members .member {
		margin-bottom: 1.5rem;
	}

	#overview .explanation {
		order: 0;
	}

	#overview .image-group {
		order: 1;
		margin-right: 0;
		max-width: none;
	}

	#representative-member .explanation {
		margin-bottom: 1rem;
	}

	#members .member .explanation {
		order: 0;
	}

	#members .member .image-group {
		order: 1;
	}
}

#overview .image-group,
#representative-member .image-group {
	margin-top: auto;
	margin-bottom: auto;
}

#overview .image-group {
	margin-left: 0;
}

#overview .image-group .tilt-logo {
	height: auto;
	width: 100%;
	object-fit: contain;
	transform: translate(-50%, -50%) rotate(10deg);
}

#members {
	padding: 0rem;
	justify-content: space-evenly;
}

#members .member {
	flex-basis: 30%;
	height: fit-content;
	display: flex;
	flex-flow: column;
}

#members .member .image-group {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#members .member h2,
#members .member p {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	word-break: keep-all
}

#overview .image-group {
	transform: rotate(3deg);
}

#representative-member .image-group {
	transform: rotate(-5deg);
}

#members .member:nth-child(1) .image-group {
	transform: rotate(-4deg);
}

#members .member:nth-child(2) .image-group {
	transform: rotate(6deg);
}