@charset "utf-8";

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.about-images
{
    display: grid;
    grid-template:
    " ..... img01 ..... img02 ....." auto
    / 0.5fr 25%   1.0em 25%  0.5fr;
}
.about-images .img01
{
    grid-area: img01;
}
.about-images .img02
{
    grid-area: img02;
}
.caption
{
    text-align: center;
    font-size: 0.8em;
    color:#999999;
}


/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1100px) {
}


/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
    .about-images
    {
        display: grid;
        grid-template:
        " ..... img01 ..... img02 ....." auto
        / 0.5fr 35%   1.0em 35%  0.5fr;
    }
}