css table レスポンシブデザイン 0001

<style>
.fa.fa-arrow-circle-o-right {color:#008fde; margin-right: 10px;font-size:22px;}
.t_table_01 {width: 100%; }
.t_table_01 tr {border-bottom: 2px solid #dedede;}
.t_table_01 th {padding: 20px;width: 30%;border-bottom: 2.5px solid #dedede; margin:0;}
.t_table_01 td {width: 64%; margin:0 15px 0 0; padding: 20px;border-bottom: 0.5px solid #dedede; }

@media(max-width: 767px) {
.t_table_01 th {padding: 20px;width: 100%;border-bottom: 1px dotted #dedede; margin:0;display: block;
text-align: center;}
.t_table_01 td {width: 100%; margin:0 15px 0 0; padding: 20px;border-bottom: 2px solid #dedede;display: block;text-align: center;}
}
</style>

<table class="t_table_01">
<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>組合名</th><td>協同組合エヌ・ティー・アイ</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>代表理事</th><td>多田　和茂</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>設立</th><td>平成9年4月</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>住所</th><td>〒940-2023　新潟県長岡市蓮潟5-5-17</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>連絡先</th><td>TEL:0258-27-3310　FAX:0258-27-3320</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>認可</th><td>国土交通省　関東経済産業局　新潟県知事
財務省　北陸農政局　北陸信越運輸局 　　　　
法務省　関東信越国税局　関東地方環境事務所
文部科学省　関東財務局　厚生労働省　</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>許可地区</th><td>北海道・青森県・岩手県・宮城県・山形県・福島県
秋田県・茨城県・栃木県・群馬県・埼玉県・千葉県
東京都・神奈川県・山梨県・長野県・新潟県・富山県
石川県・福井県・ 岐阜県・静岡県・愛知県・三重県
滋賀県・京都府・大阪府・奈良県・兵庫県・和歌山県
鳥取県・島根県・岡山県・広島県・山口県・香川県　
徳島県・高知県・愛媛県・福岡県・大分県・宮崎県　
佐賀県・熊本県・鹿児島県</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>事業内容</th><td>高速道路通行料金支払い代行事業
外国人研修生の受入れ事業
福利厚生に関する事業
通信事業に関する回線利用サービスの取次ぎ及び、共同利用事業
物品のリース斡旋事業、他</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>組合員数</th><td>1,869社　平成28年7月末現在</td>
</tr>

<tr>
<th><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i>取引銀行</th><td>みずほ銀行　姫路支店</td>
</tr>

</table>