@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&family=Jost:ital,wght@0,500;1,500&family=Noto+Sans+JP:wght@400;800&display=swap');

:root {
  --easing: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --grad-01: linear-gradient(90deg, rgba(82,89,120,1) 0%, rgba(92,101,134,1) 100%);
  --grad-02: linear-gradient(90deg, rgba(53,58,78,1) 0%, rgba(59,66,88,1) 100%);
  --color-01: #85664a;
  --color-02: #535d64;
  --default: #3e3a39;
  --sans-serif: "Jost", "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif: "EB Garamond", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, section, article, aside, figure, figcaption, hgroup, footer, header, audio, video, canvas { margin:0; padding:0; border:0; outline:0; font-weight:400; font-style:inherit; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
blockquote, q { quotes:'' ''; }
span,strong {font-weight: inherit;}

/* ---------------------------------------------------------------------------------------------------- */
/* Base */
@-ms-viewport {width:auto;}
body {
  font-family: var(--sans-serif);
  font-size:100%;
  font-optical-sizing:auto;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:1.7;
  letter-spacing: 0.1em;
  color: var(--default);
}
em { font-style:italic; }
strong { font-weight:bold; }

a { text-decoration:underline;color: var(--default); }