@charset "utf-8";
.imgbox { float: left; width: 15%; margin-top: 20px; }
.imgbox img { width: 100%; }
.textbox { float: right; width: 80%; margin-top: 20px;}
table { border-collapse: collapse; margin-bottom: 20px; width: 100%;}
th{padding: 10px 20px 10px 10px; text-align: left; vertical-align: top; white-space: nowrap; border-bottom: 1px dotted #999;}
td{padding: 10px 10px 10px 0; border-bottom: 1px dotted #999;}
@media screen and (max-width: 640px) {
.imgbox { float: none; width: 30%; margin: 0 auto; }
.textbox { float:none; width: 100%; }
th,
td { width: 100%; display:block; padding: 10px;}
}