@charset "UTF-8";
/*
  @media (min-width PCMinWidth)
  @media (max-width SPMaxWidth)
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button,
textarea,
select,
option,
text {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  vertical-align: baseline;
  text-decoration: inherit;
  letter-spacing: var(--ls);
  overflow-wrap: break-word;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
}
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section,
form {
  display: block;
}
html,
body {
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html {
  --ja_sans: "Zen Kaku Gothic New", sans-serif;
  --ls: 0;
  font-family: var(--ja_sans);
  font-weight: 400;
  overscroll-behavior: none;
}
@media (min-width: 769px) {
  html {
    --hh: clamp(0rem, 7.320644216691069vw, 6.25rem);
  }
}
@media (max-width: 768px) {
  html {
    --hh: clamp(0rem, 20.266666666666666vw, 4.75rem);
  }
}
body {
  position: fixed;
  height: 100dvh;
  line-height: 1;
  color: #262627;
  overflow-wrap: break-word;
  word-wrap: break-word;
  background-color: #fff;
  overflow: hidden;
}
body.splash_finished {
  position: static;
  height: auto;
  overflow: auto;
}
@media (min-width: 769px) {
  body {
    font-size: clamp(0.625rem, 1.171303074670571vw, 1rem);
  }
}
@media (max-width: 768px) {
  body {
    font-size: clamp(0.625rem, 4.266666666666667vw, 1rem);
  }
}
ol,
ul,
li {
  display: block;
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: none;
}
strong,
b {
  font-weight: 700;
}
small {
  font-size: 80%;
}
sup {
  display: inline-block;
  font-size: 0.5em;
  line-height: 1;
  vertical-align: baseline;
  translate: 0 -100%;
}
em {
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
input,
button,
textarea,
select,
option {
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(255,255,255,0);
  border-radius: 0;
  text-align: inherit;
  font: inherit;
  outline: none;
}
input::-webkit-input-placeholder,
button::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
option::-webkit-input-placeholder {
  color: rgba(0,0,0,0.4);
}
input:-moz-placeholder,
button:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
option:-moz-placeholder {
  color: rgba(0,0,0,0.4);
}
input:-ms-input-placeholder,
button:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
option:-ms-input-placeholder {
  color: rgba(0,0,0,0.4);
}
input::placeholder,
button::placeholder,
textarea::placeholder,
select::placeholder,
option::placeholder {
  color: rgba(0,0,0,0.4);
}
input:focus-visible,
button:focus-visible,
textarea:focus-visible,
select:focus-visible,
option:focus-visible {
  outline: 2px solid #eee;
}
input[type="checkbox"],
input[type="radio"] {
  position: fixed !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  inset: 0 !important;
  inline-size: 4px !important;
  block-size: 4px !important;
  contain: strict !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 0 !important;
}
img,
svg,
video {
  display: block;
  height: auto;
  vertical-align: bottom;
}
img:not(.setWidth),
svg:not(.setWidth),
video:not(.setWidth) {
  width: 100%;
}
img.setWidth,
svg.setWidth,
video.setWidth {
  width: auto;
}
svg {
  fill: currentColor;
}
iframe {
  vertical-align: bottom;
}
a,
button,
input[type="button"],
input[type="submit"],
input[type="file"],
label.hoverAction,
details summary {
  cursor: pointer;
}
button,
input[type="button"],
input[type="submit"],
input[type="file"],
label.hoverAction {
  display: block;
}
a {
  display: block;
}
a:hover {
  opacity: 0.5;
}
.fadein {
  opacity: 0;
}
.fadein.inviewed {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 0vw;
}
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  text-decoration: inherit;
  letter-spacing: var(--ls);
  overflow-wrap: break-word;
}
@media (min-width: 769px) {
  .util_sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .util_pc {
    display: none !important;
  }
}
@media (min-width: 375px) {
  .util_max374 {
    display: none !important;
  }
}
@media (max-width: 374px) {
  .util_min375 {
    display: none !important;
  }
}
.ja_sans {
  font-family: var(--ja_sans);
}
.en_sans {
  font-family: esns;
}
.mds_sans {
  font-family: enmdss;
}
.visually_hidden {
  position: fixed !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  inset: 0 !important;
  inline-size: 4px !important;
  block-size: 4px !important;
  contain: strict !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 0 !important;
}
.wrapper {
  position: relative;
  overflow: clip;
  background-color: #f4f4f4;
}
.main {
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
}
@media (min-width: 769px) {
  .main {
    padding-bottom: clamp(0rem, 21.2298682284041vw, 18.125rem);
  }
}
@media (max-width: 768px) {
  .main {
    padding-bottom: clamp(0rem, 41.333333333333336vw, 9.6875rem);
  }
}
.fv {
  width: fit-content;
  color: #888;
  font-weight: 500;
}
.fv_container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100dvh;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
}
.fv_line {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
}
.fv_words {
  --ls: 0.07em;
}
.fv_Q_ruby {
  text-align: center;
}
@media (min-width: 769px) {
  .fv {
    padding-left: clamp(0rem, 1.756954612005857vw, 1.5rem);
    margin-block: clamp(-1.875rem, -2.196193265007321vw, 0rem) clamp(-0.5rem, -0.585651537335286vw, 0rem);
  }
  .fv_words {
    font-size: clamp(0.625rem, 3.513909224011713vw, 3rem);
    line-height: 1.333333333333333;
  }
  .fv_Q {
    width: clamp(0rem, 3.587115666178624vw, 3.0625rem);
    margin: 0 clamp(0rem, 0.878477306002928vw, 0.75rem) clamp(0rem, 0.585651537335286vw, 0.5rem);
  }
  .fv_Q_ruby {
    font-size: clamp(0.625rem, 1.317715959004393vw, 1.125rem);
    margin-bottom: clamp(0rem, 0.878477306002928vw, 0.75rem);
  }
}
@media (max-width: 768px) {
  .fv {
    padding-left: clamp(0rem, 4.266666666666667vw, 1rem);
    margin-block: clamp(-1.125rem, -4.8vw, 0rem) clamp(-0.5rem, -2.133333333333333vw, 0rem);
  }
  .fv_words {
    font-size: clamp(0.625rem, 8.533333333333333vw, 2rem);
    line-height: 1.5;
  }
  .fv_Q {
    width: clamp(0rem, 8.799999999999999vw, 2.0625rem);
    margin: 0 clamp(0rem, 2.133333333333333vw, 0.5rem) clamp(0rem, 2.133333333333333vw, 0.5rem);
  }
  .fv_Q_ruby {
    font-size: clamp(0.625rem, 3.466666666666666vw, 0.8125rem);
    margin-bottom: clamp(0rem, 1.333333333333333vw, 0.3125rem);
  }
}
.container {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .container {
    width: clamp(0rem, 69.25329428989751vw, 59.125rem);
  }
}
@media (max-width: 768px) {
  .container {
    width: clamp(0rem, 86.93333333333332vw, 20.375rem);
  }
}
.content {
  --ls: 0.04em;
  display: inline;
  background-image: -webkit-linear-gradient(left, #666 0%, #666 47.5%, #d5d5d5 52.5%, #d5d5d5 100%);
  background-image: -moz-linear-gradient(left, #666 0%, #666 47.5%, #d5d5d5 52.5%, #d5d5d5 100%);
  background-image: -o-linear-gradient(left, #666 0%, #666 47.5%, #d5d5d5 52.5%, #d5d5d5 100%);
  background-image: -ms-linear-gradient(left, #666 0%, #666 47.5%, #d5d5d5 52.5%, #d5d5d5 100%);
  background-image: linear-gradient(to right, #666 0%, #666 47.5%, #d5d5d5 52.5%, #d5d5d5 100%);
  background-size: 210% 100%;
  background-position: calc(var(--percent) * 1%) 0;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition-property: background-position;
  -moz-transition-property: background-position;
  -o-transition-property: background-position;
  -ms-transition-property: background-position;
  transition-property: background-position;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  -ms-transition-duration: 1.5s;
  transition-duration: 1.5s;
  will-change: background-position;
}
@media (min-width: 769px) {
  .content {
    font-size: clamp(0.625rem, 1.610541727672035vw, 1.375rem);
    line-height: 2.363636363636364;
  }
}
@media (max-width: 768px) {
  .content {
    font-size: clamp(0.625rem, 3.733333333333334vw, 0.875rem);
    line-height: 2.428571428571428;
  }
}
.footer .qando_logo {
  color: #888;
  fill: currentColor;
}
.footer_toTop {
  --ls: 0.2em;
  position: relative;
  display: block;
  width: fit-content;
  color: #888;
  margin-inline: auto;
  padding-left: 0.6em;
  font-weight: 500;
}
.footer_toTop:before {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  margin: auto;
  content: "";
  inset: 22% 100% 0 auto;
  rotate: 45deg;
}
@media (min-width: 769px) {
  .footer {
    margin-top: clamp(0rem, 13.90922401171303vw, 11.875rem);
  }
  .footer_toTop {
    font-size: clamp(0.625rem, 1.317715959004393vw, 1.125rem);
  }
  .footer_toTop:before {
    border-left: 2px solid;
    border-bottom: 2px solid;
  }
  .footer_toTop_container {
    margin-top: clamp(0rem, 4.392386530014641vw, 3.75rem);
  }
}
@media (max-width: 768px) {
  .footer {
    margin-top: clamp(0rem, 28.000000000000004vw, 6.5625rem);
  }
  .footer_toTop {
    font-size: clamp(0.625rem, 3.2vw, 0.75rem);
  }
  .footer_toTop:before {
    border-left: 1.5px solid;
    border-bottom: 1.5px solid;
  }
  .footer_toTop_container {
    margin-top: clamp(0rem, 9.333333333333334vw, 2.1875rem);
  }
}
.Qs {
  position: relative;
  width: 100%;
  will-change: transform;
  container: Qs/inline-size;
}
.Qs_container {
  position: absolute;
  width: 100%;
  inset: 0;
  pointer-events: none;
}
body.splash_finished .Qs {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: QsFloat;
  -moz-animation-name: QsFloat;
  -o-animation-name: QsFloat;
  -ms-animation-name: QsFloat;
  animation-name: QsFloat;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
@media (min-width: 769px) {
  .Qs {
    --cq_cntw: 2732;
    aspect-ratio: var(--cq_cntw)/22950;
    -webkit-animation-duration: 80s;
    -moz-animation-duration: 80s;
    -o-animation-duration: 80s;
    -ms-animation-duration: 80s;
    animation-duration: 80s;
  }
}
@media (max-width: 768px) {
  .Qs {
    --cq_cntw: 750;
    aspect-ratio: var(--cq_cntw)/8908;
    -webkit-animation-duration: 45s;
    -moz-animation-duration: 45s;
    -o-animation-duration: 45s;
    -ms-animation-duration: 45s;
    animation-duration: 45s;
  }
}
.Q {
  position: absolute;
  top: calc((var(--cq_ely) / var(--cq_cntw)) * 100cqw);
  left: calc((var(--cq_elx) / var(--cq_cntw)) * 100cqw);
  width: calc((var(--cq_elw) / var(--cq_cntw)) * 100cqw);
  will-change: transform;
}
@media (min-width: 769px) {
  .Q_back_1 {
    --cq_elw: 206;
    --cq_elx: 448;
    --cq_ely: 778;
  }
  .Q_back_2 {
    --cq_elw: 614;
    --cq_elx: 1590;
    --cq_ely: 1816;
  }
  .Q_back_3 {
    --cq_elw: 1072;
    --cq_elx: 1660;
    --cq_ely: 3720;
  }
  .Q_back_4 {
    --cq_elw: 349;
    --cq_elx: 460;
    --cq_ely: 6432;
  }
  .Q_back_5 {
    --cq_elw: 210;
    --cq_elx: 1356;
    --cq_ely: 8666;
  }
  .Q_back_6 {
    --cq_elw: 140;
    --cq_elx: 1356;
    --cq_ely: 11380;
  }
  .Q_back_7 {
    --cq_elw: 318;
    --cq_elx: 690;
    --cq_ely: 12294;
  }
  .Q_back_8 {
    --cq_elw: 398;
    --cq_elx: 2032;
    --cq_ely: 14252;
  }
  .Q_back_9 {
    --cq_elw: 336;
    --cq_elx: 648;
    --cq_ely: 18460;
  }
  .Q_back_10 {
    --cq_elw: 888;
    --cq_elx: 1844;
    --cq_ely: 21312;
  }
  .Q_back_11 {
    --cq_elw: 200;
    --cq_elx: 260;
    --cq_ely: 22102;
  }
  .Q_middle_1 {
    --cq_elw: 343;
    --cq_elx: 1009;
    --cq_ely: 1262;
  }
  .Q_middle_2 {
    --cq_elw: 142;
    --cq_elx: 2066;
    --cq_ely: 2890;
  }
  .Q_middle_3 {
    --cq_elw: 942;
    --cq_elx: 0;
    --cq_ely: 2805;
  }
  .Q_middle_4 {
    --cq_elw: 224;
    --cq_elx: 1017;
    --cq_ely: 4099;
  }
  .Q_middle_5 {
    --cq_elw: 261;
    --cq_elx: 1532;
    --cq_ely: 5181;
  }
  .Q_middle_6 {
    --cq_elw: 611;
    --cq_elx: 1645;
    --cq_ely: 7474;
  }
  .Q_middle_7 {
    --cq_elw: 437;
    --cq_elx: 704;
    --cq_ely: 9838;
  }
  .Q_middle_8 {
    --cq_elw: 291;
    --cq_elx: 1996;
    --cq_ely: 10736;
  }
  .Q_middle_9 {
    --cq_elw: 743;
    --cq_elx: 703;
    --cq_ely: 14818;
  }
  .Q_middle_10 {
    --cq_elw: 452;
    --cq_elx: 1770;
    --cq_ely: 19278;
  }
  .Q_middle_11 {
    --cq_elw: 580;
    --cq_elx: 893;
    --cq_ely: 21406;
  }
  .Q_front_1 {
    --cq_elw: 1300;
    --cq_elx: 1432;
    --cq_ely: 157;
  }
  .Q_front_2 {
    --cq_elw: 495;
    --cq_elx: 0;
    --cq_ely: 1202;
  }
  .Q_front_3 {
    --cq_elw: 199;
    --cq_elx: 999;
    --cq_ely: 2286;
  }
  .Q_front_4 {
    --cq_elw: 366;
    --cq_elx: 1449;
    --cq_ely: 3150;
  }
  .Q_front_5 {
    --cq_elw: 918;
    --cq_elx: 89;
    --cq_ely: 4732;
  }
  .Q_front_6 {
    --cq_elw: 1321;
    --cq_elx: 1411;
    --cq_ely: 5771;
  }
  .Q_front_7 {
    --cq_elw: 237;
    --cq_elx: 1163;
    --cq_ely: 7035;
  }
  .Q_front_8 {
    --cq_elw: 889;
    --cq_elx: 0;
    --cq_ely: 7476;
  }
  .Q_front_9 {
    --cq_elw: 1008;
    --cq_elx: 1724;
    --cq_ely: 9080;
  }
  .Q_front_10 {
    --cq_elw: 838;
    --cq_elx: 50;
    --cq_ely: 10882;
  }
  .Q_front_11 {
    --cq_elw: 1305;
    --cq_elx: 1427;
    --cq_ely: 11780;
  }
  .Q_front_12 {
    --cq_elw: 767;
    --cq_elx: 0;
    --cq_ely: 13208;
  }
  .Q_front_13 {
    --cq_elw: 322;
    --cq_elx: 1390;
    --cq_ely: 13700;
  }
  .Q_front_14 {
    --cq_elw: 931;
    --cq_elx: 1801;
    --cq_ely: 15574;
  }
  .Q_front_15 {
    --cq_elw: 756;
    --cq_elx: 0;
    --cq_ely: 15929;
  }
  .Q_front_16 {
    --cq_elw: 337;
    --cq_elx: 1062;
    --cq_ely: 16682;
  }
  .Q_front_17 {
    --cq_elw: 1314;
    --cq_elx: 1418;
    --cq_ely: 17439;
  }
  .Q_front_18 {
    --cq_elw: 1222;
    --cq_elx: 0;
    --cq_ely: 19432;
  }
  .Q_front_19 {
    --cq_elw: 254;
    --cq_elx: 1625;
    --cq_ely: 20708;
  }
  .Q_front_20 {
    --cq_elw: 281;
    --cq_elx: 1124;
    --cq_ely: 22525;
  }
}
@media (max-width: 768px) {
  .Q_back_1 {
    --cq_elw: 192;
    --cq_elx: 558;
    --cq_ely: 1382;
  }
  .Q_back_2 {
    --cq_elw: 184;
    --cq_elx: 0;
    --cq_ely: 1929;
  }
  .Q_back_3 {
    --cq_elw: 162;
    --cq_elx: 160;
    --cq_ely: 2555;
  }
  .Q_back_4 {
    --cq_elw: 74;
    --cq_elx: 340;
    --cq_ely: 2936;
  }
  .Q_back_5 {
    --cq_elw: 164;
    --cq_elx: 148;
    --cq_ely: 3604;
  }
  .Q_back_6 {
    --cq_elw: 96;
    --cq_elx: 148;
    --cq_ely: 4575;
  }
  .Q_back_7 {
    --cq_elw: 208;
    --cq_elx: 0;
    --cq_ely: 5281;
  }
  .Q_back_8 {
    --cq_elw: 80;
    --cq_elx: 56;
    --cq_ely: 6255;
  }
  .Q_back_9 {
    --cq_elw: 78;
    --cq_elx: 672;
    --cq_ely: 6744;
  }
  .Q_back_10 {
    --cq_elw: 84;
    --cq_elx: 402;
    --cq_ely: 6913;
  }
  .Q_back_11 {
    --cq_elw: 252;
    --cq_elx: 0;
    --cq_ely: 7837;
  }
  .Q_middle_1 {
    --cq_elw: 294;
    --cq_elx: 0;
    --cq_ely: 1180;
  }
  .Q_middle_2 {
    --cq_elw: 111;
    --cq_elx: 499;
    --cq_ely: 1902;
  }
  .Q_middle_3 {
    --cq_elw: 226;
    --cq_elx: 524;
    --cq_ely: 2646;
  }
  .Q_middle_4 {
    --cq_elw: 111;
    --cq_elx: 416;
    --cq_ely: 3967;
  }
  .Q_middle_5 {
    --cq_elw: 234;
    --cq_elx: 198;
    --cq_ely: 4853;
  }
  .Q_middle_6 {
    --cq_elw: 126;
    --cq_elx: 624;
    --cq_ely: 5000;
  }
  .Q_middle_7 {
    --cq_elw: 318;
    --cq_elx: 432;
    --cq_ely: 5587;
  }
  .Q_middle_8 {
    --cq_elw: 378;
    --cq_elx: 372;
    --cq_ely: 6169;
  }
  .Q_middle_9 {
    --cq_elw: 265;
    --cq_elx: 0;
    --cq_ely: 6854;
  }
  .Q_middle_10 {
    --cq_elw: 264;
    --cq_elx: 486;
    --cq_ely: 7211;
  }
  .Q_middle_11 {
    --cq_elw: 138;
    --cq_elx: 456;
    --cq_ely: 7808;
  }
  .Q_middle_12 {
    --cq_elw: 138;
    --cq_elx: 94;
    --cq_ely: 8348;
  }
  .Q_front_1 {
    --cq_elw: 418;
    --cq_elx: 332;
    --cq_ely: 152;
  }
  .Q_front_2 {
    --cq_elw: 138;
    --cq_elx: 99;
    --cq_ely: 323;
  }
  .Q_front_3 {
    --cq_elw: 179;
    --cq_elx: 0;
    --cq_ely: 587;
  }
  .Q_front_4 {
    --cq_elw: 290;
    --cq_elx: 356;
    --cq_ely: 887;
  }
  .Q_front_5 {
    --cq_elw: 166;
    --cq_elx: 213;
    --cq_ely: 1698;
  }
  .Q_front_6 {
    --cq_elw: 357;
    --cq_elx: 393;
    --cq_ely: 2170;
  }
  .Q_front_7 {
    --cq_elw: 290;
    --cq_elx: 0;
    --cq_ely: 3057;
  }
  .Q_front_8 {
    --cq_elw: 340;
    --cq_elx: 410;
    --cq_ely: 3240;
  }
  .Q_front_9 {
    --cq_elw: 253;
    --cq_elx: 0;
    --cq_ely: 3981;
  }
  .Q_front_10 {
    --cq_elw: 331;
    --cq_elx: 419;
    --cq_ely: 4264;
  }
  .Q_front_11 {
    --cq_elw: 156;
    --cq_elx: 362;
    --cq_ely: 5282;
  }
  .Q_front_12 {
    --cq_elw: 204;
    --cq_elx: 186;
    --cq_ely: 5925;
  }
  .Q_front_13 {
    --cq_elw: 188;
    --cq_elx: 177;
    --cq_ely: 6589;
  }
  .Q_front_14 {
    --cq_elw: 132;
    --cq_elx: 203;
    --cq_ely: 7512;
  }
  .Q_front_15 {
    --cq_elw: 395;
    --cq_elx: 355;
    --cq_ely: 8240;
  }
  .Q_front_16 {
    --cq_elw: 231;
    --cq_elx: 140;
    --cq_ely: 8680;
  }
}
.splash {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  margin: auto;
  inset: 0;
  background-color: #fff;
}
.splash_Qs,
.splash_logo {
  position: absolute;
  margin: auto;
}
.splash_Qs {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.splash_Qs_img {
  will-change: transform;
  translate: 0 calc(((-100% / 41) * var(--offsetY)));
}
.splash_logo {
  height: fit-content;
  opacity: 0;
}
.splash_logo .qando_logo {
  fill: #888;
}
body.img_loaded .splash_Qs {
  -webkit-transition-property: scale, translate;
  -moz-transition-property: scale, translate;
  -o-transition-property: scale, translate;
  -ms-transition-property: scale, translate;
  transition-property: scale, translate;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 6s, 6s;
  -moz-transition-delay: 6s, 6s;
  -o-transition-delay: 6s, 6s;
  -ms-transition-delay: 6s, 6s;
  transition-delay: 6s, 6s;
}
body.img_loaded .splash_logo {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -ms-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-delay: 7.5s;
  -moz-transition-delay: 7.5s;
  -o-transition-delay: 7.5s;
  -ms-transition-delay: 7.5s;
  transition-delay: 7.5s;
}
body.splash_finished .splash {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -ms-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  -ms-transition-duration: 3s;
  transition-duration: 3s;
}
@media (min-width: 769px) {
  .splash_Qs,
  .splash_logo {
    inset: -5% 0 0;
  }
  .splash_Qs {
    width: clamp(0rem, 16.105417276720353vw, 13.75rem);
  }
  .splash_logo {
    width: clamp(0rem, 69.25329428989751vw, 59.125rem);
  }
  body.img_loaded .splash_Qs {
    scale: 0.852238095238095;
    translate: -174%;
  }
}
@media (max-width: 768px) {
  .splash_Qs,
  .splash_logo {
    inset: 0;
  }
  .splash_Qs {
    width: clamp(0rem, 29.333333333333332vw, 6.875rem);
  }
  .splash_logo {
    width: clamp(0rem, 88.53333333333333vw, 20.75rem);
  }
  body.img_loaded .splash_Qs {
    scale: 0.598095238095238;
    translate: -122%;
  }
}
@-moz-keyframes QsFloat {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes QsFloat {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-o-keyframes QsFloat {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes QsFloat {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}