@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{ 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%; width: auto; }
.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; }
.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;
}
}