@charset "UTF-8";

/*
メインカラー
#CC9932
or
rgba(205,154,35,1.00)
*/
@media screen and (max-width: 960px) {
}

@media screen and (max-width: 768px) {
}
/* page styles
=================================================================== */
.his {
  padding: 0;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.h01 {
  border-color: #7caf50;
}

/*価格
---------------------------------------------------------------------------------------------------- */
/*価格体系*/
.price-features {
  display: flex;
  justify-content: center;
  padding-inline-start: 0px;
}
.price-features li:not(:last-child) {
  margin-right: 90px;
  position: relative;
}
.price-features li:not(:last-child):after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  font-size: 23px;
  color: #7caf50;
  position: absolute;
  right: -55px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.price-feature {
  background-color: #f7f2eb;
  width: 35%;
  list-style: none;
  padding: 30px 20px;
  border-radius: 11px;
}
.price-feature .feature-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 440px) {
  .price-features {
    flex-direction: column;
  }

  .price-features li:not(:last-child):after {
    bottom: -38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .price-features li:not(:last-child) {
    margin-bottom: 54px;
    margin-right: 0px;
  }
  .price-feature {
    width: auto;
  }
}

/*価格表*/
table.tbl01 th,
table.tbl01 td {
  padding: 0.5em 1em;
  border-color: #7caf50;
  font-size: 14px;
}
table.tbl01 th {
  vertical-align: middle;
  text-align: center;
  background: #a3c784;
}


/*導入の流れ
---------------------------------------------------------------------------------------------------- */
.flow-wrap {
  counter-reset: count;
  margin: 2em 0;
  position: relative;
  text-align: left;
}
.flow-content {
  padding: 0.1em 0 3em 130px;
  margin: 0;
  position: relative;
}
.flow-content::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: #f7f2eb;
  border: solid 3px #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 0 0 2px #f7f2eb;
}
.flow-content::after {
  content: "";
  display: block;
  height: calc(100% - 35px);
  border-left: dotted 5px #cec2b1;
  position: absolute;
  top: 94px;
  left: 43px;
}
.flow-label {
  color: black; /*#fff;*/
  font-weight: bold;
  font-size: 50px;
  position: absolute;
  top: 6px;
  left: 21px;
}
.flow-title {
  color: #7caf50;
  font-weight: bold;
  font-size: 1.5em;
}
.flow-body {
  margin-top: 0.5em;
  padding: 0 0 1em;
  /* border-bottom: dotted 2px #ddd; */
}
.flow-wrap > :last-of-type::after {
  display: none;
}
@media screen and (max-width: 440px) {
  .flow-content {
    padding: 0.1em 0 3em 92px;
  }
  .flow-content::before {
    width: 60px;
    height: 60px;
  }
  .flow-content::after {
    top: 76px;
    left: 34px;
  }
  .flow-label {
    color: #333333;
    font-size: 36px;
    top: 6px;
    left: 18px;
  }
  .flow-title {
    font-size: 1.3em;
  }
  .flow-body {
    margin-top: 0.5em;
    padding: 0 0 1em;
  }
  .flow-wrap > :last-of-type::after {
    display: none;
  }
}
/*取扱店
---------------------------------------------------------------------------------------------------- */
#stores {
  margin-bottom: 120px;
}