/*//////////////////////////////////////// 01「食物アレルギーとは？」 ////////////////////////////////////////*/

#main01-1 .image {
	width: 13em;
}
#main01-2 .image {
	width: 22em;
}

/*//////////////////////////////////////// 02「アナフィラキシーとは？」 ////////////////////////////////////////*/

#main02-1 .image {
	width: 21em;
}

/* アドレナリンの自己注射製剤（エピペン®）とは */
#column02-1 .image {
	width: 13em;
}
	html.PC #column02-1 > div {
		width: 45em;
	}

/*//////////////////////////////////////// 03「食物アレルギーとまちがえられやすい症状」 ////////////////////////////////////////*/
#cases > div {
	border: 0 dotted #ccc;
}
#cases + div {
	margin-top: 2em;
}

	html.PC #cases {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	html.PC #cases > div {
		position: relative;
		display: table-cell;
		vertical-align: top;
		border-right-width: 2px;
		padding: 0.5em 2em;
	}
	html.PC #cases > div:first-child {
		border-left-width: 2px;
	}
	html.PC #cases h3 {
		width: 50%;
		margin: 0;
	}
	html.PC #cases p {
		margin-top: 2em;
	}
	html.PC #cases .image {
		position: absolute;
		right: 1em;
		top: 1em;
	}
	html.PC #cases .image img {
		width: auto;
		height: 65px;
	}
		html.SP #cases > div {
			position: relative;
			border-top-width: 2px;
			padding: 1.5em 0;
		}
		html.SP #cases > div:last-child {
			border-bottom-width: 2px;
		}
		html.SP #cases h3 {
			margin: 0;
			font-size: 100%;
		}
		html.SP #cases h3 img {
			width: auto;
			height: 4em;
		}
		html.SP #cases .image {
			position: absolute;
			right: 0;
			top: 1.5em;
		}
		html.SP #cases .image img {
			width: auto;
			height: 4em;
		}
		html.SP #cases p {
			margin-top: 1em;
		}