@charset "utf-8";

/* accident-contact.css
------------------------------------------ */

/* タイトルエリア */
#BODY .titleArea{
  margin-bottom:50px;
}
#BODY .titleArea h1{
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:52px;
  line-height:71px;
  color:#0073BD;
  margin:0;
}

/* コンタクトテーブル */
#BODY .contactTable{
  width:941px;
  margin:0 auto;
}

#BODY .contactTable table{
  width:100%;
  border-collapse:collapse;
  font-family:'Noto Sans JP', 'Noto Sans', sans-serif;
}

/* テーブルヘッダー */
#BODY .contactTable thead th{
  background:#E37AA7;
  color:#FFFFFF;
  font-weight:600;
  font-size:16px;
  padding:20px 10px;
  text-align:center;
  vertical-align:middle;
  border:2px solid #E37AA7;
}

#BODY .contactTable thead th:not(:last-child){
  border-right:3px solid #FFFFFF;
}

#BODY .contactTable thead th.company{
  width:300px;
}

#BODY .contactTable thead th.target{
  width:220px;
}

#BODY .contactTable thead th.phone{
  width:220px;
}

#BODY .contactTable thead th.ip{
  width:201px;
}

/* テーブルボディ */
#BODY .contactTable tbody td{
  padding:15px;
  vertical-align:middle;
  border-bottom:1px solid #E0E0E0;
  font-size:16px;
  color:#222222;
}

#BODY .contactTable tbody tr.company-row td{
  border-top:1px solid #E37AA7;
}

#BODY .contactTable tbody tr.last-row td{
  border-bottom:1px solid #E37AA7;
}

#BODY .contactTable tbody td.company-name{
  font-weight:500;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #E37AA7;
}

#BODY .contactTable tbody td.target{
  font-weight:500;
  text-align:left;
  line-height:20px;
}

#BODY .contactTable tbody td.phone-number{
  text-align:left;
  line-height:20px;
}

#BODY .contactTable tbody td.phone-number .number{
  font-weight:700;
  font-size:20px;
  margin-top:4.5px;
  margin-bottom:4.5px;
}

#BODY .contactTable tbody td.phone-number .note{
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:#222222;
}

#BODY .contactTable tbody td.phone-number.multi-line .number{
  margin-top:4.5px;
}

#BODY .contactTable tbody td.phone-number.multi-line .note{
  line-height:20px;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px) {
  #BODY .contactTable{
    width:100%;
    overflow-x:auto;
  }

  #BODY .contactTable table{
    min-width:941px;
  }
}