@charset "utf-8";
/************************************************************************************
CONTANTS
*************************************************************************************/
#contents #flow dl {
	clear:both;
	position: relative;
	background: #eee;
	padding:20px 15px;
	height: 100px;
}
#contents #flow dl:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(38, 140, 67, 0);
	border-top-color: #eee;
	border-width: 15px;
	margin-left: -15px;
	z-index:9999 !important;
}
#contents #flow dl:last-child:after {
	border-top:0;
}
#contents #flow dl:nth-child(even) {
	background:#fff;
}
#contents #flow dl:nth-child(even):after {
	border-top-color:#fff;
}
#contents #flow dt {
	color:#268c43;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
#contents #flow dd img {
	float:right;
	width:100px;
	margin-top: -5.5%;
	margin-left: 20px;
}

/*******************************************************************
********************************************************************

smaller than 768

********************************************************************
*******************************************************************/
@media screen and (max-width: 768px) {

/*::::::::::::::::::::::::::::::::::::
 CONTENTS
::::::::::::::::::::::::::::::::::::*/

#contents #flow dt {
	text-align:center;
}
#contents #flow dd img {
	width:20%;
	margin:0 0 2% 2%;
}



}

@media screen and (max-width: 414px) {
	#contents #flow dl {
		height: 135px;
	}
}

@media screen and (max-width: 375px) {
	#contents #flow dl {
		height: auto;
	}
}