@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder {
    width: min(90.9090909091vw, 1000px);
    margin-inline: auto;
    margin-top: min(6.5454545455vw, 72px);
    margin-bottom: min(9.0909090909vw, 100px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder {
    margin-inline: 2.4vw;
    margin-top: 10.8vmin;
    margin-bottom: 13.3333333333vw;
  }
}
.refa_brush_series__finder__box {
  display: flex;
  background-color: #faf6f6;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box {
    align-items: center;
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box {
    flex-direction: column;
  }
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__photo {
    width: min(35.2727272727vw, 388px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__photo {
    height: 82.6666666667vw;
  }
  .refa_brush_series__finder__box__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt {
    flex: 1;
    padding: min(4.5454545455vw, 50px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 9.0666666667vw 2.6666666667vw;
    text-align: center;
  }
}
.refa_brush_series__finder__box__txt .label {
  position: relative;
  display: inline-flex;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  letter-spacing: 0.1em;
  color: #b9888b;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .label {
    margin-bottom: min(0.9090909091vw, 10px);
    padding-bottom: min(0.7272727273vw, 8px);
    font-size: min(1.0909090909vw, 12px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .label {
    margin-bottom: 3.7333333333vw;
    padding-bottom: 2.1333333333vw;
    font-size: 3.2vw;
  }
}
.refa_brush_series__finder__box__txt .label::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  display: block;
  height: 1px;
  background-color: #b9888b;
}
.refa_brush_series__finder__box__txt .head {
  display: block;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .head {
    margin-bottom: min(1.3636363636vw, 15px);
    font-size: min(2vw, 22px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .head {
    margin-bottom: 2.4vw;
    font-size: 6.6666666667vw;
  }
}
.refa_brush_series__finder__box__txt .head .sub {
  display: block;
  font-size: 0.7em;
  letter-spacing: 0.1em;
}
.refa_brush_series__finder__box__txt .head .main {
  display: block;
}
.refa_brush_series__finder__box__txt .head .main .refa {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .txt {
    margin-bottom: min(2.2727272727vw, 25px);
    font-size: min(1.2727272727vw, 14px);
    line-height: min(2.5454545455vw, 28px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .txt {
    margin-bottom: 5.3333333333vw;
    font-size: 3.2vw;
    line-height: 5.8666666667vw;
  }
}
.refa_brush_series__finder__box__txt .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #b9888b;
  cursor: pointer;
  transition: 0.6s all ease-in-out;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .btn {
    gap: min(0.5454545455vw, 6px);
    width: min(16.8181818182vw, 185px);
    height: min(3.4545454545vw, 38px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .btn {
    gap: 2.1333333333vw;
    width: 41.6vw;
    height: 10.2666666667vw;
  }
}
.refa_brush_series__finder__box__txt .btn__icn {
  display: block;
  border-top: 1px solid #b9888b;
  border-right: 1px solid #b9888b;
  rotate: 45deg;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .btn__icn {
    width: min(0.7272727273vw, 8px);
    height: min(0.7272727273vw, 8px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .btn__icn {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.refa_brush_series__finder__box__txt .btn__txt {
  color: #b9888b;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 750.01px) {
  .refa_brush_series__finder__box__txt .btn__txt {
    font-size: min(1.0909090909vw, 12px);
  }
}
@media screen and (max-width: 750px) {
  .refa_brush_series__finder__box__txt .btn__txt {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=refa_brush_series.css.map */