@charset "UTF-8";

/* main
---------------------------------------------------------- */
.overviewArea {
  margin-bottom: 60px;
}

table {
  border-collapse: separate;
  width: 100%;
}

table th {
  display: block;
  background-color: #f0f0f0;
  font-weight: bold;
  padding: 10px 20px;
  border: solid 1px #fff;
  text-align: left;
}

table td {
  display: block;
  background-color: #fafafa;
  padding: 10px 20px;
  border: solid 1px #fff;
}

/* 画像 */
.pcImg {
  display: none;
}

.spImg {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 748px;
  height: auto;
}


/* media */
@media screen and (min-width: 769px) {
  .overviewArea {
    margin-bottom: 80px;
  }

  table {
    display: block;
    margin: 0 auto;
    max-width: 964px;
    width: 100%;
  }

  table th, table td {
    display: table-cell;
    vertical-align: middle;
  }

  table th {
    width: 270px;
    min-width: 55px;
  }

  table td {
    width: 694px;
    min-width: 595px;
  }

  .spImg {
    display: none;
  }

  .pcImg {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 960px;
    height: auto;
  }
}