.w-bord-features {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.ys-price-table{ width:100%; border-collapse:separate; border-spacing:0; }
.ys-price-table caption{ text-align:left; font-weight:700; margin:0 0 .5rem; }
.ys-price-table th,.ys-price-table td{ border:1px solid #D6E5E9; padding:.6rem .7rem; vertical-align:middle; }
.ys-price-table thead th{ background:#E3F3F2; }
.ys-price-table .num{ text-align:right; white-space:nowrap; }
.ys-price-table .unit{ color:#555; font-size:.9em; }
th{
	background:#fff;
}
.auto-style12 {
	font-size: 22px;
	color: #FF0000;
}
.auto-style13 {
	font-size: small;
	color: #FF0000;
}
.umizo-orange{
  background-color:orange;
  padding:.5em .8em;
  color:#fff;
  border-radius:12px;
  font-size:1.2em;
}
/* CSS：2つのdivを横並びに（スマホでは縦積み） */
.umizo-row {
  display: flex;
  gap: 16px;
  align-items: stretch;
}

.umizo-col {
  flex: 1 1 0;
  /* 必要なら背景や枠線など */
  background: #f7f7f7;
  border: 1px solid #ddd;
  padding: 12px;
}

/* 768px以下で縦並びにする（任意） */
@media (max-width: 768px) {
  .umizo-row {
    flex-direction: column;
  }
}
.umizo-p{
  font-size:20px;
  font-weight:600;
  letter-spacing: 0.05em; 
}
.umizo-p {
  display: list-item;
  list-style-type: "●";
  list-style-position: outside;  /* ●は外側、複数行もきれいに揃う */
  margin-left: 1.2em;            /* 左の余白を調整 */
  padding-left: 0.35em;   /* ← ●とテキストの間の余白を追加（お好みで調整） */
}

.umizo-p::marker {
  color: orange;                   /* ●の色 */
  font-size: 1em;                /* ●の大きさ */
}