/* a-before_after
======================================= */
.a-before_after__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em;
  margin: 0 auto 4em;
}
@media (max-width: 768px) {
  .a-before_after__search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2em;
  }
}
@media (max-width: 768px) {
  .a-before_after__search-item {
    width: 100%;
  }
}
.a-before_after__search-item a {
  display: block;
  font-size: 1.125em;
  text-align: center;
  color: #787878;
  line-height: 1;
  font-weight: bold;
  border: 2px solid #787878;
  padding: 0.75rem 1.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .a-before_after__search-item a {
    font-size: 0.875em;
  }
}
.a-before_after__search-item a:hover {
  background-color: #787878;
  color: #fff;
}
.a-before_after__search-item.is-active a {
  background-color: #BCA072;
  border: 2px solid #BCA072;
  color: #fff;
}
.a-before_after__list {
  margin: 0 auto 4em;
}
.a-before_after__btn {
  max-width: 500px;
  margin: auto;
}
.a-before_after__btn a {
  font-size: 1.125em;
  padding: 1.375em;
}
@media (max-width: 768px) {
  .a-before_after__btn a {
    font-size: 1em;
    padding: 1rem;
  }
}
.a-before_after__btn a::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.a-before_after__btn a:hover::after {
  -webkit-transform: translateY(0.25em) rotate(90deg);
          transform: translateY(0.25em) rotate(90deg);
}

.e_before_after__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .e_before_after__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.e_before_after__item:nth-child(n+2) {
  margin-top: 4em;
}
@media (max-width: 768px) {
  .e_before_after__item:nth-child(n+2) {
    margin-top: 2em;
  }
}
.e_before_after__item-left {
  width: 47.22%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (max-width: 768px) {
  .e_before_after__item-left {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .e_before_after__item-list-item:nth-child(n+2) {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .e_before_after__item-list-item-title {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .e_before_after__item-list-item-text {
    font-size: 0.9375rem;
  }
}
.e_before_after__item-contents {
  width: 47.22%;
}
@media (max-width: 768px) {
  .e_before_after__item-contents {
    width: 100%;
  }
}