@charset "utf-8";

/* ========================================
   排水管洗浄 固有アニメーションCSS
   ======================================== */

/* 見積もりボタン ホバー */
.mituItem{
  transition: background 0.8s;
  cursor: pointer;
}
.mituItem:hover{
  background: var(--color-dark);
  box-shadow: -10px 10px 6px 0 rgba(0, 0, 0, 0.25);
}

/* スクロール表示アニメーション（排水管洗浄固有セレクタ） */
.AN , h2 , .videoOut , .contactInner , .contactItem , .menuBottom{
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
.AN.show , h2.show , .videoOut.show , .contactInner.show , .contactItem.show , .menuBottom.show{
  opacity: 1;
  transform: none;
}