@charset "UTF-8";

:root {
  --box-shadow1: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  --box-shadow2: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
  --contents-width: min(calc(100% - 32px), 1100px);
}
@media (min-width: 1px) and (max-width: 520px) {
  :root {
    --contents-margin-horizontal: 16px;
  }
}
@media (min-width: 521px) and (max-width: 767px) {
  :root {
    --contents-margin-horizontal: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --contents-margin-horizontal: 20px;
  }
}
@media (min-width: 1200px) {
  :root {
    --contents-margin-horizontal: auto;
  }
}
@media (min-height: 1px) and (max-height: 520px) {
  :root {
    --contents-margin-vertical: 16px;
  }
}
@media (min-height: 521px) and (max-height: 767px) {
  :root {
    --contents-margin-vertical: 20px;
  }
}
@media (min-height: 768px) and (max-height: 1199px) {
  :root {
    --contents-margin-vertical: 26px;
  }
}
@media (min-height: 1200px) {
  :root {
    --contents-margin-vertical: 36px;
  }
}
/**/
html {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background-color: rgb(255,255,255);
  padding: 0;
  width: 100%;
  min-inline-size: 320px;
  color: rgba(0,0,0,0.68);
  font-family: sans-serif;
  font-size: 14px;
  overflow-wrap: break-word;
  scroll-behavior: smooth;
  word-wrap: break-word;
}
a {
  color: inherit;
}
img {
  max-width: 100%;
}