@charset "UTF-8";
#bgImg {
  background: url(../images/bg_index01.png) no-repeat right center, #5a90d0;
}

.btnList {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 42px;
}

.btnList li {
  display: inline-block;
  margin-right: 2%;
  width: 23%;
}

@media screen and (max-width: 767px) {
  .btnList li {
    margin-right: 4%;
    width: 47%;
  }
}

@media screen and (max-width: 767px) {
  .btnList li:nth-child(2n) {
    margin-right: 0;
  }
}

.btnList li:last-child {
  margin-right: 0;
}

.btnList li.active a {
  background: #006cff;
}

.btnList a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px 0;
  background: #c3d5e7;
  border-radius: 6px;
}

.greeting {
  line-height: 2;
  margin-bottom: 42px;
}

.table {
  width: 100%;
  margin-bottom: 48px;
  font-size: 12px;
}

.table tr:first-child th, .table tr:first-child td {
  border-top: 1px solid #cccccd;
}

.table th, .table td {
  padding: 10px 0;
  border-bottom: 1px solid #cccccd;
}

.table th {
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.08em;
  width: 95px;
}

@media screen and (max-width: 767px) {
  .table th {
    width: 90px;
  }
}

.historyTable th {
  width: 110px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
  .historyTable th {
    width: 90px;
  }
}

.historyTable th.modify01 {
  letter-spacing: 0.08em;
}

.historyTable th.modify02 {
  letter-spacing: 0.01em;
}

.map {
  margin-bottom: 42px;
}

.map iframe {
  width: 100%;
  height: 320px;
}