.title01::before {
  content: "";
  display: block;
  background-image: url("../img/icon_house.png");
  width: 107px;
  height: 95px;
  background-size: contain;
  margin: 0 auto;
}
@supports (background-image: url("../img/icon_house.webp")) {
  .title01::before {
    background-image: url("../img/icon_house.webp");
  }
}
.title02::before {
  content: "";
  display: block;
  background-image: url("../img/icon_house2.png");
  width: 107px;
  height: 95px;
  background-size: contain;
  margin: 0 auto;
}
@supports (background-image: url("../img/icon_house2.webp")) {
  .title02::before {
    background-image: url("../img/icon_house2.webp");
  }
}
.title03 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
.title03 h2 {
  position: relative;
  z-index: 2;
}
.title03 h2::after {
  width: 36px;
  height: 36px;
  content: "";
  display: block;
  background: #fca518;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  left: 180px;
  bottom: -15px;
  -webkit-transform: rotate(-31deg);
          transform: rotate(-31deg);
  z-index: -1;
}
.title04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
  position: relative;
}
.title04::before {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background: url("../img/title04.svg") no-repeat;
  background-size: contain;
}
.title04::after {
  content: "";
  display: block;
  width: 52px;
  height: 34px;
  background: #2f7627;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -20px;
}
.title05::before {
  content: "";
  display: block;
  background: url("../img/icon_house3.png");
  width: 107px;
  height: 95px;
  background-size: contain;
  margin: 0 auto;
}
.title06 {
  position: relative;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.title06::after {
  content: "";
  display: block;
  width: 18px;
  height: 11px;
  background: #fca518;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.title07 {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.title07::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
}
.title07.-advice-point1::before {
  background-image: url("../img/advice-point1.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@supports (background-image: url("../img/advice-point1.webp")) {
  .title07.-advice-point1::before {
    background-image: url("../img/advice-point1.webp");
  }
}
.title07.-company-features::before {
  background-image: url("../img/company-features.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@supports (background-image: url("../img/company-features.webp")) {
  .title07.-company-features::before {
    background-image: url("../img/company-features.webp");
  }
}
.title07.-sales-examples::before {
  background-image: url("../img/sales-examples.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@supports (background-image: url("../img/sales-examples.webp")) {
  .title07.-sales-examples::before {
    background-image: url("../img/sales-examples.webp");
  }
}
.title07.-company-overview::before {
  background-image: url("../img/company-overview.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@supports (background-image: url("../img/company-overview.webp")) {
  .title07.-company-overview::before {
    background-image: url("../img/company-overview.webp");
  }
}
.title07.-shake-hands::before {
  background-image: url("../img/shake-hands.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@supports (background-image: url("../img/shake-hands.webp")) {
  .title07.-shake-hands::before {
    background-image: url("../img/shake-hands.webp");
  }
}
.title08::before {
  content: "";
  display: block;
  background-image: url("../img/icon_house4.png");
  width: 107px;
  height: 95px;
  background-size: contain;
  margin: 0 auto;
}
@supports (background-image: url("../img/icon_house4.webp")) {
  .title08::before {
    background-image: url("../img/icon_house4.webp");
  }
}
.title09::before {
  content: "";
  display: block;
  background-image: url("../img/icon_house5.png");
  width: 107px;
  height: 95px;
  background-size: contain;
  margin: 0 auto;
}
@supports (background-image: url("../img/icon_house5.webp")) {
  .title09::before {
    background-image: url("../img/icon_house5.webp");
  }
}