/*-----------------------
商品券について
------------------------*/
.c-table th {
  width: 30%;
  border-bottom: 1px solid #C8C8C8;
}
.c-table th:first-of-type {
  border-top: 1px solid #C8C8C8;
}

.c-table tr:last-of-type th {
  border-bottom: 1px solid #C8C8C8;
}
.c-table td p.gray {
    background-color: #E9E9E9;
    padding: 10px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.c-table td p.bottom_gray {
    border-bottom: 1px solid #969696;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-top: 20px;
}

@media (max-width: 560px) {
    .c-table th {
        width: 23%;
    }
  .cell-box {
    display: block;
    justify-content: space-around;
  }

  .cell-inner {
    width: 100%;
    text-align: center;
  }

  .cell-inner img {
    margin: auto;
  }

  .cell-inner-se {
    transform: rotate(90deg);
    position: relative;
    width: 100%;
    height: 30px;
  }
  .cell-inner-se .small-triangle{
    top: 0;
  }
}

/*紙券での使用*/

.cpm {
  padding-top: 50px;
}

.cpm h2 {
  margin-bottom: 40px;
}

.heading--navy {
  color: var(--navy);
  position: relative;
  font-size: 3rem;
}

.heading--navy::before {
  bottom: -10px; /* 線の位置 */
  background-color: var(--navy); /* 線の色 */
  content: "";
  height: 2px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}

.cpm .p-howto__flow__text,
.cpm .p-howto__flow__img {
  width: 100%;
}

@media (max-width: 687px) {
  .how_to_settlement .flex {
    display: block;
  }

  .how_to_settlement .p-howto__flow__img {
    max-width: 300px;
    width: 100%;
    margin: auto;
  }

  .how_to_settlement .p-howto__flow__text {
    width: 100%;
  }

  .lead_pink.p-lh-fix {
    line-height: 1.3;
  }
}