.area_vlist_btn {
  display: block;
  width: auto;
  margin: 20px auto 30px;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
  color: #FFF;
  font-size: 36px;
  font-weight: bold;
  background: rgba(247, 186, 35, 1);
  border-bottom: 5px solid #f7931e;
}

.area_vlist_btn:hover {
  border-top: 5px solid #f7931e;
  border-bottom: none;
}

@media screen and (max-width: 786px) {
  .area_vlist_btn {
    width: 95%;
    font-size: 20px;
    margin: 150px auto 20px;
  }
}


  #area_box,
  #area_box h2,
  #area_box .area_info,
  #area_box .area_info p,
  #area_box .other_area,
  #area_box .other_area h3,
  #area_box .other_area ul,
  #area_box .other_area ul li,
  #area_box .other_area ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  #area_box .area_info,
  #area_box .area_info p {
    justify-content: flex-start;
  }

  #area_box .other_area ul li a {
    justify-content: center;
  }

  #area_box h2,
  #area_box h3,
  #area_box .other_area,
  #area_box .other_area ul,
  #area_box .other_area li a {
    width: 100%;
  }

  #area_box .other_area ul li {
    width: 11.1%;
  }

  #area_box .area_info {
    width: 52.5%;
  }

  #area_box img {
    width: 45%;
  }

  #area_box .other_area li a {
    height: 100%;
  }

  #area_box img {
    height: auto;
  }

  #area_box img {
    margin-left: auto;
  }

  #area_box .other_area ul li {
    padding: 10px 0;
  }

  #area_box .area_info p {
    text-indent: 1em;
  }

  #area_box h2,
  #area_box .area_info {
    margin-bottom: 20px;
  }

  #area_box h3 {
    margin-bottom: 10px;
  }

  #area_box .other_area ul,
  #area_box .other_area ul li {
    box-sizing: border-box;
  }

  #area_box .other_area ul {
    border-left: 1px solid #dcdcdd;
  }

  #area_box .other_area ul li {
    border-top: 1px solid #dcdcdd;
    border-bottom: 1px solid #dcdcdd;
    border-right: 1px solid #dcdcdd;
  }




  @media only screen and (max-width: 1300px) and (max-width: 786px) {
    #area_box .other_area ul li {
      width: 50%;
    }

    #area_box .area_info,
    #area_box img {
      width: 100%;
    }

    #area_box {
      margin-top: 50px;
    }

    #area_box img {
      margin-bottom: 30px;
    }

  }