.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.p001 > div {
    background: url(/wakaru/link/img/cabpugr1.jpg) no-repeat top 55px right 100px;
    padding: 20px 325px 20px 20px;
}


.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;
}



@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.p001 > div {
    background: url(/wakaru/link/img/cabpugr1.jpg) no-repeat bottom 40px center;
    padding: 10px 10px 170px 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;
	}
}




/* word_box */
.word_box {
	border: 3px solid #f3f5ed;
}
.word_box h3 {
	padding: 10px 0;
	background: #f3f5ed;
}
.word_box h3 span {
	color: #2aa477;
	font-weight: bold;
	font-size: 1.8rem;
	position: relative;
	padding-left: 30px;
}
/*.word_box h3 span:before {
	position: absolute;
	content: url(/wakaru/common/img/ico_light.png);
	left: 0;
}*/
.word_box .inner {
	padding: 18px 25px;
}
#P01 .word_box .hasImg {
	padding-right: 310px;
	min-height: 215px;
	background: url(/wakaru/seminar/koredake/img/2018/p01_img_05.png) no-repeat right top;
}
.word_box .caution > span:nth-child(1) {
	float: left;
}
.word_box .caution > span:nth-child(2) {
	overflow: hidden;
	display: block;
}
@media screen and (max-width:768px) {
	#P01 .word_box .hasImg {
		padding-right: 0;
		padding-top: 195px;
		background: url(/wakaru/seminar/koredake/img/2018/p01_img_05.png) no-repeat center top;
		margin-bottom: 15px;
	}
	.word_box .inner {
		padding: 12px 8px;
	}
}

#link div.m_btnArea {
	width: 100%;
}
#link .p_box_w {
	display: inline-block;
	width: 49%;
    text-align: center;
    border: 1px solid #48ae88;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(23, 124, 87, 0.48);
    position: relative;
    vertical-align: top;
    height: 77px;
}
#link .p_box_w:nth-child(n+3) {
    margin-top: 10px;
}
#link .p_box_w:nth-child(n+1) {
    margin-right: 1%;
}


#link .p_box_w:hover {
	opacity: 0.7;
}

#link .p_box_w a {
	display: table;
	text-decoration: none;
	color: #333;
	font-size: 1.6rem;
	font-size: 1.4rem;
	width: 100%;
	height: 100%;
	text-align: center;
}
#link .p_box_w a span {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 1020px) {
	#link .p_box_w a {
		font-size: 1.56vw;
		font-size: 1.37vw;
	}
	#link .p_box_w {
		height: 9.84vw;
	}
}
@media screen and (max-width: 768px) {
	#link .p_box_w {
		display: block;
		height: 14.84vw;
		width: 100%;
	}
#link .p_box_w:nth-child(n+2) {
    margin-top: 10px;
}
#link .p_box_w:nth-child(n+1) {
    margin-right: 1%;
}


	#link div.m_box {
		margin-bottom: 15px;
	}
	#link div.m_box .p_fontL {
		font-size: 3.3vw;
	}
}
