@charset "utf-8";
/*
 * ===================================================
 * 
 * flow
 * 
 * ===================================================
 */
#content { padding-bottom: 100px; }
.menuFlow {
	margin-bottom: 60px;
	border: 2px solid #426a6c;
	border-radius: 10px;
	position: relative;
}
.menuFlow::after {
	display: block;
	content: "";
	width: 30px;
	height: 13px;
	margin-left: -15px;
	background: url(../../images/content/content/ico_arrow3.png) no-repeat center center;
	-webkit-background-size: cover;
	        background-size: cover;
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.menuFlow:last-of-type::after { display: none; }
	.menuFlow .txt {
		display: table;
		background: #fff;
		overflow: hidden;
	}
	.menuFlow .title {
		display: table-cell;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		width: 250px;
		padding: 30px;
		background: #426a6c;
	}
	.menuFlow p {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 30px;
	}
/**
 ****************************************************
 * 
 * screens smaller than 767
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	#content { padding-bottom: 0; }
	.menuFlow {}
		.menuFlow .txt {
			display: block;
			border-radius: 8px;
		}
		.menuFlow .title {
			display: block;
			font-size: 1.4rem;
			text-align: center;
			width: auto;
			padding: 10px;
		}
		.menuFlow p {
			display: block;
			padding: 15px;
		}


}	/*  @media END */