@charset "utf-8";

@media only screen and (max-width: 640px) {
/*============================
#contentsPanelArea
============================*/
#contentsPanelArea.history { min-width: inherit; background: url(../../imageFile/history/historyTopPanel.png) no-repeat center; background-size: cover; height: 140px; }
#contentsPanelArea.history .textContents { text-align: center; }
#contentsPanelArea.history .textContents h1 { position: absolute; top:50px; left: 0; background: url(../../imageFile/history/historyTopTitle.png) no-repeat center; background-size: contain; width: 100%; height: 35px; }
#contentsPanelArea.history .textContents .text { position: absolute; top:99px; left: 0; background: url(../../imageFile/history/historyTopSubTitle.png) no-repeat center; background-size: contain; width: 100%; height: 11px; }

/*============================
#historyArea
============================*/
#historyArea { width: inherit; margin: 45px 10px 0; }
#historyArea ul { margin: 0 -10px; }
#historyArea ul li{ height: inherit; }
#historyArea ul li:first-child { margin-top: 10px; }
#historyArea ul li .text { width: inherit; line-height: 1.3; padding-left: 20px; padding-right: 20px; font-size: 1em; }
#historyArea ul li .text01 { padding-top: 170px; padding-bottom: 20px; }
#historyArea ul li .text02 { padding-top: 170px; padding-bottom: 20px; }
#historyArea ul li .text03 { padding-top: 170px; padding-bottom: 20px; }
#historyArea ul .historyImg01 { background: url(../../imageFile/history/hisoryImg01_sp.png) no-repeat top; background-size: contain; }
#historyArea ul .historyImg02 { background: url(../../imageFile/history/hisoryImg02_sp.png) no-repeat top; background-size: contain; }
#historyArea ul .historyImg03 { background: url(../../imageFile/history/hisoryImg03_sp.png) no-repeat top; background-size: contain; }

#historyArea ul .textLeft {}
#historyArea ul .textLeft .text em {}
#historyArea ul .textRight .text { margin-left: 0; }

/*============================
#companyHistoryArea
============================*/
#companyHistoryArea { width: inherit; margin: 45px 10px 0; }
#companyHistoryArea .historyContents { margin-top: 10px; }
#companyHistoryArea .historyContents span {}
#companyHistoryArea .historyContents table {}
#companyHistoryArea .historyContents table {}
#companyHistoryArea .historyContents table tr {}
#companyHistoryArea .historyContents table tr:last-child {}
#companyHistoryArea .historyContents table tr th { width: 35%; font-size: 0.875em; padding: 15px; line-height: 1.2; }
#companyHistoryArea .historyContents table tr th::after {}
#companyHistoryArea .historyContents table tr:nth-child(2n+1) { background: #faf9f9; }
#companyHistoryArea .historyContents table tr td { font-size: 0.875em; padding: 15px; }

}