@charset "utf-8";

/*============================
#mesageArea
============================*/
#mesageArea { margin-top: 75px; }
#mesageArea .mesageBox { margin-top: 40px; padding: 40px 30px; border: solid 1px #dedede; }
#mesageArea .mesageBox .mesagePhoto { float: left; }
#mesageArea .mesageBox .mesagePhoto img{}
#mesageArea .mesageBox .mesageText { float: right; margin-top: 30px; width: 730px; line-height: 1.7; }
#mesageArea .mesageBox .mesageText.textFirst { margin-top: 0; }
#mesageArea .mesageBox .name { float: right; margin-top: 10px; }
#mesageArea .mesageBox .name span { display: inline-block; margin-top: 20px; font-size: 0.875em;}
#mesageArea .mesageBox .name em { margin-left: 10px; font-size: 1.25em; }

/*============================
#companyInfoArea
============================*/
#companyInfoArea { margin-top: 75px; }
#companyInfoArea .infoContent { margin-top: 40px; }
#companyInfoArea .infoContent table { border: solid 1px #dedede; border-collapse: collapse; }
#companyInfoArea .infoContent table {}
#companyInfoArea .infoContent table tr {}
#companyInfoArea .infoContent table tr th { width: 210px; box-sizing: border-box; vertical-align: middle; padding: 20px; background-color: #faf9f9; border: solid 1px #dedede; border-collapse: collapse; font-size: 0.875em; font-weight: bold; }
#companyInfoArea .infoContent table tr td { width: 750px; box-sizing: border-box; padding: 20px; border: solid 1px #dedede; border-collapse: collapse; line-height: 1.7; }
#companyInfoArea .infoContent table tr td img {}

/*============================
#historyArea
============================*/
#historyArea { margin-top: 75px; }
#historyArea .historyContent { margin-top: 40px; padding: 30px; border: solid 1px #dedede; }
#historyArea .historyContent table { width: 900px; }
#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-left: 15px; width: 70px; box-sizing: border-box; white-space: nowrap; line-height: 1.25; }
#historyArea .historyContent table tr td:nth-child(2) { width: 50px; position: relative; text-align: right; white-space: nowrap; line-height: 1.25; }
#historyArea .historyContent table tr td:nth-child(2)::after { position: absolute; content: ""; border-top: solid 1px #cfa6a4; height: 1px; width: 10px; right: -15px; top: 50%; }
#historyArea .historyContent table tr td:last-child { padding-left: 30px; font-size: 1em; line-height: 1.25; }