/* 共通サイト面。ページ固有の意味コンポーネントは持たない。 */
.yk-ui-surface {
  position: relative;
  width: min(100%, var(--yk-width-surface));
  margin-inline: auto;
  padding: clamp(2.25rem,4vw,4.5rem) clamp(2rem,5vw,6rem) clamp(5rem,8vw,8rem);
  background: var(--yk-color-paper);
  box-sizing: border-box;
}
@media(max-width:620px){
  .yk-ui-surface{padding:2rem .25rem 4.5rem}
}