.ccm-page .ccm-flowbox{
	width: 100%;
}
.ccm-page .ccm-flowbox section{
	position: relative;
	margin-bottom:16px;
	border:1px dotted;
	padding: 8px 16px;
}
.ccm-page .ccm-flowbox section::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f061";/*fa-arrow-right*/
	top: 40%;
	position:absolute;
	font-size:1rem;
	right: -16px;
}
.ccm-page .ccm-flowbox p{
	margin:0;
}
.ccm-page .ccm-flowbox section:last-child::after{
	display:none;
}
.ccm-page .ccm-flowbox-title{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 8px auto;
}
/*==========================================================
　　　　　　　　（スマホ）
==========================================================*/
@media (max-width: 768px) {
.ccm-page .ccm-flowbox section{
	display:block;
	margin-bottom:24px;
	width: 100%;
}
.ccm-page .ccm-flowbox section::after{
	right:48%;
	bottom:-22px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	top: initial;
}
}
/*==========================================================
　　　　　　　　　（パソコン）
==========================================================*/
@media (min-width: 769px) {
.ccm-page .ccm-flowbox section{
	width: 24%;
}
}