/* =====================================================
   sc-add.css
   Webチーム用の追加CSS置き場
   ・新しいパーツを追加するたびに、このファイルの一番下に追記する
   ・1パーツ = 1かたまり。「===== ここから =====」「===== ここまで =====」で
     コメントごと区切って追記していく（手順書 §6 参照）
   ・クラス名は必ず sc_ から始める（例：.sc_about_hero）
   ===================================================== */

/* ===== [サンプル] 使い方の見本 ここから ===== */
/*
.sc_sample_lead {
    color: #1B998B;
    font-weight: bold;
}
.sc_sample_box {
    background-color: #F4F6F7;
    padding: 16px;
}
*/
/* ===== [サンプル] 使い方の見本 ここまで ===== */

/* ===== [MV] 画像読込前の高さ確保（CLS対策） ここから ===== */

.mv img {
	width: 100%;
	height: auto;
	aspect-ratio: 3200 / 1846;
	object-fit: contain;        /* 比率がずれても引き伸ばさない */
}

@media screen and (max-width: 834px) {
	.mv img {
		aspect-ratio: 961 / 1410;
	}
}

/* ===== [MV] 画像読込前の高さ確保（CLS対策） ここまで ===== */

/* ===== 代表的な止水・防水実績にリンク付きの実績追加 ここから ===== */
.sc_about_works_list2 {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(1fr);
  gap:10px;
}
.sc_about_works_list2 p {
  font-size: clamp(15px, 3.9473684211vw, 16px);
  font-weight: 400;
  padding-left: 1em;
  text-indent: -1em;
}
.sc_about_works_list2 p span {
  color: #0693E3;
}
.sc_about_works_list2 a{
  color:#333333;
}
/* ===== 代表的な止水・防水実績にリンク付きの実績追加 ここまで ===== */