@charset "UTF-8";
/* CSS Document */

.spec_grid { text-align: left; }
.spec_grid dd .material-icons { vertical-align: middle; }
.spec_grid dd .checked { color: #333; font-weight: bold; }
.spec_grid dd .blank { font-size: 11px; }
.spec_grid hr { width: 100%; border: 0; border-bottom: 1px dotted #666; }

@media screen and (max-width: 599px) { .pc { display: none !important; } }
@media screen and (min-width: 600px) { .sp { display: none !important; } }

@media screen and (min-width: 600px) { .spec_grid { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex: wrap; }
  .spec_grid dt { width: 20%; box-sizing: border-box; margin: 0; font-weight: bold; padding: 8px 0; }
  .spec_grid dd { width: 80%; box-sizing: border-box; margin: 0; padding: 6px 0; } }
@media screen and (max-width: 599px) { .spec_grid dt { box-sizing: border-box; background: #f5f5f5; width: 100%; margin: 4px 0; padding: 4px 8px; font-weight: bold; }
  .spec_grid dd { box-sizing: border-box; margin: 0 0 8px; padding: 0 0 0 12px; line-height: 1.8; overflow: hidden; } }
.remark { padding-left: 10px; line-height: 1.6; }