.wrap {
  background-color: #eaeaea;
}

.block_style {
  background-color: white;
  padding: 1rem;
  border-radius: 5px;
}

.bread_block {
  background-color: #e5e7eb;
}

.bread_block h1 {
  margin: 0;
  line-height: 1.8;
}

.bread_block nav > .breadcrumb {
  margin: 0;
  line-height: 1.8;
}

.bread_block nav > .breadcrumb > li a:hover {
  color: #009491;
}

.bread_block nav > .breadcrumb > li:first-child a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f015";
  margin-right: 5px;
}

main .kind_link_block {
  position: -webkit-sticky;
  position: sticky;
  top: calc(104px + 1rem);
}

main .mobile #select_category {
  background-color: #009491;
  color: white;
}

main .mobile #select_category:hover {
  background-color: #008481;
}

main .mobile .dropdown-menu .dropdown-item {
  color: #4b5563;
  white-space: normal;
}

main .mobile .dropdown-menu .dropdown-item:hover {
  color: #009491;
}

@media (max-width: 767.98px) {
  main .mobile .dropdown-menu {
    width: 100%;
  }
}

main .list {
  background-color: white;
  position: relative;
}

main .list .big_name {
  border-bottom: 1px solid #d1d5db;
}

main .list .big_name a {
  color: #009491;
  font-weight: bold;
}

main .list .big_name a:hover {
  color: #008481;
}

main .list .mid_name a {
  color: #4b5563;
  font-weight: bold;
}

main .list .mid_name a:hover {
  color: #009491;
}

main .list .small_name a {
  color: #4b5563;
}

main .list .small_name a:hover {
  color: #009491;
}

main .kind_link_block {
  background: white;
}

main .kind_link_block ul li a {
  text-decoration: underline;
  color: #4b5563;
}

main .kind_link_block ul li a:hover {
  color: #009491;
}
