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



----------------------------------------------------------- */


.mainimage-wrap { background-image: url("../img/about/main_about.jpg");}

.frmAbout { margin: 0 0 40px; }
.frmAbout p {
    margin: 0 1em 2em;
    font-size: 16px;
    line-height: 1.6em;
}
/*.frmAbout > p {
    text-align: center;
}
*/




/* ================================================================
    
=================================================================== */
.frmAbout .blkAbout01 {
    margin: 0 5px 20px;
}
.frmAbout .blkAbout01 div {
    margin: 0 0 20px;
}
.frmAbout .blkAbout01 div img {
    width: 100%;
    height: auto;
}
.frmAbout .blkAbout01 div h3 {
    width: 100%;
}
.frmAbout .blkAbout01 p {
    margin: 0 0 1em;
}

@media screen and (min-width: 767px) {

    .frmAbout .blkAbout01 {
        display: -webkit-box;
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
    }
    .frmAbout .blkAbout01 > div:first-child { width: 53%;}
    .frmAbout .blkAbout01 > div:last-child { width: 45%;}

}


/*
------------------------------------------ */