@charset "utf-8";

/* ==========================================================================
  content
  ========================================================================== */
.content {
}
.content .container {
}
.content h3 {
  border-bottom: 3px solid #b3b3b3;
  font-weight: 500;
  line-height: 1.3;
}
.content .block {
}
.content .block *:last-child {
  margin-bottom: 0;
}
.content h4 {
  background: #f3f3f3;
  font-weight: 500;
}
.content h5 {
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1;
}
.content h6 {
  font-weight: 500;
  letter-spacing: .05em;
}
.content p {
  letter-spacing: .05em;
}
.content ul {
  padding: 0;
  list-style: none;
}
.content li {
  padding-left: 1.7em;
  text-indent: -1.7em;
  letter-spacing: .05em;
}
.content ol {
  padding: 0;
}
.content ol > li {
  padding-left: 1.2em;
  text-indent: -1.2em;
  list-style-position: inside;
}
.content dl {
  display: flex;
  margin: 0;
  text-indent: 0;
}
.content dt {
  letter-spacing: .05em;
}
.content dd {
  margin-left: 20px;
  letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
  .content {
  }
  .content .container {
  }
  .content h3 {
    margin: 0 0 25px;
    padding-bottom: 10px;
    font-size: 1.7rem;
  }
  .content .block {
    margin-bottom: 50px;
  }
  .content h4 {
    margin: 0 0 15px;
    padding: 15px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
  .content h5 {
    margin: 0 0 10px;
    padding-left: 7px;
    border-left: 3px solid #00b7e7;
    font-size: 1.4rem;
  }
  .content *:not(h4) + h5 {
    margin-top: 20px;
  }
  .content h6 {
    margin: 0 0 10px;
    font-size: 1.3rem;
  }
  .content p {
    margin: 0 0 10px;
    font-size: 1.3rem;
  }
  .content ul {
    margin: 0 0 10px;
  }
  .content li {
    font-size: 1.3rem;
  }
  .content ol {
    margin: 0 0 10px;
  }
  .content dl {
  }
  .content dt {
    font-size: 1.3rem;
  }
  .content dd {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .content {
  }
  .content .container {
  }
  .content h3 {
    margin: 0 0 50px;
    padding-bottom: 10px;
    font-size: 2.3rem;
  }
  .content .block {
    margin-bottom: 100px;
  }
  .content h4 {
    margin: 0 0 35px;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 1.7rem;
  }
  .content h5 {
    margin: 0 0 20px;
    padding-left: 13px;
    border-left: 5px solid #00b7e7;
    font-size: 1.8rem;
  }
  .content *:not(h4) + h5 {
    margin-top: 45px;
  }
  .content h6 {
    margin: 0 0 10px;
    font-size: 1.5rem;
  }
  .content p {
    margin: 0 0 15px;
    font-size: 1.5rem;
  }
  .content ul {
    margin: 0 0 15px;
  }
  .content li {
    font-size: 1.5rem;
  }
  .content ol {
    margin: 0 0 15px;
  }
  .content dl {
  }
  .content dt {
    font-size: 1.5rem;
  }
  .content dd {
    font-size: 1.5rem;
  }
}