@charset "utf-8";

@media only screen and (max-width: 640px) {
/*============================
#mesageArea
============================*/
#mesageArea { width: inherit; margin: 40px 20px 0; }
#mesageArea .mesageBox { margin: 20px 0 0; padding: 20px; text-align: center; }
#mesageArea .mesageBox .mesagePhoto { float: right; padding: 10px 0 0 10px; width: 30%; }
#mesageArea .mesageBox .mesagePhoto img{ width: 100%; height: auto; }
#mesageArea .mesageBox .mesageText { float: none; width: inherit; margin-top: 0; padding-left: 0; text-align: left; font-size: 0.875em; }
#mesageArea .mesageBox .mesageText.textFirst { margin-top: 0; }
#mesageArea .mesageBox .name { float: right; width: 50%; margin-top: 45px; text-align: left; }
#mesageArea .mesageBox .name span { display: inline-block; margin-top: 0; font-size: 0.875em; text-align: left; }
#mesageArea .mesageBox .name em { display: block; margin-top: 5px; margin-left: 0px; font-size: 1.125em; text-align: left; }

/*============================
#companyInfoArea
============================*/
#companyInfoArea { width: inherit; margin: 40px 20px 0; }
#companyInfoArea .infoContent { margin-top: 10px; }
#companyInfoArea .infoContent table { display: block; border:none; }
#companyInfoArea .infoContent table tr { display: block; }
#companyInfoArea .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;  }
#companyInfoArea .infoContent table tr td { display: block; width: inherit; margin-top: -1px; padding: 10px; font-size: 0.875em; vertical-align: middle; }
#companyInfoArea .infoContent table tr td img {}

/*============================
#historyArea
============================*/
#historyArea { width: inherit; margin: 40px 20px 0; }
#historyArea .historyContent { margin-top: 20px; padding: 0; border: none; }
#historyArea .historyContent table { width: inherit; display: block; }
#historyArea .historyContent table tr { border: solid 1px #dedede; }
#historyArea .historyContent table tr:last-child { margin-bottom: -1px; }
#historyArea .historyContent table tr:nth-child(odd) { background-color: #faf9f9; }
#historyArea .historyContent table tr td { padding: 15px 0; font-size: 0.875em;  }
#historyArea .historyContent table tr td:first-child { padding: 10px 0 10px 10px; width: inherit; white-space: wrap; line-height: 1.25; font-weight: bold; vertical-align: middle; }
#historyArea .historyContent table tr td:nth-child(2) { padding: 10px 10px 10px 3px; width: inherit; position: relative; text-align: left; white-space: wrap; line-height: 1.25; font-weight: bold; vertical-align: middle; }
#historyArea .historyContent table tr td:nth-child(2)::after { display: none; }
#historyArea .historyContent table tr td:last-child { padding:9px 10px 10px 0; font-size: 0.875em; line-height: 1.5; vertical-align: middle;  } 

}