@charset "utf-8";

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

/*============================
#historyArea
============================*/
#historyArea { width: 960px; margin: 90px auto 0; }
#historyArea ul {}
#historyArea ul li{  border-bottom: solid 1px #dedede; height: 300px; box-sizing: border-box; }
#historyArea ul li:first-child { margin-top: 13px; border-top: solid 1px #dedede; }
#historyArea ul li .text { width: 500px; line-height: 1.5; padding-left: 20px; padding-right: 20px; }
#historyArea ul li .text01 { padding-top: 45px; }
#historyArea ul li .text02 { padding-top: 85px; }
#historyArea ul li .text03 { padding-top: 65px; }
#historyArea ul .historyImg01 { background: url(../../imageFile/history/hisoryImg01.png) no-repeat right; }
#historyArea ul .historyImg02 { background: url(../../imageFile/history/hisoryImg02.png) no-repeat left; }
#historyArea ul .historyImg03 { background: url(../../imageFile/history/hisoryImg03.png) no-repeat right; }

#historyArea ul .textLeft {}
#historyArea ul .textLeft .text em { font-size: 1.25em; }
#historyArea ul .textRight .text { margin-left: 430px; }

/*============================
#companyHistoryArea
============================*/
#companyHistoryArea { width: 960px; margin: 90px auto 0; }
#companyHistoryArea .historyContents { margin-top: 13px; border: solid 1px #dedede; }
#companyHistoryArea .historyContents span {}
#companyHistoryArea .historyContents table {}
#companyHistoryArea .historyContents table {}
#companyHistoryArea .historyContents table tr { border-collapse: collapse; border-bottom: solid 1px #dedede; }
#companyHistoryArea .historyContents table tr:last-child { border-bottom: none; }
#companyHistoryArea .historyContents table tr th { position: relative; width: 170px; padding: 20px; vertical-align: middle; box-sizing: border-box; }
#companyHistoryArea .historyContents table tr th::after { position: absolute; content: " "; border-top: solid 1px #dedede; height: 1px; width: 15px; margin-top: -1px; right: 3px;top: 50%; }
#companyHistoryArea .historyContents table tr:nth-child(2n+1) { background: url(../../imageFile/history/historyList_bg.png) no-repeat top left; background-size: cover; }
#companyHistoryArea .historyContents table tr td { vertical-align: middle; line-height: 1.3; padding: 20px; }