/* PRICEページ */
#plan {
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
  color: #263344;
}
#plan h2 {
  text-align: center;
  font-size: 26px;
  line-height: 1.5;
  margin: 0 0 16px;
}
#plan h2 > span {
  display: block;
  color: #1857b7;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  margin-bottom: 8px;
}
#plan .price-intro {
  text-align: center;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 36px;
}
#plan > .price-card {
  max-width: none;
  margin: 0 0 28px;
  padding: 28px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(26, 55, 88, .05);
}
#plan .price-card h3 {
  margin: 0 0 20px;
  padding-left: 12px;
  border-left: 4px solid #2584bc;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  color: #263344;
}
#plan .price-card-description {
  font-size: 15px;
  margin: -8px 0 16px;
}
#plan table {
  border-collapse: collapse;
  font-size: 15px;
  color: #263344;
}
#plan table th, #plan table td {
  padding: 16px;
  border: 1px solid #dce4ee;
  line-height: 1.6;
}
#plan table th {
  background: #f1f6fb;
  text-align: left;
  font-weight: 600;
}
#plan table th span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
#plan table thead th {
  text-align: center;
  font-size: 13px;
}
#plan table .right {
  white-space: nowrap;
  width: 36%;
}
#plan table .price {
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  color: #1857b7;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
#plan table .rate {
  font-size: 13px;
  margin-left: 4px;
  color: #536170;
}
#plan table .free { border-left: 1px solid #dce4ee; }
#plan table .free .price { font-size: 23px; font-weight: 700; }
#plan .note {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.7;
  color: #536170;
}
#plan .note li { margin-top: 4px; }
@media (max-width: 767px) {
  #plan > .price-card { padding: 18px 12px; margin-bottom: 20px; }
  #plan .price-card h3 { font-size: 18px; }
  #plan table { font-size: 13px; }
  #plan table th, #plan table td { padding: 12px 8px; }
  #plan table .price { font-size: 24px; }
  #plan table .rate { font-size: 11px; margin-left: 2px; }
  #plan .personal table th[scope="rowgroup"] { white-space: nowrap; }
  #plan .note { font-size: 12px; }
}
@media (max-width: 380px) {
  #plan table th, #plan table td { padding: 10px 5px; }
  #plan table .price { font-size: 21px; }
}