/* -------------tb mode------------- */
@media screen and (max-width: 1024px) {
  #company {
    /*CSR message*/
    /*news_contents*/
  }
  #company .textbox p.date {
    margin-bottom: 10px;
  }
  #company #csr_message .message_img {
    text-align: center;
  }
  #company #news_contents .flx_img {
    margin-left: 22px;
  }
}
/* -------------sp mode------------- */
@media screen and (max-width: 767px) {
  #company {
    /*history*/
    /*message*/
    /*brand*/
    /*plants*/
    /*csr*/
    /*news_contents*/
  }
  #company .sp_only {
    display: inline-block;
  }
  #company .mt70, #company .mt40 {
    margin-top: 20px;
  }
  #company .mt100 {
    margin-top: 50px;
  }
  #company h4.pointtitle.mb45 {
    margin-bottom: 20px !important;
  }
  #company .flxbox.separate {
    display: block;
  }
  #company .flxbox.separate .w50 {
    width: 100%;
  }
  #company .btn_area {
    padding-top: 0;
  }
  #company table th {
    display: block;
    width: 100% !important;
    padding: 8px 10px !important;
    text-align: left !important;
  }
  #company table td {
    padding: 10px !important;
    display: block;
    width: 100% !important;
  }
  #company .history_table td {
    padding: 5px 10px !important;
  }
  #company .history_table .history dt, #company .history_table .history dd {
    padding: 5px 0;
  }
  #company #president_message, #company #csr_message {
    display: block;
  }
  #company .message_txt {
    width: 100% !important;
    padding-right: 0 !important;
  }
  #company .message_img {
    width: 100% !important;
    margin-top: 20px;
    text-align: center !important;
  }
  #company .brand_message img {
    width: 80%;
  }
  #company #base .column_img {
    width: 100%;
  }
  #company .plants_table {
    margin-bottom: 20px;
  }
  #company #csr_message .message_txt {
    margin-top: 20px;
  }
  #company .csr_news {
    margin-top: 20px;
  }
  #company .environment_box .column_text {
    width: 100%;
  }
  #company .environment_box .column_img {
    width: 100%;
  }
  #company #news_contents .flxbox {
    display: block;
  }
  #company #news_contents .flx_img {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  #company .plants_table th {
    width: 100% !important;
  }
}