body {
    background-color: #003b8f;
    color: white;
}

h1 {
    text-align: center;
}

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

th,
td {
  border: 1px solid #ffffff;
  padding: 10px;
}

.hero {
  position: relative;
  max-width: 900px;
  margin: auto;
}

.hero-image {
  width: 100%;
  height: auto;
  display: block;
}

.hotspot {
  position: absolute;
  display: block;
  z-index: 9999;
  cursor: pointer;
  background: transparent;
}

/* 5つのメニュー位置 */
.btn01 { left: 4%;  top: 42%; width: 16%; height: 15%; }
.btn02 { left: 23%; top: 42%; width: 16%; height: 15%; }
.btn03 { left: 42%; top: 42%; width: 16%; height: 15%; }
.btn04 { left: 61%; top: 42%; width: 16%; height: 15%; }
.btn05 { left: 80%; top: 42%; width: 16%; height: 15%; }

/* お問い合わせボタン */
.contact{
  position:absolute;
  left:28%;
  top:93%;
  width:44%;
  height:4%;
  z-index:20;

  background: transparent;
}

.content-image {
  max-width: 900px;
  width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}