@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    about_sp.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
/*------------------------------------------------------------------------------------------
*
*
    max-width: 640px;
*
*
------------------------------------------------------------------------------------------ */
#contents_area{
    margin: 0 auto;
    padding: 0 0 40px 0;
    overflow: hidden;
}

/* --------------------------------------------------
*
    #mv
*
-------------------------------------------------- */
#mv{
    margin: 0 0 30px 0;
}

#mv img{
    width: 100%;
}

#section_body a{
    padding: 0 0 3px 0;
}

.is_pc #section_body a:hover,
.is_sp #section_body a.touch{
    text-decoration: underline;
}

#section_body{
    padding: 0 15px;
}

#section_body p{
    margin: 0 0 40px 0;
    font-size: 14px;
    letter-spacing: .06em;
    line-height: 2.46875em;
}

#section_body .notes{
    margin: 0 0 35px 0;
}

#section_body .notes p{
    font-size: 13px;
    letter-spacing: .06em;
    line-height: 1.964em;
    color: #666;
}

#section_body p.caution{
    padding-left: 1em;
    text-indent: -1em;
}

#section_body p.img{
    margin: 0;
    text-align: center;
}

#section_body p.img.shop{ margin: 30px 0 40px 0;}
#section_body p.img.shop img{ width: 100%; max-width: 360px;}

#section_body p.img.logo{ margin: 30px 0 40px 0;}
#section_body p.img.logo img{ width: 100%; max-width: 360px;}

#section_body p.banner_concept{ }
#section_body p.banner_concept img{ width: 100%; max-width: 420px;}



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