section.menu-box section.box h2 {}

section.menu-box section.box .icon {
  margin: 0 auto;
  width: auto;
  height: calc(34px + 3.4vw * 0.2);
  background: url("/assets/images/common/icon_basis.png?v=2") no-repeat center / auto 100%;
  transition-timing-function: ease-in-out;
  transition-duration: var(--themn-duration);
  filter: var(--filter-invert);
}

section.image-box .image {
  background: url("/assets/images/sub/focus/basis/top.jpg") no-repeat center / cover;
}

/**/

section.group>ul>li:nth-child(1) .icon {
  background-image: url("/assets/images/sub/focus/basis/hydrology/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 3.6);
}

section.group>ul>li:nth-child(2) .icon {
  background-image: url("/assets/images/sub/focus/basis/water_supply_n_wastewater_discharge/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 3.6);
}

section.group>ul>li:nth-child(3) .icon {
  background-image: url("/assets/images/sub/focus/basis/geotech/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 3.6);
}

/**/

section.bottom-box>ul>li:nth-child(1) .icon {
  background-image: url("/assets/images/sub/focus/basis/hydrology/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 2.8);
}

section.bottom-box>ul>li:nth-child(2) .icon {
  background-image: url("/assets/images/sub/focus/basis/water_supply_n_wastewater_discharge/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 2.8);
}

section.bottom-box>ul>li:nth-child(3) .icon {
  background-image: url("/assets/images/sub/focus/basis/geotech/icon_black.png?v=1.1");
  background-size: auto calc(29px + 2.9vw / 2.8);
}

/**/

section.bottom-box li:nth-child(1) {
  background-image: url("/assets/images/sub/focus/pic/107/1.jpg");
}

section.bottom-box li:nth-child(2) {
  background-image: url("/assets/images/sub/focus/pic/85/1.jpg");
}

section.bottom-box li:nth-child(3) {
  background-image: url("/assets/images/sub/focus/pic/139/1.jpg");
}