.flow_ns{
  /* display:flex;
  justify-content: space-between;
  flex-wrap: wrap; */
  margin-bottom: 40px;
}
.flow_ns::after{
  content:"";
  display: block;
  width:30%;
}
.flow_ns_item{
  width: calc((100% - 160px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0;
  position: relative;

}

.flow_ns_title{
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
}
.flow_ns_title .no{
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  background: #000;
  display: inline-block;
  border-radius: 50%;
  padding: 15px 20px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-30%,-40%);
}
.flow_ns_title .step{
  display: block;
  padding: 10px;
  background: #efefef;
}
.flow_ns_title .step.shampoo{
  background: #c1e3b9;
}
.flow_ns_title .step.conditioner{
  background: #f7aebc;
}

img.images{
  max-width: 100%;
}
.ns_list_check{
  margin: 30px 0;
}
.ns_list_check li{
  font-size: 1.125rem;
  color: #5e712c;
  font-weight: bold;
  margin-bottom: .25rem;
}
.radiusBox.--ns{
  background: #e6f1dc;
  font-weight: bold;
    color: #5e712c;

}
@media screen and (max-width: 767px){
  .flow_ns{
    margin-bottom: 20px;
  }
  .flow_ns_item{
    width: 100%;
  }
  .flow_ns_title .no{
    transform: translate(-10%,-20%);
  }
  .flow_ns_title_img{
    text-align: center;
  }
  .flow_ns_title_img img.images{
    width: 250px;
  }
}

a.txt_link_eco{
  color: #5e712c;
}

#pageLink.--eco a{
  background: #6d4135;
}
#pageLink.--eco a.active{
  background: #5e712c;
}

.heading02:after{
  background: #5e712c;
}
.heading03:after{
  border-bottom-color: #5e712c;
}
.heading04::after{
  border-color: #5e712c;
}

#visual{
  position: relative;
}
.ico_new{
  font-size: 1.125em;
  top: 80px;
  left: 100px;
}
@media screen and (max-width: 767px){
  .ico_new{
    font-size: 1em;
    top: 70px;
    left: 55px;
  }  
}
.lineup{
  column-gap: 40px;
}
.lineup li{
  width: 40%;
}
@media screen and (max-width: 767px){
  .lineup li{
    width: 100%;
  }
  .lineup li a img{
    width: 70%;
    margin-bottom: 0;
  }
}
.lineup_box{
  color: #fff;
  background: #5e712c;
  padding: 1em;
  border-radius: 8px;
}
.lineup_box br{
  display: none;
}
@media screen and (max-width: 767px){
  .lineup_box{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }
  .lineup_box br{
    display: block;
  }
}
.lineup_box p{
  margin-bottom: 0;
}
.lineup img {
  max-width: 300px;
}