.table {
	border: 1px solid #e2e2e2;
	border-collapse:separate;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 40px;
}
.table + .table {
	margin-top: -20px;
}
.table > p,
.table > div {
	display: table-cell;
}
.table > p {
	white-space: nowrap;
	border-radius: 8px 0 0 8px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	width: 160px;
	text-align: center;
	background: url(/wakaru/seminar/step1/img/2018/p01_img_03.png) no-repeat center #5dae40;
}
.table.blue > p {
	background: url(/wakaru/seminar/step1/img/2018/p01_img_04.png) no-repeat center #29aaa6;
}
.table.red > p {
	background: none;
	background-color: #ea7153;
}
.table.orange > p {
	background: none;
	background-color: #f49c00;
}
.table.perple > p {
	background: none;
	background-color: #7652a4;
}
.table > div {
	width: 840px;
	padding: 20px 325px 100px 20px;
	background: url(/wakaru/seminar/step1/img/2018/p01_img_01.png) no-repeat top 20px right 50px;
}
.table.p0501 > div {
	background: url(/wakaru/seminar/step1/img/2018/p05_img_01.gif) no-repeat top 20px right 50px;
	padding: 20px 325px 20px 20px;
}
.table.p0502 > div {
	background: url(/wakaru/seminar/step1/img/2018/p05_img_02.gif) no-repeat top 20px right 50px;
	padding: 20px 325px 20px 20px;
}
.table.p0503 > div {
	background: url(/wakaru/seminar/step1/img/2018/p05_img_03.gif) no-repeat top 20px right 50px;
	padding: 20px 325px 20px 20px;
}
.table.blue > div {
	background: url(/wakaru/seminar/step1/img/2018/p01_img_02.png) no-repeat top 20px right 50px;
}
.table.red > div {
	width: 840px;
	padding: 20px 325px 100px 20px;
	background: url(/wakaru/seminar/step1/img/2018/p02_img_01.png) no-repeat top 20px right 50px;
}
.table.orange > div {
	background: url(/wakaru/seminar/step1/img/2018/p02_img_02.png) no-repeat top 20px right 50px;
}
.table.perple > div {
	width: 840px;
	padding: 20px 20px 100px 20px;
	background: none;
}
.table > div p:first-child {
	font-size: 1.8rem;
}
.table > div p + p {
	margin-top: 10px;
}
.p_clm2 {
	width: 100%;
	display: table;
}
.p_clm2 > * {
	vertical-align: top;
	display: table-cell;
}
.p_clm2 > *.m_lead {
	width: 70%;
}
.p_clm2 > *.m_pic {
	width: 29.999%;
	text-align: right;
}
h2.omake {
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #fbc615;
	padding: 5px 11px 3px;
	border-radius: 4px;
}
@media screen and (max-width: 768px) {
	.table {
		margin-top: 20px;
	}
	.table > p {
		display: block;
		font-size: 2.0rem;
		text-align: center;
		padding: 17px 0;
		width: 100%;
		background: url(/wakaru/seminar/step1/img/2018/p01_img_03.png) no-repeat top right 54px #5dae40;
		border-radius: 3px 3px 0 0;
		background-size: 37px;
	}
	.table > div {
		background: url(/wakaru/seminar/step1/img/2018/p01_img_01.png) no-repeat bottom 10px center;
		padding: 10px 10px 205px 10px;
	}
	.table.blue > div {
		background: url(/wakaru/seminar/step1/img/2018/p01_img_02.png) no-repeat bottom 10px center;
		padding: 10px 10px 205px 10px;
	}
	.table.blue > p {
		background: url(/wakaru/seminar/step1/img/2018/p01_img_04.png) no-repeat top -15px right 28px #29aaa6;
		background-size: 62px;
	}
	.table.red > div {
		background: url(/wakaru/seminar/step1/img/2018/p02_img_01.png) no-repeat bottom 10px center;
		padding: 10px 10px 220px 10px;
	}
	.table.orange > div {
		background: url(/wakaru/seminar/step1/img/2018/p02_img_02.png) no-repeat bottom 10px center;
		padding: 10px 10px 220px 10px;
	}
	.table.p0501 > div {
		background: url(/wakaru/seminar/step1/img/2018/p05_img_01.gif) no-repeat bottom 10px center;
		padding: 10px 10px 170px 10px;
	}
	.table.p0502 > div {
		background: url(/wakaru/seminar/step1/img/2018/p05_img_02.gif) no-repeat bottom 10px center;
		padding: 10px 10px 170px 10px;
	}
	.table.p0503 > div {
		background: url(/wakaru/seminar/step1/img/2018/p05_img_03.gif) no-repeat bottom 10px center;
		padding: 10px 10px 100px 10px;
	}
	.p_clm2 > * {
		display: block;
	}
	.p_clm2 > *.m_lead {
		width: 100%;
	}
	.p_clm2 > *.m_pic {
		width: 100%;
		text-align: center;
	}
}