html {
  scroll-behavior: smooth;
}
/* base.css: 共通の最低限 */
.u-sp{display:none;}
@media (max-width: 899px){ .u-sp{display:inline;} .u-pc{display:none;} }

/* base.css */
:root{
    --container: 1120px;
    --gutter: 16px;
    --radius: 16px;
    --border: rgba(0,0,0,.08);
    --muted: rgba(0,0,0,.72);
    --muted2: rgba(0,0,0,.58);
  }
  
  html{ -webkit-text-size-adjust: 100%; }
  body{
    margin:0;
    color:#111;
    line-height:1.8;
    font-feature-settings: "palt";
    text-rendering: optimizeLegibility;
  }
  
  img{ max-width:100%; height:auto; }
  a{ color:inherit; }
  a:hover{ opacity:.92; }
  
  .u-sp{display:none;}
  @media (max-width: 899px){ .u-sp{display:inline;} .u-pc{display:none;} }
  
  /* 画面内の読みやすさ（スマホ） */
  p{ margin:0 0 1em; }