@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    about_sp.css
*
*
------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------
*
    max-width: 640px;
*
-------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {

/* --------------------------------------------------
*
    #about_body
*
-------------------------------------------------- */
#about_body{
    margin: -40px 0 0 0;
}

#about_body .row.r{
    background-color: #eee8de;
}

#about_body .row .inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px 15px;
    box-sizing: border-box;
    display: table;
}

#about_body .row p{
    font-size: 1rem;
    line-height: 2em;
    letter-spacing: .025em;
}

#about_body .row p.pic{
    margin: .5em 0 15px 0;
    text-align: center;
}

#about_body .row p.pic img{
    width: 100%;
    max-width: 360px;
}

#about_body .row .inner .l{
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

#about_body .row .inner .r{
    min-height: 180px;
    box-sizing: border-box;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
}

/* .r */
#about_body .row.r .inner .r{

    min-width: auto;
    padding: 0;

    vertical-align: top;
}

#about_body .row.r .inner .l{

    box-sizing: border-box;
    vertical-align: top;

}

#about_body .il01{ background-image:url(../images/about/img_il_01.png); background-size: calc(210px * .65); background-position: center calc(50% + 5px) !important;}
#about_body .il02{ background-image:url(../images/about/img_il_02.png); background-size: 166px;}
#about_body .il03{ background-image:url(../images/about/img_il_03.png); background-size: 150px; background-position: calc(50% - 5px) center !important;}


} /* ----- max-width: 640px ----- */