/* About */
.aboutView__article { clear: both; margin-top: 60px; padding: 50px 70px 25px; }
.aboutView__article h2 { margin: 28px 0; font-size: 32px; color: #008c42; font-weight: bold; line-height: 0.781; text-align: center; }
@media (max-width: 599px) { .aboutView__article { padding: 25px 15px; }
  .aboutView__article h2 { margin: 14px 0; font-size: 16px; } }

.historyList > li { padding-bottom: 40px; font-size: 26px; font-weight: bold; color: #008c42; position: relative; }
.historyList > li > span { padding-left: 30px; padding-right: 12px; display: inline-block; background-color: #fff; z-index: 2; position: relative; }
.historyList > li:before { content: " "; position: absolute; display: block; width: 17px; height: 20px; background: url(../images/about_02/icon_history.png) 0 0 no-repeat; top: 2px; left: 0; z-index: 3; }
.historyList > li:after { content: " "; position: absolute; display: block; width: 100%; height: 1px; background-color: #008c42; top: 10px; right: 0; z-index: 1; }
.historyList > li > ul { padding-top: 5px; padding-left: 30px; }
.historyList > li > ul > li { font-size: 16px; font-weight: normal; color: #000; list-style-type: disc; }
@media (max-width: 599px) { .historyList > li { font-size: 18px; padding-bottom: 20px; }
  .historyList > li > span { padding-left: 15px; top: -5px; }
  .historyList > li:before { height: 10px; background-size: 50% auto; }
  .historyList > li:after { top: 5px; }
  .historyList > li > ul { padding-top: 2px; padding-left: 15px; }
  .historyList > li > ul > li { font-size: 14px; line-height: 1.2em; } }