:root {
  --baceFontColor: #333333;
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/*** main px ***/
#top_img {
  padding: 30px 0 0 0;
}
#top_img span#top_img_s {
  display: none;
}
@media screen and (max-width: 768px) {
  #top_img span#top_img_l {
    display: none;
  }
  #top_img span#top_img_s {
    display: block;
  }
}

#breadcrumb {
  display: none;
}

#infobox h2.section_title {
  color: red;
}
#infobox h2.section_title:after, #infobox h2.section_title:before {
  background-color: red;
}
#infobox ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 20px;
}
#infobox ul li {
  background: white;
  box-shadow: 0px 0px 3px 0px #CCC;
}
#infobox ul li a {
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #624422;
}
#infobox ul li a img {
  width: 85%;
}
#infobox ul li a h3 {
  font-weight: bold;
}
#infobox ul li a p {
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
#infobox ul li a:hover img {
  transition: all 0.5s ease;
  transform: rotate(-10deg);
}
#infobox ul li:btg-child(4n) {
  margin-right: 0;
}/*# sourceMappingURL=index.css.map */