@charset "utf-8";
/* CSS Document */
.under_mv{
  background: url("/product/img/mv.png")no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}
.intro {
  padding: 40px 0 0;
}
.web_list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding: 40px 0;
}
.web_bnr {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 15px;
  background: var(--main-color);
  color: #fff;
  font-weight: bold;
}
.cat_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}
@media screen and ( max-width: 1023px ) {
}
@media screen and ( max-width: 767px ) {
.web_bnr {
  padding: 15px 5%;
  gap:10px;
  font-size: 1.4rem;
}
.cat_list {
  gap: 20px 0px;
  max-width: 502px;
  margin: auto;
}
  .cat_card{
    width: calc(50%);
  }
}