/* セクション全体 */
.secMerit {
  background-color: #f5f5f5;
  padding: 60px 20px;
}

/* セクション見出し */
.secMerit .md-secHead {
  text-align: center;
  margin-bottom: 40px;
}

.secMerit .secTtl {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.secMerit .secLead {
  font-size: 1rem;
  color: #555;
}

/* コンテンツ全体 */
.secMerit .secCts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

/* メインイメージ */
.secMerit .ctsImg {
  width: 100%;
  max-width: 900px;         /* ← 表の最大幅（例：900px） */
  margin: 0 auto 40px auto; /* ← 中央寄せ + 下余白 */
  text-align: center;
}

.secMerit .ctsImg img {
  width: 100%;              /* 枠に対して100%でフィット */
  height: auto;
  display: block;
}

/* リストラッパー */
.secMerit .ctsListWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  justify-content: center;
}

/* 個別リスト */
.secMerit .ctsList {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  width: calc(33.333% - 20px);
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.3s;
}

.secMerit .ctsList:hover {
  transform: translateY(-4px);
}

.secMerit .listInr {
  text-align: center;
}

/* タイトル */
.secMerit .listTtl {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 15px;
}

/* イラストの画像サイズと中央配置 */
.secMerit .listImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  height: 200px; /* 明示的に高さを指定して上下中央揃えにする */
}

.secMerit .listImg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* 説明文 */
.secMerit .listDesc {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
}

/* パートナーフロー画像のラッパー */
.secPartner .wrapImg {
  width: 100%;
  max-width: 900px;         /* お好みで800pxなどに調整可能 */
  margin: 0 auto 40px auto; /* 中央寄せ + 下余白 */
  text-align: center;
}

/* 画像本体 */
.secPartner .wrapImg img {
  width: 100%;
  height: auto;
  display: block;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px) {
  .secMerit .ctsList {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 600px) {
  .secMerit .secTtl {
    font-size: 1.5rem;
  }

  .secMerit .ctsList {
    width: 100%;
  }
}