/* ======================================================================
 p_option
====================================================================== */

.sec._2 {
  margin: 0 0 80px;
}

.table_wrap {
  background: #fafafa;
}

.company_table .c_list_5 .item:last-child {
  margin: 0;
}

.history_table .tr {
  border-bottom: solid 1px #dcdcdc;
  padding: 20px 0;
}

.history_table .th {
  color: #049;
  margin: 0 0 10px;
}

.history_table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}

.history_table .row:last-child {
  margin: 0;
}

.history_table .month {
  display: inline-block;
  width: 65px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .l_main_visual {
    background: url(../img/p_company/sp/mv.jpg) right no-repeat;
    background-size: cover;
  }
  .sec._1 {
    margin: 40px 0 80px;
  }
  .table_wrap {
    padding: 15px 4% 40px;
  }
  .company_table .tr {
    padding: 15px 0;
    border-bottom: solid 1px #dcdcdc;
  }
  .company_table .th {
    margin: 0 0 10px;
  }
  .company_table .td._flex .list_1 {
    margin: 0 0 5px;
  }
  .company_table .c_list_5 .item {
    margin: 0 0 5px;
  }
  .company_table .pmark {
    width: 76px;
  }
  .company_table .lmark {
    width: 75px;
  }
  .sec_ttl {
    padding-left: 4%;
    padding-right: 4%;
  }
}

@media screen and (min-width: 768px) {
  .l_main_visual {
    background: url(../img/p_company/mv.jpg) right no-repeat;
    background-size: cover;
  }
  .sec._1 {
    margin: 60px 0 100px;
  }
  .sec_ttl {
    width: 1100px;
    margin: 0 auto;
  }
  .table_wrap {
    padding: 20px 0 80px;
  }
  .company_table {
    width: 1100px;
    margin: 0 auto;
  }
  .company_table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .company_table .th {
    width: 200px;
    padding: 20px 10px;
    border-bottom: solid 1px #049;
  }
  .company_table .td {
    border-bottom: solid 1px #dcdcdc;
    padding: 20px 15px;
    width: calc(100% - 200px);
  }
  .company_table .td._flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .company_table .td._flex .list_1 {
    margin: 0 60px 0 0;
  }
  .company_table .c_list_5 .item {
    margin: 0 0 10px;
  }
  .history_table {
    width: 1100px;
    margin: 0 auto;
  }
  .history_table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .history_table .th {
    width: 120px;
  }
}