@charset "utf-8";

/**
 * お客様の声トピック・ブロック定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2018 Polaris, Inc.
 *
 */
.BLK10611
{
    clear:both;
    margin:2rem auto 1rem;
    width:100%;
    max-width:960px;
}
.BLK10611 h2
{
    text-align:center;
    margin-bottom: 3rem;
}
.BLK10611 .frame
{
    display:flex;
    margin:0 auto;
}
.BLK10611 .frame .section
{
    padding:0 0.8rem;
    width:calc(100% / 3);
}
.BLK10611 .frame .section .article
{
    height:100%;
    border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.BLK10611 .frame .section .article img
{
    width:100%;
    aspect-ratio: 16 / 9;
}
.BLK10611 .frame .section .article .ttl
{
    padding:0.5rem 0;
    height:1.9rem;
    text-align:left;
    color:#29a7df;
    font-size:1rem;
    font-weight:500;
    line-height:1.3;
    overflow:hidden;
}
.BLK10611 .frame .section .article .subttl
{
    height:2.5rem;
    font-size:0.9rem;
    line-height:1.3;
    overflow:hidden;
}
.BLK10611 .frame .section .article .date
{
    margin-top:0.5rem;
    text-align:left;
}
@media screen and (max-width:620px)
{
    .BLK10611 .frame
    {
        display:block;
    }
    .BLK10611 .frame .section
    {
        display:block;
        width:100%;
    }
    .BLK10611 .frame .section .article
    {
        display:table;
        margin-bottom:1rem;
    }
    .BLK10611 .frame .section .article > .topimage
    {
        display:table-cell;
        width:45%;
        text-align:center;
        vertical-align:middle;
    }
    .BLK10611 .frame .section .article > .content
    {
        display:table-cell;
        width:55%;
    }
    .BLK10611 .frame .section .article .ttl
    {
        height:4rem;
        padding:0rem 1rem;
    }
    .BLK10611 .frame .section .article .subttl
    {
        padding:0rem 1rem;
        height:2.2rem;
        overflow:hidden;
    }
    .BLK10611 .frame .section .article .date
    {
        padding:0rem 1rem;
        margin-top:0;
        text-align:left;
    }
}