.business_list-area {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* 幅に応じて自動調整 */
  gap: 5rem;
  justify-content: start; /* 余ったスペースは右側に */

  margin-top: 5em;
}

.business-content {
  box-sizing: border-box;
  margin-bottom: 40px; /* 下の段との余白 */
}

.business-image {
  aspect-ratio: 1 / 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.business-image:hover {
  opacity: 0.7;
}

.business-image img {
  width: 100%;
  height: auto;
  display: block;
}

.business-category {
  color: #333;
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 0.8em;

  margin: 5px 0 5px 0;
}

.business-title {
  color: #333;
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 1.5em;

  margin: 0;
}

.business-title-en {
  font-family:"Libre Baskerville";
} 

.business-en {
  color: #19679A;
  font-family:"Libre Baskerville";
  font-size: 0.8em;
}

/***********************フランチャイズここから**********************/

.franchise-title-section {
  margin: 5em 0;
}

.franchise-title {
  margin: 0 !important;
  text-align: left !important;
}

.franchise-title-en {
  font-family: "Libre Baskerville";
  color: #333;

  margin: 0 !important;
}

.franchise-title-en::before {
  content: '';
  display: inline-block;
  width: 2.5em;
}

.franchise-area {
  color: #333
}

.franchise-subtitle {
  margin-bottom: 1.5em;
}

.franchise-subtitle span {
  font-size: 1.2em;
  padding: 10px 20px;
  border: #ADE1DA 0.5px solid;
}

.franchise-caption {
  font-size: 0.8em;
}

.franchise-link-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 5em;
}

.franchise-link-box a {
  text-decoration: none;
  color: #333;
  font-size: 1em;

  margin-top: 10px;
  transition: all 0.3s ease;
}

.franchise-link-box a:hover {
  opacity: 0.6;
}

.franchise-link-box a::after {
  content: '\2197';
  margin-left: 5px;
  font-size: 0.9em;
  vertical-align: super;
}

/***********************フランチャイズここまで**********************/



/************************メディアクエリ************************/
@media (max-width: 768px) {
  .business_list-area {
    grid-template-columns: repeat(2, 1fr); /* 常に2列表示 */
    gap: 2em;
  }
}

@media (max-width: 400px) {
  .business_list-area {
    grid-template-columns: 1fr; /* 画面が極端に狭いときのみ1列 */
  }
}