/* ==========================================================================
   基本設定｜リセット・タイポグラフィ・コンテナ
   SPファースト（min-width記法）／ブレークポイント768px
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:#fff;
  font-size:15px;
  line-height:2.0;
  letter-spacing:.02em;
}

h1,h2,.display{
  font-family:var(--font-display);
  font-weight:var(--display-weight);
  letter-spacing:var(--display-tracking);
  line-height:1.7;
}
h1{font-size:23px;}
h2{font-size:21px;margin-bottom:28px;}
h3{font-size:15px;font-weight:700;margin-bottom:6px;}

.container{max-width:768px;margin:0 auto;padding:0 20px;}
section{padding:64px 0;}
.sub{color:var(--sub);font-size:13px;line-height:1.9;}

@media (min-width:768px){
  h1{font-size:27px;}
  .container{padding:0 26px;}
  section{padding:84px 0;}
}