@charset "utf-8";
/* 画像付きテーブル
-------------------------------------*/

table.table01 {
	width: 100%;







　/* テーブルの横幅 */
 border:#000 solid 2px;
	margin-bottom: 60px;
}
table.table01 tbody th {
 background:#eee;　/* 見出しの背景色 */
 color:#fff;　/* 見出しの文字色 */
 padding:20px 20px;　/* 見出しの上下・左右の余白 */
 border:#000 solid 1px;　/* 見出しの罫線 */
 vertical-align:center;　/* 見出しの縦位置（中央寄せ） */
}
table.table01 tbody td.table01-img img{
 width:180px;　/* 画像の横幅値 */
 height:135px;　/* 画像の縦幅値 */
 display:block;
}
table.table01 tbody td.table01-img{
 padding:0px ;　/* 画像自体の余白（なし） */
}
table.table01 tbody td {
 background:#fff;　/* 文章セルの背景色 */
 border:#000 solid 1px;　/* 文章セルの罫線 */
 padding:10px 15px;　/* 文章セルの上下・左右の余白 */
 vertical-align:top;　/* 文章セルの縦位置（中央寄せ） */
}
h4{
 color:#333;
 text-align: left;
 padding:20px 30px;
 font-size: 1.4rem;
 margin-top: 20px;
 margin-left: 20px;
}
/* テーブルのレスポンシブデザイン */

@media screen and (max-width: 780px) {
table.table01 tbody th {
 display:block;　/* ブロック要素にしてセルの幅を100％にする */
 padding:5px;
}
table.table01 tbody td.table01-img{
	padding: 0px;
}
table.table01 tbody td {
 display:block;
}
}