h2 {
  width: 100%;
  margin: 10px 0;
  padding: 3px 10px;
  border-left: solid 10px #ffafaf;
  font-size: 1.5rem;
}
h3 {
  position: relative;
  margin: 8px 0;
  padding: 3px;
  border-top: solid 4px #ffe699;
  border-bottom: solid 4px #ffe699;
  font-size: 1.3rem;
}
  h3::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 30%;
    height: 100%;
    border-top: solid 4px #9dc3e6;
    border-bottom: solid 4px #9dc3e6;
  }
h4 {
  margin: 5px 0;
  padding: 3px 10px;
  border-left: solid 6px #9dc3e6;
}

table {
  border-collapse: collapse;
  width: 95%;
  margin: 5px auto;
  border: solid 1px #aaa;
}
  table th {
    padding: 5px;
    background: #ddecff;
    border: solid 1px #aaa;
  }
  table td {
    padding: 5px;
    border: solid 1px #aaa;
  }

.page-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  background: #F8FFE7;
}
  .page-head img {
    height: 100%;
  }

#main {
  min-height: 80vh;
  color: #595959;
}
  .article {
    width: 100%;
  }
  .article-mainimg {
    width: 100%;
    text-align: center;
  }
    .article-mainimg img {
      max-width: 100%;
      max-height: 40vh;
    }
  .article-contents {
    width: 100%;
  }
  .article-contents img {
    max-width: 100%;
  }
    .article-img {
      display: block;
      max-width: 100%;
      margin: 5px auto;
    }
  .salon-button-jump.article-button {
    margin: 5px auto 15px;
  }