/* ──────────────────────────────────────────
   2. カバーセクション
──────────────────────────────────────────*/
.cover-section {
  position: relative;
  width: 100%;
  overflow: hidden;       /* はみ出し部分を隠す */
}

/* IMG をカバー表示 */
.cover-section .cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* 右上三角リンク */
/* 表示中のページは反転 */
.card-list li a.active {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
}
.card-list li a.active::before {
  /* 三角形も反転（背景が accent なので白に） */
  border-bottom-color: var(--color-primary);
}

/* カードリンク */
.card-list li a {
  background: var(--color-white);
  border: 2px solid var(--color-secondary);
  color: var(--color-secondary);
}

/* 右上の三角形 */
.card-list li a::before {
  border-bottom: 1rem solid var(--color-secondary);
}

/* hover で反転 */
.card-list li a:hover {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
}
.card-list li a:hover::before {
  /* 三角形も反転（背景が accent なので白に） */
  border-bottom-color: var(--color-primary);
}

/* ──────────────────────────────────────────
   研究開発
──────────────────────────────────────────*/
.places-section {
  background: var(--color-white);
}

.qc-section img {
  width: 100%;
}

.pc-section img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .places-section .container {
    padding-bottom: 0;
  }
  .places-section hr:last-child {
    margin-bottom: 0;
  }
}

/* ──────────────────────────────────────────
   木材保存
──────────────────────────────────────────*/
@media screen and (max-width: 768px) {
  .business-block-card {
    margin-bottom: 30px;
  }
  .business-block {
    margin-bottom: 0;
  }
  .business-block ul:nth-child(2) {
    margin-top: 30px;
  }
}