/* 上下のpadding用 */
.u-py-sm {
  padding-block: 1rem;
}

.u-py-md {
  padding-block: 2rem;
}

.u-py-lg {
  padding-block: 3rem;
}

.u-py-xl {
  padding-block: 5rem;
}
/* 上だけpadding用 */
.u-pt-sm {
  padding-top: 1rem;
}

.u-pt-md {
  padding-top: 2rem;
}

.u-pt-lg {
  padding-top: 3rem;
}

.u-pt-xl {
  padding-top: 5rem;
}

/* 下だけpadding用 */
.u-pb-sm {
  padding-bottom: 1rem;
}

.u-pb-md {
  padding-bottom: 2rem;
}

.u-pb-lg {
  padding-bottom: 3rem;
}

.u-pb-xl {
  padding-bottom: 5rem;
}