@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*==================================================================
 リフォームの流れ
===================================================================*/
.page-flow .sec01 {
  padding: clamp(60px, 15vw, 150px) 5vw;
  background: #eee0d6;
}
.page-flow .flowList {
  max-width: 1090px;
  margin: 0 auto;
}
.page-flow .flowList_item {
  padding: 2em 1.275em;
  font-size: clamp(1.4rem, 2.2vw, 2.2rem);
  background: #fff;
  display: flex;
  align-items: center;
  position: relative;
}
.page-flow .flowList_item:not(:last-child) {
  margin-bottom: clamp(40px, 10vw, 60px);
}
.page-flow .flowList_item:not(:last-child)::after {
  content: "";
  width: 50px;
  height: 20px;
  background: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  bottom: -19px;
  left: calc(50% - 25px);
}
.page-flow .flowList_num {
  width: 1.4em;
  aspect-ratio: 1;
  padding-top: 0.15em;
  margin-right: 0.7em;
  font-family: "Josefin Sans", sans-serif;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1;
  font-weight: bold;
  color: #ff8433;
  border: 3px solid #ff8433;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.page-flow .flowList_txt {
  line-height: 1.275;
  font-weight: bold;
}
.page-flow .flowList_txt .blue {
  color: #3388c5;
}
.page-flow .flowList_txt .red {
  color: red;
}/*# sourceMappingURL=flow.css.map */