/* Only the redesigned comparison table; options and monthly features retain their styles. */
.website-pricing .website-pricing__table-scroll--designed {
  padding: 1px 0 12px;
  margin: 0 -10px;
  scrollbar-width: thin;
  scrollbar-color: #a5b4a8 transparent;
  scroll-padding-inline: 180px 20px;
}
.website-pricing__table-scroll--designed::-webkit-scrollbar { height: 5px; }
.website-pricing__table-scroll--designed::-webkit-scrollbar-thumb { border-radius: 10px; background: #a5b4a8; }
.website-pricing__table-scroll--designed::-webkit-scrollbar-track { background: transparent; }
.website-pricing .website-pricing__comparison--designed {
  width: 100%;
  min-width: 870px;
  border-collapse: separate;
  border-spacing: 10px 0;
  color: #35483d;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 1.8;
}
.website-pricing__comparison--designed .website-pricing__label-col { width: 19%; }
.website-pricing .website-pricing__comparison--designed :is(th, td) {
  padding: 20px 20px;
  border: 0;
  border-bottom: 1px solid #e4e9e2;
  vertical-align: middle;
  overflow-wrap: normal;
}
.website-pricing .website-pricing__comparison--designed thead th {
  padding: 29px 18px 28px;
  border: 1px solid #d9e2d7;
  border-top: 3px solid #a8bba8;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
  color: #354b3f;
  background: #f0f4ee;
  text-align: center;
  font-weight: 400;
  white-space: normal;
}
.website-pricing .website-pricing__comparison--designed thead th:last-child {
  border-color: #dedfce;
  border-top-color: #aeb49b;
  background: #f5f4ec;
}
.website-pricing .website-pricing__comparison--designed thead th.website-pricing__basic {
  border-color: #385443;
  border-top-color: #7e9f82;
  color: #fff;
  background: linear-gradient(155deg, #45634f, #304c3a);
}
.website-pricing .website-pricing__comparison--designed thead td {
  padding: 25px 9px 27px;
  border: 0;
  background: transparent;
  vertical-align: bottom;
  text-align: left;
}
.website-pricing__comparison-corner > span { display: block; margin-bottom: 11px; color: #788c7d; font-size: 9px; font-weight: 500; letter-spacing: .15em; }
.website-pricing__comparison-corner > strong { display: block; margin-bottom: 9px; color: #35483d; font-size: 14px; font-weight: 500; }
.website-pricing__comparison-corner > small { display: block; color: #718076; font-size: 11px; font-weight: 400; line-height: 1.8; }
.website-pricing__comparison--designed .website-pricing__plan-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-bottom: 15px;
  color: #718673;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .17em;
}
.website-pricing__plan-kicker > span { padding-right: 11px; border-right: 1px solid currentColor; font-size: 10px; letter-spacing: .02em; opacity: .85; }
.website-pricing__comparison--designed .website-pricing__basic .website-pricing__plan-kicker { color: #c9dac8; }
.website-pricing__comparison--designed .website-pricing__plan-name { font-family: "Shippori Mincho B1", serif; font-size: clamp(17px, 1.65vw, 23px); font-weight: 500; line-height: 1.6; letter-spacing: .015em; white-space: nowrap; }
.website-pricing__comparison--designed .website-pricing__plan-summary { min-height: 3.8em; margin-top: 14px; color: #64796a; font-size: 12px; line-height: 1.9; }
.website-pricing__comparison--designed .website-pricing__basic .website-pricing__plan-summary { color: #e0eade; }
.website-pricing__comparison--designed .website-pricing__plan-lp { display: inline-block; margin-top: 14px; padding: 4px 13px; border: 1px solid #cbd8c9; border-radius: 20px; background: rgb(255 255 255 / 35%); font-size: 10px; line-height: 1.6; }
.website-pricing__comparison--designed .website-pricing__basic .website-pricing__plan-lp { border-color: rgb(218 235 214 / 35%); background: rgb(255 255 255 / 6%); color: #fff; }
.website-pricing .website-pricing__comparison--designed tbody th { padding-left: 9px; padding-right: 9px; background: transparent; color: #576b5c; text-align: left; font-size: 12px; font-weight: 500; line-height: 1.8; }
.website-pricing .website-pricing__comparison--designed tbody td { border-left: 1px solid #e0e6dc; border-right: 1px solid #e0e6dc; background: #fff; text-align: center; font-size: 13px; font-weight: 400; }
.website-pricing .website-pricing__comparison--designed tbody td.website-pricing__basic { border-left-color: #d0ddcc; border-right-color: #d0ddcc; background: #f0f5ed; }
.website-pricing__comparison--designed .website-pricing__included-mark { display: inline-grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #eef3ea; color: #496a4d; font-size: 18px; line-height: 1; }
.website-pricing__comparison--designed .website-pricing__basic .website-pricing__included-mark { background: #e1ebdb; }
.website-pricing__comparison--designed .website-pricing__unavailable { color: #b4bdb5; font-size: 16px; line-height: 1; }
.website-pricing .website-pricing__comparison--designed .website-pricing__initial :is(th, td) { padding-top: 23px; padding-bottom: 19px; border-top: 1px solid #cbd7c8; border-bottom-color: #dfe5da; }
.website-pricing .website-pricing__comparison--designed .website-pricing__initial td,
.website-pricing .website-pricing__comparison--designed .website-pricing__monthly td { background: #f6f8f3; }
.website-pricing .website-pricing__comparison--designed .website-pricing__initial td.website-pricing__basic,
.website-pricing .website-pricing__comparison--designed .website-pricing__monthly td.website-pricing__basic { background: #e7efe1; }
.website-pricing__comparison--designed .website-pricing__initial strong,
.website-pricing__comparison--designed .website-pricing__monthly strong { color: #2e4935; font-family: "Noto Sans JP", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: .025em; font-variant-numeric: tabular-nums; }
.website-pricing__comparison--designed .website-pricing__tax-label { margin-top: 3px; color: #7b887b; font-size: 10px; font-weight: 400; }
.website-pricing .website-pricing__comparison--designed .website-pricing__monthly :is(th, td) { padding-top: 19px; padding-bottom: 23px; }
.website-pricing .website-pricing__comparison--designed tbody tr:last-child td { border-bottom: 1px solid #d9e2d4; border-radius: 0 0 15px 15px; }
.website-pricing .website-pricing__comparison--designed tbody tr:last-child th { border-bottom: 0; }
@media (hover: hover) {
  .website-pricing .website-pricing__comparison--designed tbody tr:hover th { color: #294a33; }
  .website-pricing .website-pricing__comparison--designed tbody tr:hover td:not(.website-pricing__basic) { background: #f3f6ef; }
}
@media (max-width: 1050px) {
  .website-pricing .website-pricing__scroll-hint { display: block; margin-bottom: 15px; color: #718073; font-family: "Noto Sans JP", sans-serif; font-size: 11px; line-height: 1.8; text-align: right; }
  .website-pricing__scroll-hint::before { margin-right: 8px; font-size: 15px; content: "↔"; }
  .website-pricing .website-pricing__comparison--designed { min-width: 850px; }
}
@media (max-width: 820px) {
  .website-pricing .website-pricing__table-scroll--designed { margin: 0 -8px; padding-bottom: 14px; scroll-padding-inline: 116px 8px; }
  .website-pricing .website-pricing__comparison--designed { min-width: 700px; border-spacing: 8px 0; }
  .website-pricing__comparison--designed .website-pricing__label-col { width: 108px; }
  .website-pricing .website-pricing__comparison--designed :is(th, td) { padding: 18px 12px; }
  .website-pricing .website-pricing__comparison--designed thead th { padding: 23px 11px 24px; border-radius: 12px 12px 0 0; }
  .website-pricing .website-pricing__comparison--designed thead td { padding: 20px 8px 25px; }
  .website-pricing .website-pricing__comparison--designed tbody th,
  .website-pricing .website-pricing__comparison--designed thead td { position: sticky; left: 0; z-index: 2; border-right: 0; background: #fafafa; box-shadow: 3px 0 5px -4px rgb(51 72 57 / 30%); }
  .website-pricing__comparison-corner > strong { font-size: 12px; }
  .website-pricing__comparison-corner > small { font-size: 10px; }
  .website-pricing__comparison--designed .website-pricing__plan-name { font-size: 16px; letter-spacing: 0; }
  .website-pricing__comparison--designed .website-pricing__plan-kicker { gap: 8px; margin-bottom: 13px; font-size: 8px; letter-spacing: .12em; }
  .website-pricing__plan-kicker > span { padding-right: 8px; font-size: 9px; }
  .website-pricing__comparison--designed .website-pricing__plan-summary { margin-top: 12px; font-size: 11px; }
  .website-pricing__comparison--designed .website-pricing__plan-lp { margin-top: 12px; font-size: 9px; }
  .website-pricing .website-pricing__comparison--designed tbody th { font-size: 11px; padding-left: 8px; padding-right: 8px; }
  .website-pricing .website-pricing__comparison--designed tbody td { font-size: 12px; }
  .website-pricing__comparison--designed .website-pricing__initial strong,
  .website-pricing__comparison--designed .website-pricing__monthly strong { font-size: 18px; }
  .website-pricing .website-pricing__comparison--designed tbody tr:last-child td { border-radius: 0 0 12px 12px; }
}
@media (max-width: 370px) {
  .website-pricing .website-pricing__comparison--designed { min-width: 660px; }
  .website-pricing__comparison--designed .website-pricing__label-col { width: 92px; }
  .website-pricing__comparison--designed .website-pricing__plan-name { font-size: 15px; }
  .website-pricing .website-pricing__comparison--designed thead td { padding-left: 6px; padding-right: 6px; }
  .website-pricing__comparison-corner > strong { font-size: 11px; }
}

.website-pricing__comparison--designed .website-pricing__service-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}
.website-pricing__comparison--designed .website-pricing__service-link:hover { color: #294a33; }
.website-pricing__comparison--designed .website-pricing__service-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px; }