/* 講師が受け取る割合 */
.lp-share__panel {
  border-radius: var(--radius-panel);
  padding: 48px 40px 44px;
  text-align: center;
  box-shadow: var(--shadow-panel);
}
.lp-share__heading {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 36px;
  letter-spacing: .14em;
  color: var(--c-heading-dark);
}
.lp-share__items { display: flex; justify-content: center; gap: 96px; flex-wrap: wrap; }
.lp-share__value { font-family: var(--font-en); font-size: 76px; line-height: 1; color: #FFFFFF; }
.lp-share__unit { font-size: 30px; }
.lp-share__label { font-size: 13.5px; font-weight: 700; margin-top: 14px; }
.lp-share__note { font-size: 12px; color: rgba(249, 246, 240, .6); margin-top: 4px; }
@media (max-width: 640px) {
  /* 2つの数字を縦に積むとパネルが縦長になるので、横並びのまま文字を小さくする */
  .lp-share__panel { padding: 30px 14px 28px; border-radius: 14px; }
  .lp-share__heading { font-size: 18px; letter-spacing: .1em; margin-bottom: 22px; }
  .lp-share__items { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: start; }
  .lp-share__items > div + div { border-left: 1px solid rgba(249, 246, 240, .16); }
  .lp-share__value { font-size: 50px; }
  .lp-share__unit { font-size: 22px; }
  .lp-share__label { font-size: 12.5px; margin-top: 8px; }
  .lp-share__note { font-size: 11px; margin-top: 2px; padding: 0 6px; }
}