@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&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(39,54,72,1) 0%, rgba(57,80,106,1) 100%);
  --grad-02: linear-gradient(90deg, rgba(22,32,39,1) 0%, rgba(32,46,57,1) 100%);
  --grad-03: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(183,196,198,1) 100%);
  --grad-04: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(235,224,206,1) 30%, rgba(195,157,100,1) 100%);
  --grad-05: radial-gradient(#3a4c70 0,#071022 70%);
  --grad-06: linear-gradient(0deg, #766754 0%, #95856c 100%);
  --color-01: #ebe0ce;
  --color-02: #535d64;
  --color-03: #313a3f;
  --default: #fcfcfc;
  --sans-serif: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif: "EB Garamond", "A1明朝", "A1 Mincho", 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: #fff; }