.page-title {
  background-image: url("../images/price/title_bg.webp");
}

.price-table {
  border-collapse: collapse;
  border: 1px solid var(--color-primary);
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  font-family: var(--font-family-gothic);
}
.price-table td {
  text-align: center;
  padding: 1.5rem;
  border: 1px solid var(--color-primary);
}
.price-table td:nth-child(1) {
  width: 35%;
  background-color: var(--bg-highlight);
}
@media screen and (max-width: 767px) {
  .price-table td {
    padding: 1rem;
  }
}

.flow .flow__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 3rem;
}
.flow .flow__inner .flow__inner__box {
  width: 100%;
}
.flow .flow__inner .flow__inner__box .flow__inner__box__title {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 10px;
}
.flow .flow__inner .flow__inner__box .flow__inner__box__title span {
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  font-weight: 600;
  padding: 7px 0;
}
.flow .flow__inner .flow__inner__box .flow__inner__box__title .no {
  width: 44px;
  height: 44px;
  background-color: var(--color-sub04);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}
.flow .flow__inner .flow__inner__box .flow__inner__box__img {
  width: 50%;
}
.flow .flow__inner .flow__inner__box .flow__inner__box__text {
  width: calc(100% - 40px);
  height: 330px;
  background: var(--bg-highlight);
  padding: 1rem;
  margin: -250px 0 0 auto;
  line-height: 1.6;
  padding-left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .flow .flow__inner .flow__inner__box .flow__inner__box__img {
    width: 80%;
  }
  .flow .flow__inner .flow__inner__box .flow__inner__box__text {
    width: 90%;
    padding: 1rem;
    padding-top: 100px;
    height: auto;
    margin: -80px 0 0 auto;
  }
}/*# sourceMappingURL=price.css.map */