/* =============================================================
   HANNARI 採用LP v2 ｜ base.css
   リセットと素の文字組み。部品はここに書かない。
   ============================================================= */
*,*::before,*::after{box-sizing:border-box;}
html,body,h1,h2,h3,h4,p,figure,figcaption,blockquote,dl,dt,dd,ul,ol,li{margin:0;padding:0;}
ul,ol{list-style:none;}
img,video{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:56px;}

body{
  font-family:var(--ff-body);
  font-size:var(--fs-body);
  line-height:2.0;
  color:var(--c-body);
  background:var(--c-cream-2);
  font-feature-settings:"palt";
  -webkit-font-smoothing:antialiased;
  word-break:auto-phrase;
  line-break:strict;
  overflow-wrap:anywhere;
}

h1,h2,h3{font-family:var(--ff-disp);font-weight:700;line-height:1.42;color:var(--c-ink);word-break:auto-phrase;}

strong,b{font-weight:700;color:var(--c-ink);}
::selection{background:var(--c-clay);color:#fff;}
:focus-visible{outline:2px solid var(--c-clay);outline-offset:3px;}

.nw{white-space:nowrap;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}