@charset "shift_jis";
/*------------------------------------------------
flow 
-------------------------------------------------*/
.flowBox > div:not(.clearfix),
.flowBox .grid6{
	border:1px solid #bebebe;
}
.flowBox > div{
	margin-top:40px !important;
}
.flowBox div.inner{
	margin:0.8em;
}
.flowBox > div,
.flowBox .grid6{
	position:relative;
}
.flowBox .grid6{
	margin-top:0 !important;
}

.flowBox > div:not(.clearfix):after,
.flowBox .grid6:after{
	content: " ";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #bebebe;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	z-index: 5;
}
.flowBox .lastBox:after{
	content:none !important;
}
@media screen and (max-width:767px) {
	.flowBox > .clearfix .grid6{
		margin-top:0 !important;
	}
	.flowBox img{
		margin-left:auto;
		margin-right:auto;
	}
	.flowBox .grid6{
		clear: none;
		display: block;
		float:left;
		width:48.93617021276596%;
		margin-left: 2.08%;
	}
	.flowBox .flowLeftBox{
		margin-left: 0 !important;
		clear:both;
	}
	.flowBox > .clearfix + .grid12{
		margin-top:20px !important;
	}
}