@charset "utf-8";

/*============================
#contentsPanelArea
============================*/
#contentsPanelArea.about { min-width: 1000px; position: relative; background: url(../../imageFile/about/aboutTopPanel.png) no-repeat; background-size: cover; height: 200px; }
#contentsPanelArea.about .textContents { text-align: center; }
#contentsPanelArea.about .textContents h1 { position: absolute; top:70px; left: 0; text-indent: -9999px; background: url(../../imageFile/about/aboutTopTitle.png) no-repeat center; width: 100%; height: 52px; }
#contentsPanelArea.about .textContents .text { position: absolute; top:120px; left: 0; text-indent: -9999px; background: url(../../imageFile/about/aboutTopSubTitle.png) no-repeat center; width: 100%; height: 35px; }

/*============================
#messageArea
============================*/
#messageArea { width: 960px; margin: 90px auto 0; }
#messageArea .messageBox { margin-top: 13px; padding: 40px; border: solid 1px #dedede; height: 310px; box-sizing: border-box; text-align: right; }
#messageArea .messageBox .messagePhoto { float: right; }
#messageArea .messageBox .messagePhoto img{}
#messageArea .messageBox .messageText { float: left; padding-top: 28px; width: 715px; line-height: 1.5; text-align: left; }
#messageArea .messageBox .messageText.textFirst { padding-top: 0; }
#messageArea .messageBox .name { display: inline-block;  margin-top: 10px; }
#messageArea .messageBox .name span { display: inline-block; margin-top: 20px; font-size: 0.875em; }
#messageArea .messageBox .name em { margin-left: 10px; font-size: 1.25em; font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif ,Osaka, "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/*============================
#companyArea
============================*/
#companyArea { width: 960px; margin: 90px auto 0; }
#companyArea .infoContent { margin-top: 13px; }
#companyArea .infoContent table { border: solid 1px #dedede; border-collapse: collapse; }
#companyArea .infoContent table {}
#companyArea .infoContent table tr {}
#companyArea .infoContent table tr th { width: 305px; box-sizing: border-box; vertical-align: middle; padding: 12px 20px; background-color: #faf9f9; border: solid 1px #dedede; border-collapse: collapse; }
#companyArea .infoContent table tr td { width: 655px; box-sizing: border-box; padding: 12px 20px; border: solid 1px #dedede; border-collapse: collapse; line-height: 1.5; }
#companyArea .infoContent table tr td img {}