@charset "utf-8";
/* CSS Document */


.flow_box{
	margin:15px 0;
	background: #F4F5F8;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	clear:both;
	}

.flow_contents{
	padding:15px;
	overflow:hidden; 
	}

.flow_contents02{
	margin:0 0 100px 0;
	padding:15px;
	overflow:hidden; 
	}

.flow_box h3.box-title {
	padding: 10px;
	background: #4A5C8A;	
	font-size: 1.6em;
	color: #FFFFFF !important;
	font-weight: bold;
	text-align: center;
	}

.flow_box .text{
	width:78%;
	float:left;
	}

.flow_box .text p{
	margin: 0;
	font-size: 1.5em !important;
	}

.flow_box .images{
	width:20%;
	float:right;
	}

.flow_box .images img{
	width:100%;
	height:auto;
	}

.flow_point{
	width:100%;
	text-align: center;
	clear:both;
	}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	.flow_box .text{
	width:100%;
	float:none;
	}
	.flow_box .images{
	width:100%;
	float:none;
	text-align: center;
	}
	.flow_box .images img{
	width:200px;
	height:auto;
	}
	.flow_point img{
	width:150px;
	height:56px;
	}
}