@charset "utf-8";

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

/*============================
#contentsPanelArea
============================*/
#contentsPanelArea.about { min-width: inherit; background-size: cover; background-position: center; height: 140px; margin-top: 0; }
#contentsPanelArea.about .textContents { text-align: center; }
#contentsPanelArea.about .textContents h1 { position: absolute; top: 50px; left: 0; text-indent: -9999px; background: url(../../imageFile/about/aboutTopTitle.png) no-repeat center; width: 100%; height: 35px; background-size: contain; }
#contentsPanelArea.about .textContents .text { position: absolute;top: 95px; left: 0; text-indent: -9999px; background: url(../../imageFile/about/aboutTopSubTitle.png) no-repeat center; width: 100%; height: 20px; background-size: contain; }

/*============================
#messageArea
============================*/
#messageArea { width: inherit; margin: 45px 10px 0; }
#messageArea .messageBox { height: auto; margin: 10px 0 0; padding: 20px; text-align: center; }
#messageArea .messageBox .messagePhoto { float: right; padding: 10px 0 0 10px; width: 30%; }
#messageArea .messageBox .messagePhoto.photoLast { margin-top: -20px; }
#messageArea .messageBox .messagePhoto img{ width: 100%; height: auto; }
#messageArea .messageBox .messageText { float: none; width: inherit; padding-top: 0; padding-left: 0; text-align: left; font-size: 0.875em; }
#messageArea .messageBox .messageText.textFirst { margin-top: 0; }
#messageArea .messageBox .name { float: left; width: 60%; margin-top: 45px; text-align: left; }
#messageArea .messageBox .name.nameLast { margin-top: 25px; }
#messageArea .messageBox .name span { display: inline-block; margin-top: 0; font-size: 0.875em; text-align: left; }
#messageArea .messageBox .name em { display: block; margin-top: 5px; margin-left: 0px; font-size: 1.125em; text-align: left; }

/*============================
#companyArea
============================*/
#companyArea { width: inherit; margin: 40px 20px 0; }
#companyArea .infoContent { margin-top: 10px; }
#companyArea .infoContent table { display: block; border:none; }
#companyArea .infoContent table tr { display: block; }
#companyArea .infoContent table tr th { display: block; width: inherit; margin-top: -1px; padding: 10px; background-color: #faf9f9; font-size: 0.875em; font-weight: bold; vertical-align: middle;  }
#companyArea .infoContent table tr td { display: block; width: inherit; margin-top: -1px; padding: 10px; font-size: 0.875em; vertical-align: middle; }
#companyArea .infoContent table tr td img {}


}