@charset 'UTF-8';

figure {
margin:0 auto;
}

figure figcaption {
	font-size: small;
    margin-top: 10px;
	margin-bottom: 20px;
    width: auto;
	display: table;
	caption-side: bottom;
}

.ex_eyecatch{
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}

.ex_eyecatch_text{
	width: 100%;
	height: 135px;
	background: rgba(0,113,170,0.5);
	position: absolute;
	bottom: 0px;
	color: #fff;
	padding: 20px;
}

.ex_eyecatch_text p.title{
	font-size: 1.5em;
	font-weight: 700;
	color: #fff;
    margin-bottom: 0;
}

.ex_eyecatch_text p.company{
	font-size: 1em;
	color: #fff;
	margin-bottom: 0px;
}
	
.blog_img_r {
    float: right;
}

.blog_img_r figure,
.blog_img_r img{
	/*width: 50%;*/
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.blog_img_r figure figcaption,
.blog_img_flex figure figcaption{
	font-size: small;
	margin-top: 10px;
	display: table;
	width: 50%; /* minimum width */
	width: auto; /* for IE7 and below */
}

.blog_img_flex figure{
	flex: 1;
}

.blog_img_flex {
	display:flex;
	flex-shrink: 0;
}

.blog_img_flex figure:first-child{
	margin-right: 20px;
}

.blog_customerinfo{
	background: #f0f0f0;
	padding: 30px;
	clear: both;
	display: table;
	width: 100%;
}

.blog_customerinfo li{
	list-style-type: none;
}

.blog_customerinfo p{
	height: 144px;
	display: table-cell;
}

.blog_customerinfo figure{
	float: left;
	margin-right:30px;
	background: #fff;
	width: 272px;
	height: 144px;
	display: table-cell;
}

@media screen and (max-width: 680px){
	.blog_img_flex figure,
	.blog_img_r figure {
	width: 100%;
	}
	.blog_img_flex {
	display:block;
	}
	.ex_eyecatch_text p.title {
    font-size: 1em;
    font-weight: 700;
}
	
	.blog_customerinfo {
    background: #f0f0f0;
    padding: 30px;
    clear: both;
    display: block;
	margin-bottom: 0px;
    /* width: 100%; */
}
	.blog_customerinfo figure {
    float: none;
    margin-right: 0px;
	margin-bottom: 10px;
    text-align: center;
    background: #fff;
    display: block;
	width: 100%;
}
	.blog_customerinfo li p{
	height: auto;
	margin-bottom: 0px;
}
	
}