/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 14 2025 | 21:40:28 */
/* 共通スタイル：各ボックスの親 */
.box1, .box2, .box3, .box4 {
  overflow: hidden;
  position: relative;
}

/* 画像ウィジェット（.img）自体にもトリミングを確実に適用 */
.box1 .img,
.box2 .img,
.box3 .img,
.box4 .img {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* 各ボックス内の画像拡大用 */
.box1 .img img,
.box2 .img img,
.box3 .img img,
.box4 .img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
  transform-origin: center;
}

/* ホバー時に拡大 */
.box1:hover .img img,
.box2:hover .img img,
.box3:hover .img img,
.box4:hover .img img {
  transform: scale(1.08);
}

/* 各ボックス内の見出し */
.box1 .heading,
.box2 .heading,
.box3 .heading,
.box4 .heading {
  transition: color 0.3s ease;
  color: #333333;
}

/* ホバー時に色変更 */
.box1:hover .heading,
.box2:hover .heading,
.box3:hover .heading,
.box4:hover .heading {
  color: #01A290;
}