@charset "UTF-8";
/** 設定 **/
/* -------------------------------------------
 * initialize
 */
:root {
  --font-sans: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Segoe UI', Verdana, Roboto, Meiryo, sans-serif;
  --font-en: "Inter", sans-serif;
  --font-color: #000000;
  --link-color: #000000;
  --gry-color-1: #363B39;
  --gry-color-2: #717171;
  --gry-color-3: #D1D1D1;
  --gry-color-4: #EFEFEF;
  --gry-color-5: #CCCCCC;
  --gry-color-6: #AAAAAA;
  --grn-color: #0E9A54;
  --wht-color: #ffffff;
  --font-size-xs: 15px;
  --font-size-sm: 18px;
  --font-size-md: 22px;
  --font-size-lg: 24px;
  --font-size-xl: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
  :root {
    --font-size-xs: 15px;
    --font-size-sm: 16px;
    --font-size-md: 20px;
    --font-size-lg: 22px;
    --font-size-xl: 27px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1023px) {
  :root {
    --font-size-xs: 15px;
    --font-size-sm: 15px;
    --font-size-md: 17px;
    --font-size-lg: 19px;
    --font-size-xl: 24px;
  }
}
:root {
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
  --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
  --ease-inout-sine: cubic-bezier(0.37, 0, 0.63, 1);
  --ease-inout-cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-inout-quint: cubic-bezier(0.83, 0, 0.17, 1);
  --ease-inout-circ: cubic-bezier(0.85, 0, 0.15, 1);
  --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
  --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
  --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
  --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-inout-quad: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-inout-quart: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-inout-expo: cubic-bezier(0.87, 0, 0.13, 1);
  --ease-inout-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, main {
  display: block;
}

ul, li, ol {
  list-style: none;
}

input, select {
  vertical-align: middle;
}

body {
  position: relative;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-regular);
  color: var(--font-color);
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}

a {
  color: var(--link-color);
}

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

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.preload * {
  transition: none !important;
}/*# sourceMappingURL=init.css.map */