@charset "utf-8";

@media only screen and (max-width: 640px) {

/*============================
#mainTitle
============================*/
#mainArea #mainTitle { padding: 15px; }
#mainArea #mainTitle .title { width: 240px; height: 24px; background: url(../../imageFile/about/title_about_sp.png) no-repeat left center; background-size: auto 18px; }

/*============================
#mainContent
============================*/
#mainContent { padding: 15px; }
#mainContent .miniTitle { text-indent: -9999px; background: url(../../imageFile/about/title_concept_sp.png) no-repeat left center; height: 32px; background-size: auto 26px; }
#mainContent .exp { padding: 0; margin-top: 10px; }
#mainContent .exp .copy { float: inherit; width: 100%; margin-top: 15px; font-size: 0.875em; line-height: 1.5; padding: 0; }
#mainContent .exp .copy .subTitle { height: 11px; padding-bottom: 10px; background: url(../../imageFile/about/title_concept_sub.png) no-repeat left top; background-size: auto 11px; }
#mainContent .exp .copy span { display: inline; }
#mainContent .exp .img { float: inherit; width: 100%; }
#mainContent .exp .img.sp { display: block; }
#mainContent .exp .img.sp img { width: 100%; padding-bottom: 10px; }
#mainContent .exp .img.pc { display: none; }

}