@charset "UTF-8";

/* haiki 記事 SP 用オーバーライド（2026-04-10）— index_20210817.css の後に読み込む */

/* 比較表：本番同様、費用「無-有」「販売」など中立セル */
.bc-neutral {
  background-color: #ffffff !important;
}

/* CTA（パソコン回収誘導テーブル）・ページ下部キャッチ（PC個別CSSに依存しない） */
table.haiki-cta {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.haiki-bottom-catch {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* 記事見出し（PC個別の index_20200619.css 相当・SP用） */
h2.head {
  margin-top: 8vw;
}

/* 廃棄方法比較表：本番SPに合わせたヘッダー（グレー・ﾘｻｲｸﾙ/消去の枠） */
.haiki-compare-sp {
  table-layout: fixed;
  width: 100%;
  font-size: 12px;
}

.haiki-compare-sp tr:first-child th,
.haiki-compare-sp tr:first-child td {
  background-color: #e8e8e8 !important;
  vertical-align: middle !important;
}

/* 右側5列（ﾘｻｲｸﾙ〜手間）を均等に見せる */
.haiki-compare-sp tr:first-child td,
.haiki-compare-sp tr:not(:first-child) td {
  text-align: center;
}

.haiki-compare-sp tr:first-child td.haiki-compare-head-group-left {
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}

.haiki-compare-sp tr:first-child td.haiki-compare-head-group-right {
  border-right: 1px solid #000 !important;
}

/* データ行：ﾘｻｲｸﾙ／消去の2列をグループ化 */
.haiki-compare-sp tr:not(:first-child) td:nth-child(4) {
  border-left: 1px solid #000 !important;
}

.haiki-compare-sp tr:not(:first-child) td:nth-child(5) {
  border-right: 1px solid #000 !important;
}

.haiki-compare-sp col.haiki-compare-col-method {
  width: 28%;
}

.haiki-compare-sp col.haiki-compare-col-icon {
  width: 6%;
}

.haiki-compare-sp col.haiki-compare-col-narrow {
  width: 12%;
}

.haiki-compare-sp col.haiki-compare-col-target {
  width: 12%;
}

.haiki-compare-sp col.haiki-compare-col-cost {
  width: 12%;
}

.haiki-compare-sp col.haiki-compare-col-effort {
  width: 12%;
}

.haiki-compare-sp tr:first-child .haiki-compare-th-method {
  font-size: 3vw;
  padding: 0.35em 0.2em;
  line-height: 1.2;
}

.haiki-compare-sp tr:first-child .haiki-compare-head-compact {
  font-size: 2.7vw;
  font-weight: bold;
  padding: 0.3em 0.12em;
  line-height: 1.15;
  white-space: nowrap;
}

/* アイコン列：はみ出し防止（padding最小・画像を列内に収める） */
.haiki-compare-sp td:nth-child(2),
.haiki-compare-sp td:nth-child(3) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.haiki-compare-sp td:nth-child(2) img,
.haiki-compare-sp td:nth-child(3) img {
  max-width: 100%;
  height: auto;
}