/*
brakepoint
*/
main {
  counter-reset: number 0; }

.simple-content ul {
  margin-bottom: 30px; }
.simple-content ol li .btn {
  margin: 10px 0; }
  @media screen and (max-width: 800px) {
    .simple-content ol li .btn {
      margin-left: auto; } }

.honnin-content {
  position: relative;
  width: 100%;
  max-width: 675px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 25px 30px;
  margin-bottom: 35px; }
  @media screen and (max-width: 800px) {
    .honnin-content {
      max-width: inherit;
      padding: 25px 10px;
      margin-bottom: 25px; } }
  .honnin-content::before, .honnin-content::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #FFFFFF; }
  .honnin-content::before {
    top: 0px; }
  .honnin-content::after {
    bottom: -2px; }
  .honnin-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 3.6%;
    margin-bottom: 0; }
    @media screen and (max-width: 800px) {
      .honnin-content ul {
        gap: 5px 1%; } }
    .honnin-content ul li {
      width: 19.8%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        .honnin-content ul li {
          width: 49%; } }
      .honnin-content ul li.wide {
        width: 29.7%; }
        @media screen and (max-width: 800px) {
          .honnin-content ul li.wide {
            width: 49%; } }
      .honnin-content ul li::before {
        display: none; }

p.btn {
  margin-left: 30px; }
  @media screen and (max-width: 800px) {
    p.btn {
      margin-left: 0; } }