.infoTable {
  border: 1px solid #000; }
  .infoTable dl {
    display: flex;
    font-size: 1.8rem;
    line-height: 1.75;
    border-top: 1px solid #000; }
    .infoTable dl:first-child {
      border-top: none; }
  .infoTable dt,
  .infoTable dd {
    padding: 10px; }
  .infoTable dt {
    font-weight: bold;
    background-color: #b2cdc4;
    display: flex;
    align-items: center;
    width: 240px;
    border-right: 1px solid #000; }
  .infoTable dd {
    width: 960px; }

.imgArea {
  max-width: 600px;
  margin: 30px auto 0; }

@media only screen and (max-width: 767px) {
  .infoTable dl {
    font-size: calc((30 / 800) * 100vw);
    line-height: 1.75; }
  .infoTable dt,
  .infoTable dd {
    padding: calc((18 / 800) * 100vw); }
  .infoTable dt {
    width: 35%; }
  .infoTable dd {
    width: 65%; }

  .imgArea {
    width: calc((600 / 800) * 100vw);
    margin-top: calc((30 / 800) * 100vw); } }