@charset "UTF-8";

/* ======================================================================
 preview-banner : 社内確認用プレビューバナー（公開時に削除）
====================================================================== */
.preview-banner {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #c0392b;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.preview-banner__inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0.8rem 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.preview-banner__tag {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  background: #fff;
  color: #c0392b;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  border-radius: 3px;
  flex-shrink: 0;
}
.preview-banner__text {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .preview-banner__inner {
    padding: 0.6rem 1.2rem;
    gap: 0.8rem;
  }
  .preview-banner__text {
    font-size: 1.15rem;
  }
}

/* ======================================================================
 c-plan-new : 改訂後の料金プラン用セクション（既存 c-plan に準拠）
====================================================================== */
.c-plan-new {
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .c-plan-new {
    margin-bottom: 7rem;
  }
}

.c-plan-new__lead {
  margin: 2rem auto 4rem;
  max-width: 80rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.875;
  color: #4d4848;
}
@media screen and (max-width: 767px) {
  .c-plan-new__lead {
    margin: 1.6rem auto 3rem;
    font-size: 1.4rem;
    text-align: left;
  }
}

/* ---------- content (plan-type group) ---------- */
.c-plan-new__content {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .c-plan-new__content {
    margin: 4rem auto 0;
  }
}

/* タイプ別見出し（お経のあるお葬式 / お経のないお葬式）の下余白 */
.c-plan-new__content > .c-title-2 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .c-plan-new__content > .c-title-2 {
    margin-bottom: 3rem;
  }
}

/* ---------- items (PC: 3列横並び) ---------- */
@media screen and (min-width: 768px) {
  .c-plan-new__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem 2.8rem;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .c-plan-new__items {
    margin-bottom: 4rem;
  }
}
.c-plan-new__items:last-child {
  margin-bottom: 0;
}

/* ---------- item (card) ---------- */
.c-plan-new__item {
  display: block;
  position: relative;
  padding: 1rem 1rem 3rem;
  background-color: #f6f4f1;
  text-align: center;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s;
}
.c-plan-new__item:hover {
  opacity: 0.85;
}

/* 下書きカードの識別 */
.c-plan-new__item.is-draft {
  outline: 2px dashed #c0392b;
  outline-offset: -2px;
}
.c-plan-new__item-draft-badge {
  position: absolute;
  top: 1.4rem;
  left: 1.4rem;
  z-index: 2;
  padding: 0.3rem 0.8rem;
  background: #c0392b;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: 0.2rem;
}
@media screen and (min-width: 768px) {
  .c-plan-new__item {
    width: calc(33.3333% - 1.8667rem);
  }
}
@media screen and (max-width: 767px) {
  .c-plan-new__item {
    margin-bottom: 2rem;
  }
}

/* ---------- image ---------- */
.c-plan-new__item-image {
  overflow: hidden;
  border-radius: 0 2rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .c-plan-new__item-image {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-plan-new__item-image {
    margin-bottom: 1.5rem;
  }
}
.c-plan-new__item-image img {
  aspect-ratio: 59 / 32;
  width: 100%;
  object-fit: cover;
}

/* ---------- catchphrase / title / people ---------- */
.c-plan-new__item-text01 {
  font-weight: 600;
  font-size: 1.6rem;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.35;
}
.c-plan-new__item-text02 {
  font-weight: 600;
  font-size: 2.4rem;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-plan-new__item-text02 {
    margin-bottom: 0.5rem;
  }
}
.c-plan-new__item-text03 {
  color: #888;
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .c-plan-new__item-text03 {
    margin-bottom: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-plan-new__item-text03 {
    margin-bottom: 1.8rem;
  }
}

/* ---------- WEB限定値引の適用条件 トリガー（参列人数上） ---------- */
.c-plan-new__condition-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.4rem auto 0.6rem;
  padding: 0.3rem 0.8rem;
  background: transparent;
  border: none;
  color: #2e5d3a;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.c-plan-new__condition-trigger:hover,
.c-plan-new__condition-trigger:focus-visible {
  opacity: 0.75;
  outline: none;
}
.c-plan-new__condition-trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-plan-new__condition-trigger {
    font-size: 1.15rem;
  }
}

/* ---------- WEB限定値引の適用条件 モーダル ---------- */
.c-plan-new__condition-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.c-plan-new__condition-modal[hidden] {
  display: none;
}
.c-plan-new__condition-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.c-plan-new__condition-modal-content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 56rem;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  padding: 3rem 3rem 2.6rem;
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.25);
  text-align: left;
}
.c-plan-new__condition-modal-close {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  background: transparent;
  border: none;
  color: #4d4848;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
}
.c-plan-new__condition-modal-close:hover,
.c-plan-new__condition-modal-close:focus-visible {
  opacity: 0.7;
  outline: none;
}
.c-plan-new__condition-modal-title {
  margin: 0 0 1.6rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3ddd2;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  color: #2e5d3a;
  line-height: 1.4;
  text-align: center;
}
.c-plan-new__condition-modal-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-plan-new__condition-modal-list li {
  position: relative;
  padding: 0.8rem 0 0.8rem 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #4d4848;
}
.c-plan-new__condition-modal-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0.8rem;
  color: #2e5d3a;
}
.c-plan-new__condition-modal-list li + li {
  border-top: 1px dashed #d6cfc2;
}
/* 適用条件モーダル：小見出し / 注釈リスト */
.c-plan-new__condition-modal-heading {
  margin: 0 0 0.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2e5d3a;
  text-align: center;
}
.c-plan-new__condition-em {
  color: #c0392b;
  font-weight: 700;
}
ol.c-plan-new__condition-modal-list {
  counter-reset: none;
}
ol.c-plan-new__condition-modal-list li::before {
  content: "";
  display: none;
}
.c-plan-new__condition-modal-notes {
  margin: 1.2rem 0 0;
  padding: 1rem 0 0;
  border-top: 1px dashed #d6cfc2;
  list-style: none;
}
.c-plan-new__condition-modal-notes li {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #6b6663;
}

@media screen and (max-width: 767px) {
  .c-plan-new__condition-modal {
    padding: 1.6rem;
  }
  .c-plan-new__condition-modal-content {
    padding: 2.4rem 1.8rem 2rem;
  }
  .c-plan-new__condition-modal-title {
    font-size: 1.55rem;
  }
  .c-plan-new__condition-modal-list li {
    font-size: 1.25rem;
  }
  .c-plan-new__condition-modal-heading {
    font-size: 1.35rem;
  }
  .c-plan-new__condition-modal-notes li {
    font-size: 1.1rem;
  }
}

/* ---------- category tags (1列固定) ---------- */
.c-plan-new__item-category {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.2rem;
  width: 100%;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .c-plan-new__item-category {
    margin-bottom: 1.2rem;
  }
}
.c-plan-new__item-category li {
  flex: 0 1 auto;
  min-width: 0;
  border-radius: 0.3rem;
  background-color: #7e6b4f;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0.5rem 0.4rem;
  white-space: nowrap;
  letter-spacing: 0;
}
.c-plan-new__item-category li.out {
  border: 1px solid #a8967b;
  background-color: transparent;
  color: #a8967b;
  padding: calc(0.5rem - 1px) calc(0.4rem - 1px);
}
@media screen and (max-width: 767px) {
  .c-plan-new__item-category li {
    font-size: 1.15rem;
    padding: 0.5rem 0.5rem;
  }
  .c-plan-new__item-category li.out {
    padding: calc(0.5rem - 1px) calc(0.5rem - 1px);
  }
}

/* ---------- discount row (バッジ + 価格 横並び) ---------- */
.c-plan-new__discount-row {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1rem;
  margin: 0.4rem auto 0.8rem;
}

/* ---------- discount side (左カラム: バッジ + 通常価格) ---------- */
.c-plan-new__discount-side {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  width: 36%;
  min-width: 11rem;
}

/* ---------- discount badge (緑) ---------- */
.c-plan-new__discount-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 0.4rem;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.15rem;
  font-family: "Zen Old Mincho", serif;
  border-radius: 0.3rem;
  text-align: center;
}
.c-plan-new__discount-badge-line {
  display: block;
  line-height: 1;
  white-space: nowrap;
}
.c-plan-new__discount-badge-num {
  white-space: nowrap;
}
.c-plan-new__discount-badge strong {
  font-weight: 700;
  font-size: 1.7rem;
  color: #fff258;
  margin: 0 0.1rem;
  line-height: 1;
}

/* 通常価格（バッジ下） */
.c-plan-new__discount-side-sub {
  text-align: left;
  font-size: 1.05rem;
  color: #888;
  line-height: 1.5;
  font-weight: 500;
  padding: 0 0.2rem;
}

/* ---------- discount price (右カラム: 大きい価格) ---------- */
.c-plan-new__discount-price {
  flex: 1;
  min-width: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 0.6rem;
}
.c-plan-new__discount-price .c-plan-new__item-label {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1;
}
.c-plan-new__label-em,
.c-plan-card__label-em {
  color: #c0392b;
}
.c-plan-new__discount-price-label {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.4rem;
  text-align: left;
  color: #333;
}
@media screen and (max-width: 767px) {
  .c-plan-new__discount-price-label {
    font-size: 1.1rem;
  }
}
.c-plan-new__discount-price .c-plan-new__item-price01 {
  font-size: 2.4rem;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  margin-top: 0.1rem;
  line-height: 1;
}
.c-plan-new__discount-price .c-plan-new__item-pricenumber {
  font-size: 3.6rem;
  letter-spacing: -0.01em;
  line-height: 1;
}
.c-plan-new__discount-price .c-plan-new__item-pricetax {
  font-size: 1.6rem;
  display: inline-block;
  text-align: left;
  line-height: 1.1;
  vertical-align: middle;
  white-space: nowrap;
}
.c-plan-new__discount-price .c-plan-new__item-pricetax span {
  display: block;
  margin: 0 0 0.3rem;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
.c-plan-new__discount-price .c-plan-new__item-price02 {
  margin-top: 0.4rem;
  font-size: 1.25rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .c-plan-new__discount-row {
    gap: 1rem;
  }
  .c-plan-new__discount-side {
    width: 38%;
    min-width: 10rem;
  }
  .c-plan-new__discount-badge {
    font-size: 1.05rem;
    padding: 0.6rem 0.4rem;
  }
  .c-plan-new__discount-badge strong {
    font-size: 1.5rem;
  }
  .c-plan-new__discount-side-sub {
    font-size: 1rem;
  }
  .c-plan-new__discount-price .c-plan-new__item-pricenumber {
    font-size: 4rem !important;
  }
  .c-plan-new__discount-price .c-plan-new__item-pricetax {
    font-size: 1.4rem !important;
  }
}

/* ---------- price block ---------- */
.c-plan-new__price-block {
  margin: 0.6rem auto 1rem;
}
.c-plan-new__web-limited-label {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #a83a44;
  line-height: 1;
  margin: 1rem auto 0.4rem;
  font-family: "Zen Old Mincho", serif;
}
/* 一覧カードでは画像直下に配置 */
.c-plan-new__item > .c-plan-new__web-limited-label {
  margin: 1rem auto 0;
}
.main-visual__price-new .c-plan-new__web-limited-label {
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 767px) {
  .c-plan-new__web-limited-label {
    font-size: 1.2rem;
  }
  .main-visual__price-new .c-plan-new__web-limited-label {
    font-size: 1.4rem;
    text-align: center;
  }
}

.c-plan-new__item-label {
  font-weight: 600;
  text-align: center;
  margin: 5px auto -5px;
  font-size: 1.6rem;
  font-family: "Zen Old Mincho", serif;
  color: #4d4848;
}

.c-plan-new__item-price01 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a83a44;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 2.4rem;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.1;
}
.c-plan-new__item-pricenumber {
  font-size: 4rem;
}
.c-plan-new__item-pricetax {
  font-size: 1.6rem;
}
.c-plan-new__item-pricetax span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
}

.c-plan-new__item-price02 {
  letter-spacing: 0;
  font-weight: 500;
  font-size: 1.2rem;
  margin: 0.3rem 0 0;
  color: #4d4848;
}

/* 通常価格（小さめ、線なし） */
.c-plan-new__item-price-sub {
  margin: 0.4rem 0 0;
  font-size: 1.15rem;
  color: #888;
  font-weight: 500;
}

/* ---------- detail link text ---------- */
.c-plan-new__item-detail {
  display: inline-block;
  margin-top: 1.4rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #4d4848;
  font-size: 1.3rem;
  color: #4d4848;
  letter-spacing: 0.04em;
}

/* ======================================================================
 事前登録割引対象プラン 説明ブロック（ページ末尾）
====================================================================== */
.c-plan-new__discount-info {
  margin: 4rem auto 0;
  padding: 0;
  max-width: 80rem;
}

/* リボン */
.c-plan-new__ribbon {
  position: relative;
  margin: 0 auto;
  width: fit-content;
  max-width: 100%;
  text-align: center;
  z-index: 1;
}
.c-plan-new__ribbon span {
  display: inline-block;
  padding: 0.9rem 3.2rem;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0.06em;
  position: relative;
}
.c-plan-new__ribbon span::before,
.c-plan-new__ribbon span::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1.4rem;
  height: 100%;
  background: #2e5d3a;
}
.c-plan-new__ribbon span::before {
  left: -1.2rem;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.c-plan-new__ribbon span::after {
  right: -1.2rem;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media screen and (max-width: 767px) {
  .c-plan-new__ribbon span {
    font-size: 1.3rem;
    padding: 0.7rem 2.4rem;
  }
}

/* 中央見出し */
.c-plan-new__discount-headline {
  margin: 2.2rem 0 2rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  color: #2b2b2b;
  letter-spacing: 0.04em;
}
.c-plan-new__discount-headline strong {
  font-size: 3rem;
  font-weight: 700;
  color: #a83a44;
  margin: 0 0.2rem;
}
@media screen and (max-width: 767px) {
  .c-plan-new__discount-headline {
    font-size: 1.6rem;
  }
  .c-plan-new__discount-headline strong {
    font-size: 2.4rem;
  }
}

/* 対象条件 */
.c-plan-new__discount-criteria {
  list-style: none;
  margin: 0 0 1.8rem;
  padding: 2rem 2.4rem;
  background: #faf8f4;
  border: 1px solid #e3ddd2;
  border-radius: 0.4rem;
}
.c-plan-new__discount-criteria li {
  display: flex;
  gap: 1rem;
  font-size: 1.4rem;
  color: #4d4848;
  line-height: 1.7;
  padding: 0.4rem 0;
}
.c-plan-new__discount-criteria li + li {
  border-top: 1px dashed #d6cfc2;
  margin-top: 0.6rem;
  padding-top: 1rem;
}
.c-plan-new__discount-criteria-label {
  flex-shrink: 0;
  display: inline-block;
  padding: 0.15rem 0.8rem;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 0.2rem;
  height: fit-content;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .c-plan-new__discount-criteria {
    padding: 1.4rem;
  }
  .c-plan-new__discount-criteria li {
    font-size: 1.25rem;
    flex-direction: column;
    gap: 0.4rem;
  }
}

/* 注釈 */
.c-plan-new__discount-notes {
  margin: 0;
  font-size: 1.2rem;
  color: #888;
  line-height: 1.7;
}

/* 事前相談割引の注釈（プラン一覧の下） */
.c-plan-new__discount-note {
  margin: 3rem auto 8rem;
  padding: 0 2rem;
  max-width: 100rem;
  font-size: 1.3rem;
  color: #4d4848;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .c-plan-new__discount-note {
    margin: 2.4rem auto 7rem;
    padding: 0 1.6rem;
    font-size: 1.2rem;
  }
}

/* ======================================================================
 area-lp プレビュー用 (single-area-lp-new.php) のプラン card 拡張
====================================================================== */
.c-plan-card__discount-badge {
  display: block;
  margin: 0 auto 1.2rem;
  padding: 0.6rem 1rem;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  border-radius: 0.3rem;
  text-align: center;
  letter-spacing: 0.02em;
}
.c-plan-card__discount-badge strong {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff258;
  margin: 0 0.1rem;
}
@media screen and (max-width: 767px) {
  .c-plan-card__discount-badge {
    font-size: 1.15rem;
    padding: 0.5rem 0.8rem;
  }
  .c-plan-card__discount-badge strong {
    font-size: 1.4rem;
  }
}

/* area-lp プレビュー：火葬式プラン用「WEB限定プラン」ラベル（赤字テキスト） */
.c-plan-card__web-limited-label {
  display: block;
  margin: 0 0 0.4rem;
  color: #a83a44;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-plan-card__web-limited-label {
    font-size: 1.2rem;
  }
}

/* area-lp プラン下の事前相談割引注釈 */
.p-plans__discount-note {
  margin: 3rem auto 0;
  max-width: 90rem;
  font-size: 1.3rem;
  color: #4d4848;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-plans__discount-note {
    margin: 2.4rem auto 0;
    font-size: 1.2rem;
  }
}

/* area-lp プラン下「WEB限定価格の適用条件」ブロック */
.p-plans__condition-block {
  margin: 3rem auto 0;
  padding: 2rem 2.4rem;
  max-width: 90rem;
  background: #faf8f4;
  border: 1px solid #e3ddd2;
  border-radius: 0.4rem;
  text-align: left;
}
.p-plans__condition-block-title {
  margin: 0 0 1.2rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #e3ddd2;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  color: #2e5d3a;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.04em;
}
.p-plans__condition-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-plans__condition-block-list li {
  position: relative;
  padding: 0.6rem 0 0.6rem 1.4rem;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #4d4848;
}
.p-plans__condition-block-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0.6rem;
  color: #2e5d3a;
}
.p-plans__condition-block-list li + li {
  border-top: 1px dashed #d6cfc2;
}
ol.p-plans__condition-block-list li::before {
  content: "";
  display: none;
}
ol.p-plans__condition-block-list li {
  padding-left: 0;
}
.p-plans__condition-block-notes {
  margin: 1.2rem 0 0;
  padding: 1rem 0 0;
  border-top: 1px dashed #d6cfc2;
  list-style: none;
}
.p-plans__condition-block-notes li {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #6b6663;
}

@media screen and (max-width: 767px) {
  .p-plans__condition-block {
    margin: 2.4rem auto 0;
    padding: 1.6rem 1.4rem;
  }
  .p-plans__condition-block-title {
    font-size: 1.45rem;
  }
  .p-plans__condition-block-list li {
    font-size: 1.2rem;
  }
  .p-plans__condition-block-notes li {
    font-size: 1.1rem;
  }
}

/* 4プラン化時のグリッド対応 */
.p-plans__list--new {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  align-items: stretch;
}
.p-plans__list--new > .p-plans__item {
  flex: 1 1 22%;
  min-width: 22rem;
  max-width: 30rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-plans__list--new > .p-plans__item {
    flex: 1 1 100%;
    max-width: 100%;
  }
  /* 1日家族葬（badge付き）以外のプラン名の上余白を縮小 */
  .p-plans__list--new .p-plans__item:not(:nth-child(3)) .c-plan-card__inner {
    padding-top: 15px;
  }
  /* 火葬式・個室お別れプランの金額下に余白追加 */
  .p-plans__list--new .p-plans__item:nth-child(1) .c-plan-card__price-box,
  .p-plans__list--new .p-plans__item:nth-child(2) .c-plan-card__price-box {
    margin-bottom: 2rem;
  }
}

/* カード内 flex column で要素を揃える（PCで横並び高さ統一） */
.p-plans__list--new .c-plan-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-plans__list--new .c-plan-card__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media screen and (min-width: 768px) {
  /* タイトル / 参列人数 / 説明文を均一の高さに */
  /* 4プラン横並び時はタイトルを1行に収める（カード幅が狭いため font-size 縮小 + nowrap） */
  .p-plans__list--new .c-plan-card__ttl {
    min-height: 3.6em;
    display: flex;
    align-items: flex-start;
    font-size: 2.4rem;
    white-space: nowrap;
  }
  .p-plans__list--new .c-plan-card__info {
    min-height: 1.8em;
  }
  .p-plans__list--new .c-plan-card__desc {
    min-height: 5em;
  }
  /* 割引対象カード: 残り空間の上端まで詰めて表示 */
  .p-plans__list--new .c-plan-card--has-discount .c-plan-card__discount-badge {
    margin-top: auto;
  }
  /* 非割引カード（火葬式・個室お別れ）: 金額を残り空間の中央に */
  .p-plans__list--new .p-plans__item:nth-child(1) .c-plan-card__price-box,
  .p-plans__list--new .p-plans__item:nth-child(2) .c-plan-card__price-box {
    margin-top: auto;
    margin-bottom: auto;
  }
}

/* 割引適用金額下に余白 */
.p-plans__list--new .c-plan-card__price-main {
  padding-bottom: 1.4rem;
  margin-bottom: 1.4rem;
}
.p-plans__list--new .c-plan-card__price-sub {
  margin-top: 0;
}

/* 円〜 と (税込) を金額の右に縦積み */
.p-plans__list--new .c-plan-card__price-single,
.p-plans__list--new .c-plan-card__price-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
/* discount price-main の label は1段目（自身で改行） */
.p-plans__list--new .c-plan-card__price-main .c-plan-card__label {
  flex-basis: 100%;
  text-align: center;
  margin: 0 0 0.4rem;
}
/* unit + tax の縦積み wrap */
.p-plans__list--new .c-plan-card__unit-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}
.p-plans__list--new .c-plan-card__unit-wrap .c-plan-card__unit {
  font-size: 2rem;
}
.p-plans__list--new .c-plan-card__unit-wrap .c-plan-card__tax {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
}

/* === カラー上書き：全プランの金額を赤に === */
.p-plans__list--new .c-plan-card__num,
.p-plans__list--new .c-plan-card__unit,
.p-plans__list--new .c-plan-card__tax {
  color: #a83a44 !important;
}

/* ======================================================================
 area-lp MV : タイトル下の価格表示（火葬式プラン）
====================================================================== */
.p-mv__price {
  margin: 0 0 30px;
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}
.p-mv__price-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-mv__price-main {
  margin: 0;
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  /* PC時のみ黒文字（背景が明るいため） */
  .p-mv__price {
    color: #222;
    text-shadow: 0 0 2px #fff;
  }
}
.p-mv__price-plan {
  font-size: 22px;
  font-weight: 600;
}
/* MV：火葬式プラン上の「WEB限定プラン」ラベル */
.p-mv__price-web-limited {
  flex: 1 0 100%;
  margin: 0 0 -22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #a83a44;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff;
}
@media screen and (max-width: 767px) {
  .p-mv__price-web-limited {
    font-size: 14px;
    margin: 0 0 -18px;
  }
}
.p-mv__price-num {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.p-mv__price-unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-left: 4px;
}
.p-mv__price-unit small {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.p-mv__price-unit > span {
  display: block;
  line-height: 1;
}
.p-mv__price-sub {
  margin: 4px 0 0;
  font-family: "Zen Old Mincho", serif;
  font-size: 14px;
  color: inherit;
  opacity: 0.85;
  text-shadow: inherit;
}
@media screen and (min-width: 768px) {
  /* PC時のみ黒文字 */
  .p-mv__price-sub {
    color: #444;
    text-shadow: 0 0 2px #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__price-unit small {
    font-size: 3.2vw;
    margin-left: 1.5vw;
  }
  .p-mv__price-sub {
    margin: 1vw 0 0;
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  .p-mv__subttl {
    padding-bottom: 0;
    margin: 0 0 2vw;
  }
  .p-mv__subttl::after {
    background: none;
  }
  .p-mv__ttl {
    margin-bottom: 0;
    line-height: 1.2;
  }
  .p-mv__price {
    margin: 0 0 88vw;
    gap: 8px;
    color: #222;
    text-shadow: 0 0 2px #fff;
  }
  .p-mv__price-sub {
    color: #444;
    text-shadow: 0 0 2px #fff;
  }
  .p-mv__price-plan {
    font-size: 5vw;
    font-weight: 700;
  }
  .p-mv__price-num {
    font-size: 11vw;
  }
  .p-mv__price-unit {
    font-size: 4vw;
    /* (税抜)と円〜の間隔を縮めて、両方を下端寄せに */
    justify-content: flex-end;
    gap: 0.5vw;
  }
}

/* ======================================================================
 area-lp MV : 3つのバッジ配置
   - PC: MV 下部右端に横並び（絶対配置）
   - SP: MV 下部に横並び（フローで配置、flex order で末尾に）
====================================================================== */
@media screen and (min-width: 768px) {
  .p-mv .p-mv__badges {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .p-mv .p-mv__badge {
    display: block;
  }
  .p-mv .p-mv__badge img {
    max-width: 140px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  /* .p-mv を flex column にしてバッジを末尾へ */
  .p-mv {
    display: flex;
    flex-direction: column;
  }
  .p-mv .p-mv__badges {
    order: 99;
    position: static;
    margin: 20px 0 0;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
  }
  .p-mv .p-mv__badge {
    flex: 1 1 0;
    min-width: 0;
  }
  .p-mv .p-mv__badge img {
    width: 100%;
    height: auto;
  }
}

/* ======================================================================
 フローティング固定CTA（プレビュー時の文言切替）
====================================================================== */
.l-fixed-cta.is-preview .l-fixed-cta__text {
  color: #fff;
}
.l-fixed-cta__text-em {
  color: #fff258;
  font-weight: 700;
  margin: 0 0.2rem;
  font-size: 1.1em;
}

/* area-lp 下部の固定フッター（プレビュー時の文言切替） */
@media screen and (max-width: 767px) {
  /* SP時：「24時間365日相談無料「WEB限定価格」」を1行に収める */
  .c-fixed-footer__lead {
    font-size: 3.6vw;
    letter-spacing: 0;
    white-space: nowrap;
  }
}
/* 通常テキストを黒に、強調部分（WEB割）を赤に */
.c-fixed-footer__lead {
  color: #222;
}
.c-fixed-footer__lead-em {
  color: #c0392b;
  font-weight: 700;
  margin: 0 0.2rem;
  font-size: 1.1em;
}

/* ======================================================================
 f-banner PC固定バナー：plan preview 時の上部 WEB割 リード行
====================================================================== */
.fixed-cta-preview-lead {
  display: block;
  text-align: center;
  padding: 0.6rem 4rem 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
}
.fixed-cta-preview-lead__amount {
  color: #fff840;
  font-size: 1.9rem;
  font-weight: 700;
  margin: 0 0.2rem;
}
.fixed-cta-preview-lead__em {
  color: #fff840;
  font-weight: 700;
  margin: 0 0.2rem;
}

/* ======================================================================
 single-plan-new : 個別プラン詳細ページ（プレビュー）の MV 価格部
====================================================================== */
.main-visual__price-new {
  margin: 2rem 0;
}
.main-visual__price-new .c-plan-new__discount-row {
  margin: 0;
  gap: 1.2rem;
}
.main-visual__price-new .c-plan-new__discount-side {
  width: auto;
  min-width: 12rem;
}
.main-visual__price-new .c-plan-new__discount-badge {
  padding: 0.7rem 0.6rem;
}
.main-visual__price-new .c-plan-new__item-price01 {
  justify-content: flex-start;
  margin-top: 0.2rem;
}
.main-visual__price-new .c-plan-new__discount-price {
  text-align: left;
}
/* 通常価格のみプラン（is-no-discount）: 価格中央、税込価格右寄せ */
.main-visual__price-new.is-no-discount {
  text-align: center;
}
.main-visual__price-new.is-no-discount .c-plan-new__item-label {
  text-align: center;
}
.main-visual__price-new.is-no-discount .c-plan-new__item-price01 {
  justify-content: center;
}
.main-visual__price-new.is-no-discount .c-plan-new__item-price02 {
  text-align: right;
}

/* PC時 価格サイズ 5.0rem（割引対象/非対象とも共通）+ (税抜)/円〜の比率を整える */
@media screen and (min-width: 768px) {
  .main-visual__price-new .c-plan-new__item-pricenumber {
    font-size: 5rem;
  }
  .main-visual__price-new .c-plan-new__item-price01 {
    align-items: flex-end;
    gap: 0.4rem;
  }
  .main-visual__price-new .c-plan-new__item-pricetax {
    font-size: 1.8rem;
    line-height: 1;
    padding-bottom: 0.4rem;
  }
  .main-visual__price-new .c-plan-new__item-pricetax span {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #888;
  }
  .main-visual__price-new .c-plan-new__item-price02 {
    margin-top: 0.6rem;
    font-size: 1.4rem;
    text-align: right;
  }
}

/* CTA上の事前相談割引注釈（main-visual グリッド右列のみ・1列） */
.main-visual__discount-note {
  grid-column: 2 / 3;
  margin: 2rem auto 0;
  padding: 0 3rem;
  max-width: 100%;
  font-size: 1.2rem;
  color: #4d4848;
  line-height: 1.7;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .main-visual__discount-note {
    grid-column: 1 / 2;
    margin: 1.6rem auto 0;
    padding: 0;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .main-visual__price-new {
    margin: 1.6rem 0;
  }
  /* SP時 (税抜)/円〜の比率を整える（PC同様、ベースライン揃え） */
  .main-visual__price-new .c-plan-new__item-price01 {
    align-items: flex-end;
    gap: 0.4rem;
  }
  .main-visual__price-new .c-plan-new__item-pricetax {
    font-size: 1.5rem;
    line-height: 1;
    padding-bottom: 0.3rem;
  }
  .main-visual__price-new .c-plan-new__item-pricetax span {
    font-size: 1rem;
    margin-bottom: 0.4rem;
    color: #888;
  }
  .main-visual__price-new .c-plan-new__item-price02 {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    text-align: right;
  }
}

/* ======================================================================
 c-plan-compare-new : プラン比較表
 既存サイトの compare__ 系スタイル(p-plan-single.css)と同じ寸法・色味
====================================================================== */
.c-plan-compare-new {
  padding: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .c-plan-compare-new {
    padding: 6rem 0 0;
  }
}

/* 横スクロール wrap */
.c-plan-compare-new__wrap {
  margin: 4rem auto 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .c-plan-compare-new__wrap {
    margin: 3rem 0 0;
  }
}
.c-plan-compare-new__wrap::-webkit-scrollbar {
  height: 8px;
}

.c-plan-compare-new__inner {
  display: inline-block;
  min-width: 100%;
}

/* テーブル本体（grid）— grid-template-columns は PHP からインライン出力 */
.c-plan-compare-new__table {
  display: grid;
  grid-auto-rows: auto;
  min-width: max-content;
}

/* セル基本（全セル共通） */
.c-plan-compare-new__cell {
  padding: 1.7rem 2rem;
  min-height: 10rem;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #4d4848;
  background: #fff;
  border-top: 1px solid #c2b5a0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}

/* 参列人数セルの注釈（火葬式プラン用） */
.c-plan-compare-new__people-note {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #6b6663;
}

/* 偶数行の背景（タイプ・金額・流れ＝Row 2,4,6） */
.c-plan-compare-new__cell.is-row-even {
  background: #fbfaf8;
}

/* 最下行（流れ）のボトムボーダー */
.c-plan-compare-new__cell.is-row-last {
  border-bottom: 1px solid #c2b5a0;
}

/* プラン列の左右に薄い区切り */
.c-plan-compare-new__cell:not(.c-plan-compare-new__cell--label):not(:last-child) {
  border-right: 1px dashed #e4e0d8;
}

/* ラベル列セル（左1列、縦書き） */
.c-plan-compare-new__cell.c-plan-compare-new__cell--label {
  background: #d9d0c1;
  color: #4d4848;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.3rem;
  line-height: 1.125;
  padding: 1.7rem 0;
  min-height: 10rem;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
}

/* コーナーセル（左上の空欄） */
.c-plan-compare-new__cell--corner {
  background: transparent;
  border-top-color: transparent;
  border-right-color: transparent !important;
}

/* ヘッダー行（プラン情報セル） */
.c-plan-compare-new__cell--header {
  padding: 0 1.5rem 2.2rem;
  background: #fff;
  gap: 1.5rem;
  height: auto;
  min-height: 24rem;
  justify-content: flex-start;
  border-top-color: transparent;
}

/* 下書き枠 */
.c-plan-compare-new__cell--header.is-draft {
  outline: 2px dashed #c0392b;
  outline-offset: -2px;
  z-index: 1;
}
.c-plan-compare-new__draft-badge {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 3;
  padding: 0.2rem 0.6rem;
  background: #c0392b;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.2rem;
}

/* 閲覧中バッジ（既存サイトの compare__current と同寸法） */
.c-plan-compare-new__current {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20.5rem;
  max-width: 100%;
  height: 4rem;
  margin: 0 auto;
  border-radius: 3px;
  background: #a7967b;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}

/* ヘッダー内ボタン（既存サイト c-button-2 をオーバーライド） */
.c-plan-compare-new__col-button {
  width: 100%;
}
.c-plan-compare-new__col-button .c-button-2 {
  margin: 0 auto;
  width: 20.5rem;
  max-width: 100%;
}
.c-plan-compare-new__col-button .c-button-2 a {
  padding: 0.4rem 2.5rem 0.4rem 1rem;
  width: 100%;
  height: 4rem;
  min-height: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
.c-plan-compare-new__col-button .c-button-2 a:after {
  right: 1rem;
  width: 1.2rem;
  height: 0.8rem;
}
@media screen and (max-width: 767px) {
  .c-plan-compare-new__col-button .c-button-2 {
    width: 100%;
  }
  .c-plan-compare-new__col-button .c-button-2 a {
    padding: 0.4rem 2.5rem 0.4rem 1rem;
    height: 4rem;
    min-height: 0;
  }
}

/* ヘッダー内タイトル */
.c-plan-compare-new__col-title {
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.45;
  color: #2b2b2b;
  text-align: center;
}

/* ヘッダー内画像 */
.c-plan-compare-new__col-image {
  width: 22rem;
  height: 11.9rem;
  overflow: hidden;
  border-radius: 0 2rem 0 2rem;
  margin-top: auto;
  background: #f6f4f1;
}
.c-plan-compare-new__col-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 説明セル */
.c-plan-compare-new__cell--desc {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
}

/* 価格セル */
.c-plan-compare-new__cell--price {
  padding: 1.4rem 1.2rem;
  gap: 0.6rem;
  align-items: stretch;
  text-align: left;
}

/* 流れセル */
.c-plan-compare-new__cell--flow {
  padding: 1.4rem 1rem;
}

/* 価格セル：通常価格（ラベル + 金額を1行に横並び） */
.c-plan-compare-new__price-normal {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 0.6rem;
  text-align: left;
  line-height: 1.3;
}
.c-plan-compare-new__price-normal-label {
  font-size: 1.2rem;
  color: #4d4848;
  font-weight: 500;
  margin-bottom: 0;
}
.c-plan-compare-new__price-normal-line {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.6rem 0.8rem;
}
.c-plan-compare-new__price-normal-excl {
  font-size: 1.3rem;
  color: #4d4848;
  font-weight: 500;
  white-space: nowrap;
}
.c-plan-compare-new__price-normal-excl strong {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4d4848;
}
.c-plan-compare-new__price-normal-excl small {
  font-size: 1rem;
  color: #888;
  font-weight: 400;
}
.c-plan-compare-new__price-normal-incl {
  font-size: 1.1rem;
  color: #888;
  font-weight: 400;
  white-space: nowrap;
}

/* 価格セル：割引バッジ（横幅いっぱい、改行なし） */
.c-plan-compare-new__price-badge {
  display: block;
  width: 100%;
  padding: 0.6rem 0.8rem;
  background: #2e5d3a;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
  font-family: "Zen Old Mincho", serif;
  border-radius: 0.2rem;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
.c-plan-compare-new__price-badge strong {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff258;
  margin: 0 0.1rem;
}

/* ヘッダー行：火葬式プラン用の「WEB限定プラン」テキスト（背景なし・赤字） */
.c-plan-compare-new__web-limited-label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #a83a44;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
}
/* WEB限定プラン と 火葬式プラン (col-title) の余白を詰める */
.c-plan-compare-new__web-limited-label + .c-plan-compare-new__col-title {
  margin-top: -1rem;
}

/* 価格セル：事前相談パック価格（左寄せ、サイズ1.5倍） */
.c-plan-compare-new__price-pack {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "Zen Old Mincho", serif;
  color: #a83a44;
  line-height: 1;
  font-weight: bold;
}
.c-plan-compare-new__price-pack-num {
  font-size: 4.2rem;
  line-height: 1;
}
/* (税抜) と 円〜 を縦積み（金額の高さ内に収まるサイズ） */
.c-plan-compare-new__price-pack-unit {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 0.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #2b2b2b;
  line-height: 1;
}
.c-plan-compare-new__price-pack-unit > span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #888;
  line-height: 1;
  margin-bottom: 0.4rem;
}

/* 価格セル：税込価格（右寄せ） */
.c-plan-compare-new__price-pack-incl {
  font-size: 1.2rem;
  color: #4d4848;
  letter-spacing: 0;
  text-align: right;
}

.c-plan-compare-new__price-pending {
  font-size: 1.4rem;
  color: #888;
  text-align: center;
}

/* 流れタグ（2段折返し、既存と同じ寸法） */
.c-plan-compare-new__flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 19.5rem;
}
.c-plan-compare-new__flow li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.9rem;
  height: 2.5rem;
  padding: 0.4rem 0.5rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #7e6b4f;
  background: #7e6b4f;
  color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
}
.c-plan-compare-new__flow li.is-out {
  background: transparent;
  color: #d1c7b9;
  border-color: #d1c7b9;
}