.index_before_img picture {
  display: block;
  overflow: hidden;
  aspect-ratio: 1738 / 1210;
}
.index_before_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% 45%;
  filter: url(#consultation-photo-tone);
}

/* Keep the supplied photographs intact; crop only their display frames. */
.selling_step .selling-photo-frame {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
}
.selling_step .selling-photo-frame img {
  position: absolute;
  max-width: none;
  height: auto;
}
.selling_step li .step_img::before {
  z-index: 2;
}
.selling_step .selling-photo-01 {
  width: 153.6%;
  left: -30%;
  top: -1%;
  filter: url(#consultation-photo-tone);
}
.selling_step .selling-photo-02 {
  width: 457.846154%;
  left: -175.384615%;
  top: -100%;
  filter: url(#consultation-photo-tone);
}
.selling_step .selling-photo-03 {
  width: 100%;
  left: 0;
  top: 0;
}
.selling_step .selling-photo-05 {
  width: 187.6%;
  left: -55%;
  top: -8%;
  filter: url(#hero-photo-tone);
}

/* Recreate the original three-photo arrangement with separate photographs. */
#index_message .message_photos {
  aspect-ratio: 1626 / 2046;
  isolation: isolate;
  margin-bottom: 0;
}
#index_message .message-photo {
  display: block;
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
#index_message .message-photo img {
  position: absolute;
  max-width: none;
  height: auto;
}
#index_message .message-photo-main {
  top: 0;
  left: 0;
  width: 100%;
  height: 64.37%;
}
#index_message .message-photo-main img {
  width: 188%;
  left: -56.666667%;
  top: 0.3%;
  filter: url(#consultation-photo-tone);
}
#index_message .message-photo-left,
#index_message .message-photo-right {
  width: 35.18%;
  height: 41.06%;
  border: clamp(3px, 0.416667vw, 8px) solid #fff;
  border-radius: 8.5% / 6%;
  z-index: 1;
}
#index_message .message-photo-left {
  left: 6.03%;
  top: 58.94%;
}
#index_message .message-photo-left img {
  width: 270.545455%;
  left: -86.363636%;
  top: -12.38%;
}
#index_message .message-photo-right {
  left: 42.68%;
  top: 47.17%;
}
#index_message .message-photo-right img {
  width: 270.545455%;
  left: -100.909091%;
  top: -6.19%;
  filter: url(#hero-photo-tone);
}
@media screen and (max-width: 1024px) {
  #index_message .message_photos {
    position: relative;
  }
}
@media screen and (min-width: 1025px) {
  #index_message .main_sec .text_block {
    padding-right: calc(40% + 32px);
  }
}
