/*
デスクトップ：981px以上のスクリーンサイズ
タブレット：980px〜768pxスクリーンサイズ
モバイル：767px以下のスクリーンサイズ
*/
/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□
基本的に２列のテーブルで使用
SPの時はthの下にtdが来るようなレイアウト

<table class="mxn_org_table1">
<tr>
<th>見出し01(th)</th>
<td>内容01-01（コンテンツ）</td>
<td>内容01-02（コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツ）</td>
<td>内容01-03（コンテンツコンテンツコンテンツコンテンツ）</td>
</tr>
<tr>
<th>見出し02(th)</th>
<td>内容02-01（コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツ）</td>
<td>内容02-02（コンテンツコンテンツ）</td>
<td>内容02-03（コンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツコンテンツ）</td>
</tr>
<tr class="last">
<th>見出し03(th)</th>
<td>内容03-01（コンテンツコンテンツコンテンツ）</td>
<td>内容03-02（コンテンツコンテンツ）</td>
<td class="mxn_org_table1_td_last_child">内容03-03（コンテンツコンテンツコンテンツコンテンツコンテンツ）</td>
</tr>
</table>

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

table.mxn_org_table1{border-collapse: collapse;width: 100%;}
table.mxn_org_table1 th,
table.mxn_org_table1 td{vertical-align:top; padding: 1em;border: solid 1px #ccc;}
table.mxn_org_table1 th {background: #f5f5f5; font-weight:700;}

@media screen and (max-width: 767px) {
table.mxn_org_table1 {width: 100%;}
table.mxn_org_table1 th,
table.mxn_org_table1 td {display: block;width: 100%;border-bottom:none;}
table.mxn_org_table1 td.mxn_org_table1_td_last_child{border-bottom:1px solid #ccc;}
}