.terms-page__updated {
  font-size:13px;
  color:#6a7282;
  margin-bottom:32px;
}

.terms-section {
  margin-bottom:40px;
}

.terms-flow__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.terms-flow__column {
  padding:16px;
}

.terms-flow__column--sold {
  background:#f0fdf4;
  border:2px solid #00a63e;
}

.terms-flow__column--unsold {
  background:#f3f4f6;
  border:1px solid #d1d5dc;
}

.terms-flow__col-label {
  text-align:center;
  font-size:14px;
  font-weight:700;
  margin-bottom:16px;
}

.terms-flow__steps {
  display:flex;
  flex-direction:column;
}

.terms-flow__step {
  background:#fff;
  border:1px solid #00a63e;
  padding:10px 16px;
  text-align:center;
  font-size:14px;
}

.terms-flow__step--gray {
  border-color:#d1d5dc;
}

.terms-flow__step--end {
  background:#00a63e;
  color:#fff;
  border-color:#00a63e;
}

.terms-flow__step--orange-end {
  background:#ff6900;
  color:#fff;
  border-color:#ff6900;
}

.terms-flow__step--blue {
  border-color:#2b7fff;
}

.terms-flow__arrow {
  text-align:center;
  padding:2px 0;
  color:#6a7282;
  font-size:14px;
}

.terms-flow__scenarios {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:8px;
}

.terms-flow__scenario {
  display:flex;
  flex-direction:column;
}

.terms-flow__scenario--repost {
  border-left:3px solid #2b7fff;
  padding-left:8px;
}

.terms-flow__scenario--end {
  border-left:3px solid #ff6900;
  padding-left:8px;
}

.terms-flow__scenario-label {
  font-size:12px;
  font-weight:700;
  margin-bottom:8px;
}

.terms-flow__scenario--repost .terms-flow__scenario-label {
  color:#2b7fff;
}

.terms-flow__scenario--end .terms-flow__scenario-label {
  color:#ff6900;
}

.terms-table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

.terms-table th, .terms-table td {
  padding:10px 16px;
  border:1px solid #d1d5dc;
  text-align:left;
}

.terms-table th {
  background:#f3f4f6;
  font-weight:700;
}

.terms-help__section {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:24px;
}

.terms-help__subheading {
  font-size:16px;
  font-weight:700;
  color:#008236;
  padding-left:12px;
  border-left:3px solid #00a63e;
}

.terms-help__list {
  display:flex;
  flex-direction:column;
  gap:6px;
}

.terms-help__item {
  font-size:14px;
  line-height:1.6;
  padding-left:16px;
  position:relative;
}

.terms-help__item::before {
  content:'・';
  position:absolute;
  left:0;
}

.terms-info-box {
  background:#eff6ff;
  border-left:4px solid #1447e6;
  padding:16px;
  font-size:14px;
  line-height:1.8;
}

.terms-info-box a {
  color:#1447e6;
  text-decoration:underline;
}

@media(max-width:768px) .terms-flow__grid, @media(max-width:768px) .terms-flow__scenarios {
  grid-template-columns:1fr;
}