@import url("root.css");
.feature_block02 {
  background: #fafbf6;
  padding: clamp(40px, 10.6vw, 82px) 0;
  margin: 0 !important;
  position: relative;
  z-index: 0;
}
.feature_block02:before, .feature_block02:after {
  content: "";
  width: 100vw;
  height: 100%;
  background: #fafbf6;
  position: absolute;
  top: 0;
  z-index: -1;
}
.feature_block02:before {
  left: 100%;
}
.feature_block02:after {
  right: 100%;
}
.feature_block02 .txt_wrap p {
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 500;
}
.feature_block02 .txt_wrap p:not(:last-child) {
  margin-bottom: 30px;
}

.feature_block03 .row .col {
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.11);
}
.feature_block03 .row .box {
  padding: 0 15px 15px;
}
.feature_block03 .row .box p {
  font-weight: 500;
}
@media (min-width: 768px) {
  .feature_block03 .row {
    gap: clamp(20px, 2.6vw, 40px);
  }
}

.feature_block04 .row {
  padding: 10px clamp(10px, 1.3vw, 30px) 10px 10px;
  background: #f6f6ec;
}
.feature_block04 .row:not(:last-child) {
  margin-bottom: 20px;
}
.feature_block04 .txt_wrap {
  line-height: 1.7777777778;
  font-weight: 500;
}
.feature_block04 .txt_wrap p {
  font-size: clamp(16px, 1.6vw, 18px);
}
.feature_block04 .row + .row {
  margin-top: 0;
}
@media (min-width: 768px) {
  .feature_block04 .row {
    gap: 0 3.6%;
    grid-template-columns: repeat(33.2, 63.2%, 1fr);
  }
}