:root {
  --page-width: 1440px;
  --image-width: 1220px;
  --text-width: 720px;
  --page-margin-pc: 40px;
  --page-margin-sp: 20px;

  --main-color: #000610;
  --sub-color: #313743;
  --disabled-color: #7B7D87;
  --bg-color: #EFEFF5;
  --bg-secondary-color: #EAEAF2;
  --accent-color: #163BCC;
}


body * {
  all: unset;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
table,
tr,
td,
th,
section,
article,
aside,
header,
footer,
main,
nav,
figure,
figcaption,
address,
blockquote,
pre,
form,
fieldset,
legend,
iframe {
  display: block;
  margin: 0;
  padding: 0;
}

span,
a,
strong,
em,
b,
i,
u,
small,
sub,
sup,
img,
svg,
video,
audio {
  display: inline;
}

body {
  background-color: var(--bg-color);
  color: var(--main-color);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}


.container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}