@charset "utf-8";

.history-page{
  padding-bottom: 100px;
  background-color: rgba(255,255,255,1);
  }
  .history-page .page-head{background-image: url(../images/company/history_bg_01.jpg);}
  .history-list{border-top: 1px solid rgba(78,177,82,1);}
    .history-item{
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid rgba(78,177,82,1);
      font-size: 15px;
      box-sizing: border-box;
      }
      .history-item__head{
        width: 200px;
        padding: 15px 20px;
        color: rgba(32,83,34,1);
        background-color: rgba(78,177,82,.05);
        box-sizing: border-box;
        }
      .history-item__body{
        width: calc(100% - 200px);
        height: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        }

@media screen and (max-width: 850px) {

.history-item{font-size: 14px;}
  .history-item__head{
    width: 160px;
    padding: 15px;
    }
  .history-item__body{
    width: calc(100% - 160px); 
    padding: 15px;
    }

}/* max-width:850px */

@media screen and (max-width: 650px) {

.history-item__head{
  width: 100%;
  padding: 5px 10px;
  }
.history-item__body{
  width: 100%;
  padding: 15px 10px;
  }

}/* max-width:650px */