@charset "UTF-8";
/** 設定 **/
/* -------------------------------------------
 * initialize
 */
:root {
  --font-sans: "Noto Sans JP", sans-serif;
  --font-boldonse: "Boldonse", system-ui;
  --base-color: #000;
  --base-inverse: #fff;
  --primary-color: #e3f042;
  --secondary-color: #ffd800;
  --accent-color-or: #ff8538;
  --accent-color-bl: #3d71e1;
  --bg-color: #262525;
  --bg-subcolor: #c9c9c9;
  --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);
  color: var(--base-color);
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: var(--font-weight-medium);
  overflow-x: hidden;
}

main {
  margin-inline: auto;
}

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

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

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

.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 */