@charset "utf-8";

.step {
	position: relative;
	background: #ffffff;
	border: 5px solid #e1e1e1;
	margin-bottom:40px;
	padding:15px 10px 10px;
	font-size:18px;
}
.step:after, .step:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.step:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.step:before {
	border-color: rgba(225, 225, 225, 0);
	border-top-color: #e1e1e1;
	border-width: 37px;
	margin-left: -37px;
}
.step-last {
	border: 5px solid #e1e1e1;
	margin-bottom:40px;
	padding:15px 10px 10px;
	font-size:18px;
}

.step h3,.step-last h3 {
	color: #81c2ec;
	font-size:18px;
	font-weight:bold;
}
.setsumei {
	font-size:13px;
	margin-top:30px !important;
}


@media only screen and (max-width:640px){
	.step,.step-last {
		font-size:15px;
	}
	.step h3,.step-last h3 {
		font-size:15px;
	}
	.setsumei {
		margin-top:15px !important;
	}
}