.play .body {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 1em;
}

.play .guide {
	position: absolute;
}

.play .answers .answer {
	position: relative;
}
.play .answers .answer .audio {
	position: absolute;
	left: calc(3em - 0.5em);
	bottom: calc(1em - 0.5em);
	padding: 0.5em;
}


@media (max-width: 640px) {
	.play .caption {
		margin: 1em 0;
	}
	.play .guide {
		left: 1em;
		top: 0.5em;
	}
	.play .japanese {
		width: 40%;
		margin: 0 2%;
	}
}


@media (min-width: 641px) {
	.play .guide {
		right: 0;
		top: 0;
	}

	.play .japanese {
		margin-right: 1em;
	}

	.play .answers {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}
	
	.play .answer:nth-of-type(1) {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.play .answer:nth-of-type(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.play .answer:nth-of-type(3) {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.play .answer:nth-of-type(4) {
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}

	.play .answers .answer:nth-of-type(even) {
		transform: translateY(1em);
	}
}