@charset "utf-8";
/* -----------------------------
 tau-health/story.css
----------------------------- */

main {
	line-height: 200%;
}

main p {
	margin-bottom: 1em;
}

main .single {
	max-width: 800px;
	margin: 100px;
	margin-top: 0px;
}

main .double {
	display: flex;
	align-items: stretch;
	width: 100%;
}

main .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* -----------------------------
 PC
----------------------------- */
@media screen and (min-width:1000px) {
	main .double:nth-of-type(odd) {
		flex-direction: row-reverse;
	}

	main .double .txt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		width: 50%;
	}

	main .double .txt > div {
		max-width: 500px;
		margin: 50px;
	}

	main .double .img {
		width: 50%;
	}
}

/* -----------------------------
 Tablet
----------------------------- */
@media screen and (max-width:999px) {
	main .double {
		flex-direction: column-reverse;
	}

	main .double .txt {
		max-width: 800px;
		margin: 100px;
	}
}


/* -----------------------------
 SP
----------------------------- */
@media screen and (max-width:639px) {
	main .single {
		margin: 0px 10px 100px;
	}

	main .double .txt {
		margin: 100px 10px;
	}
}