/* =====================
   works-portfolio.css
   ポートフォリオサイトページ専用スタイル
   ※ works-hp.css を継承し、ワイヤーフレームセクションのみ追加
===================== */
.wh-mockup-title{
  font-weight: 400;
}
.section-heading h2{
  font-weight: 400;
}
/* =====================
   WIREFRAME セクション
===================== */
.wp-wireframe {
  padding: var(--section-pad);
  background: var(--bg-light);
}
 
.wireframe-single img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--border);
  background-color: #d9d9d9;
}
 .section-heading{
  color: #fff;
 }

/* =====================
   デスクトップ (960px ~)
===================== */
@media (min-width: 960px) {
  .wireframe-grid {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
  }

  /* PC ワイヤーフレーム：幅広め */
  .wireframe-block--pc {
    flex: 2;
  }

  /* SP ワイヤーフレーム：幅せまめ */
  .wireframe-block--sp {
    flex: 1;
  }
}