@charset "utf-8";
/* ----------------------------------------
flow
------------------------------------------- */
.flow {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.flow li {
  width: 100%;
  box-sizing: border-box;
  background-color: #eeeae6;
  border: 5px solid #b49c96;
  border-radius: 15px;
  padding: 30px;
}
.flow li h3 {
  position: relative;
  font-size: min(1.7777vw, 2.4rem);
  text-align: left;
  border-bottom: 2px dotted #b49c96;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.flow li h3 span{
  color: #825b50;
}
.flow li h4 {
  font-size: min(1.3333vw, 1.8rem);
  text-align: left;
  margin-bottom: 10px;
}
.flow .next {
  position: relative;
  margin-bottom: 50px;
}
.flow .next::after {
  position: absolute;
  display: inline-block;
  font-family: 'Font Awesome 6 Free';
  content: "\f107";
  color: #d9cdca;
  font-size: 4rem;
  bottom: -70px;
  left: 50%;
  transform: translate(-50%, 0);
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1350px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1349px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  /* ----------------------------------------
 
------------------------------------------- */

.flow li h3 {
  font-size: 2.0rem;
}
.flow li h4 {
  font-size: 1.6rem;
}

}