@charset "UTF-8";

/* =====================================================
  ROOT / RESET
===================================================== */
:root{
  --fb-bg:#ffffff;
  --fb-surface:#ffffff;
  --fb-text:#111111;
  --fb-muted:rgba(0,0,0,.56);
  --fb-line:rgba(0,0,0,.10);

  --fb-container: min(1200px, calc(100% - 48px));
  --fb-container-narrow: min(860px, calc(100% - 48px));

  --fb-sec-y: clamp(72px, 8vw, 120px);
  --fb-sec-y-sm: clamp(56px, 6vw, 88px);

  --fb-header-h: 72px;

  --fb-en: "Cinzel", "Playfair Display", serif;
  --fb-ja: "Noto Serif JP", serif;

  --fb-body: clamp(14px, 1.05vw, 16px);
  --fb-lh: 2;
  --fb-track: .04em;

  --fb-speed: .35s;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--fb-bg);
  color:var(--fb-text);
  font-family:var(--fb-ja);
  font-size:var(--fb-body);
  line-height:var(--fb-lh);
  letter-spacing:var(--fb-track);
  text-rendering:optimizeLegibility;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
  transition:opacity var(--fb-speed) ease;
}

a:hover{
  opacity:.72;
}

button,
input,
textarea,
select{
  font:inherit;
}