@font-face {
  font-family: "ar";
  src: url("../include/ar.woff") format("woff");
}

:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  --bodycolor: #fff;
  --bodycolor-: #f5f5f5;
  --maincolor: #000;
  --maincolor-: #1a1a1a;
  --subcolor: #8f8f8f;
  --subcolor-: #cfcfcf;
  --themecolor: #385f7f;
  --themecolor-: #2c3e50;
  --leadcolor: #618cae;
  --decorationcolor: #595553;
  --advancecolor: rgba(89, 85, 83, .4);
  --mobilecolor: #162538;
  --brandcolor: #334e41;
  --buttoncolor: #90483b;

  --blurShadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);
  --blurShadow-: 0px 0px 4px rgba(0, 0, 0, .5), 0px 0px 8px rgba(0, 0, 0, 1);
  --boxShadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1);

  --linear:         cubic-bezier(0.250, 0.250, 0.750, 0.750);
  --easeInSine:     cubic-bezier(0.47,  0,     0.745, 0.715);
  --easeOutSine:    cubic-bezier(0.39,  0.575, 0.565, 1    );
  --easeInOutSine:  cubic-bezier(0.445, 0.05,  0.55,  0.95 );
  --easeInQuad:     cubic-bezier(0.55,  0.085, 0.68,  0.53 );
  --easeOutQuad:    cubic-bezier(0.25,  0.46,  0.45,  0.94 );
  --easeInOutQuad:  cubic-bezier(0.455, 0.03,  0.515, 0.955);
  --easeInCubic:    cubic-bezier(0.55,  0.055, 0.675, 0.19 );
  --easeOutCubic:   cubic-bezier(0.215, 0.61,  0.355, 1    );
  --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1    );
  --easeInQuart:    cubic-bezier(0.895, 0.03,  0.685, 0.22 );
  --easeOutQuart:   cubic-bezier(0.165, 0.84,  0.44,  1    );
  --easeInOutQuart: cubic-bezier(0.77,  0,     0.175, 1    );
  --easeInQuint:    cubic-bezier(0.755, 0.05,  0.855, 0.06 );
  --easeOutQuint:   cubic-bezier(0.23,  1,     0.32,  1    );
  --easeInOutQuint: cubic-bezier(0.86,  0,     0.07,  1    );
  --easeInExpo:     cubic-bezier(0.95,  0.05,  0.795, 0.035);
  --easeOutExpo:    cubic-bezier(0.19,  1,     0.22,  1    );
  --easeInOutExpo:  cubic-bezier(1,     0,     0,     1    );
  --easeInCirc:     cubic-bezier(0.6,   0.04,  0.98,  0.335);
  --easeOutCirc:    cubic-bezier(0.075, 0.82,  0.165, 1    );
  --easeInOutCirc:  cubic-bezier(0.785, 0.135, 0.15,  0.86 );
  --easeInBack:     cubic-bezier(0.6,  -0.28,  0.735, 0.045);
  --easeOutBack:    cubic-bezier(0.175, 0.885, 0.32,  1.275);
  --easeInOutBack:  cubic-bezier(0.68, -0.55,  0.265, 1.55 );

  --opacity: opacity .25s var(--easeInOutSine);
  --all: all .25s var(--easeInOutSine);
  --button:
    color .25s ease,
    background-color .25s ease,
    border .25s ease,
    outline .25s ease;
}

::selection {
  color: var(--maincolor);
  background-color: var(--leadcolor);
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  /* font-feature-settings: "palt"; */
  box-sizing: border-box;
  /* -webkit-tap-highlight-color: rgb(0, 0, 0, 0); */
  -webkit-touch-callout: none;
}

*:focus {
  outline: none;
}


html {
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
  scroll-padding-top: unset;
}
body {
  /* padding-bottom: var(--sab); */
  font-size: 0.85em;
  font-family: YakuHanJP, 'Noto Serif JP', serif;
  font-weight: 400;
  letter-spacing: 1px;
  /* text-align: justify;
  text-justify: inter-ideograph; */
  color: var(--maincolor);
  background-color: var(--bodycolor);
  touch-action: manipulation;
}
body.is-load {
  opacity: 1;
}
/* body._blockScroll {
  backdrop-filter: 10px;
} */

.fleft {
  float: left;
}

.fright {
  float: right;
}

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

.cf:after {
  clear: both;
}

a {
  text-decoration: none;
  color: inherit;
}

a[href^="tel:"] {
  pointer-events: none;
}

img,
video {
  display: block;
  pointer-events: none;
  user-select: none;
  backface-visibility: hidden;
  transform: translateZ(0);
}
iframe {
  display: block;
  user-select: none;
  border: none;
}

._pc {
  display: unset;
}

._sp {
  display: none;
}

._blockScroll {
  /* height: 100vh; */
  overflow: hidden;
}

figure {
  position: relative;
}
figure img {
  width: 100%;
}
figure[data-scroll-blink],
figure:has([data-scroll-zoom_]) {
  overflow: hidden;
}
figure figcaption {
  /* position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: .6rem;
  line-height: 1em;
  text-align: right; */
}

div#container {
  width: 100%;
}

div.container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  /* perspective: 100px; */
}

#pageAnnotation p.annotation {
  margin: 2em 0;
  font-size: 80%;
  /* border-top: var(--advancecolor) solid 1px; */
  transform: none !important;
}
#pageAnnotation p.annotation span {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

*[data-scroll] {
  opacity: 0;
  transition:
    opacity 2s .5s cubic-bezier(.7, .3, .55, 1);
}
*[data-scroll_] {
  opacity: 0;
  transition:
    opacity 2s 1s cubic-bezier(.7, .3, .55, 1);
}
*[data-scroll-vertical] {
  opacity: 0;
  transform: translateY(100px);
  transition:
    opacity 2s .2s cubic-bezier(.7, .3, .55, 1),
    transform 4s .2s cubic-bezier(.11, .76, .26, 1);
  /*
  transition:
    opacity .6s cubic-bezier(.215,.61,.355,1),
    transform .6s cubic-bezier(.215,.61,.355,1);
  */
}
*[data-scroll-vertical_] {
  opacity: 0;
  transform: translateY(-100px);
  transition:
    opacity 2s .5s cubic-bezier(.7, .3, .55, 1),
    transform 4s .5s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-vertical__] {
  opacity: 0;
  transform: translateY(100px);
  filter: blur(20px);
  transition:
    opacity 2.4s 0s cubic-bezier(.7, .3, .55, 1),
    filter 1.8s 0s var(--easeInCubic),
    transform 7.2s 0s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-horizontal] {
  opacity: 0;
  transform: translateX(-100px);
  transition:
    opacity 1s .2s cubic-bezier(.7, .3, .55, 1),
    transform 4s .2s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-horizontal_] {
  opacity: 0;
  transform: translateX(100px);
  transition:
    opacity 1s .5s cubic-bezier(.7, .3, .55, 1),
    transform 4s .5s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-zoom] {
  opacity: 0;
  transform: scale(1.1);
  transition:
    opacity 1.2s .2s cubic-bezier(.7, .3, .55, 1),
    transform 2.4s .2s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-zoom_] {
  opacity: 0;
  transform: scale(1.1);
  filter: blur(6px);
  transition:
    opacity 1.2s .2s cubic-bezier(.7, .3, .55, 1),
    filter .6s .2s var(--easeInCubic),
    transform 3.6s .2s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-zoom__] {
  opacity: 0;
  transform: scale(1.6);
  filter: blur(10px);
  transition:
    opacity 2.4s 0s cubic-bezier(.7, .3, .55, 1),
    filter 1.2s 0s var(--easeInCubic),
    transform 7.2s 0s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-3d] {
  opacity: 0;
  transform: translateY(80%) rotateX(-80deg);
  transition:
    opacity .5s .2s cubic-bezier(.7, .3, .55, 1),
    transform 1s 0s cubic-bezier(.215, .61, .355, 1);
}

*.active[data-scroll],
*.active[data-scroll_] {
  opacity: 1;
}
*.active[data-scroll-vertical],
*.active[data-scroll-vertical_],
*.active[data-scroll-horizontal],
*.active[data-scroll-horizontal_],
*.active[data-scroll-3d] {
  opacity: 1;
  transform: unset;
}

*.active[data-scroll-vertical__],
*.active[data-scroll-zoom],
*.active[data-scroll-zoom_],
*.active[data-scroll-zoom__] {
  opacity: 1;
  filter: blur(0);
  transform: unset;
}

*[data-scroll-blur] {
  opacity: 1;
  backdrop-filter: blur(4px);
}

*[data-scroll-blink] {
  overflow: hidden;
}
*[data-scroll-blink]::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  /* backdrop-filter: blur(10px); */
  opacity: .4;
  transition:
    width 1.2s .8s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-blink]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  opacity: .6;
  transition:
    width 2.4s .4s cubic-bezier(.11, .76, .26, 1);
}
*[data-scroll-blink].active::before,
*[data-scroll-blink].active::after {
  width: 0;
  transform: translateX(0);
}

.scroll-hint-icon-wrap {
  display: none;
}



@media all and (max-width: 1000px) {

  section.usp .container {
    padding: 2rem 2vw 4rem;
  }

}



@media all and (max-width: 768px) {

  html,
  body {
    scroll-padding-top: 100px;
  }

  a[href^="tel:"] {
    pointer-events: all;
  }

  ._pc {
    display: none;
  }

  ._sp {
    display: unset;
  }

  ._overflowX {
    overflow-x: hidden;
    overflow-y: auto;
  }

  div.container {
    width: 100%;
    padding: 0 2%;
  }


  #pageAnnotation p.annotation {
    padding-top: 2%;
  }
  #pageAnnotation p.annotation span {
    display: inline;
    text-indent: unset;
    padding-left: unset;
  }



  .scroll-hint-icon-wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    /* pointer-events: none; */
    z-index: 777;
  }
  .scroll-hint-icon {
    position: absolute;
    top: calc(30% - 25px);
    left: calc(50% - 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: .8;
    background: rgba(0,0,0,0.7);
    text-align: center;
    padding: 20px 5px 10px 5px;
  }
  .scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    line-height: 1em
  }
  /* .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
      opacity: 0.8
  } */
  .scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
    animation: scroll-hint-appear 1.6s linear;
    animation-iteration-count: infinite
  }
  .scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 1;
    transition-delay: 2.4s
  }
  /* .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
      opacity: 1
  } */
  /* .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
      -webkit-animation: scroll-hint-appear 1.6s linear;
      animation: scroll-hint-appear 1.6s linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite
  } */
  .scroll-hint-icon-white {
    background-color: #FFF;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.4);
    box-shadow: 0 4px 5px rgba(0,0,0,0.4)
  }
  .scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)
  }
  .scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)
  }
  .scroll-hint-icon-white .scroll-hint-text {
    color: #000;
    line-height: 1em
  }

  @keyframes scroll-hint-appear {
    0% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 0
    }
    10% {
      opacity: 1
    }
    50%,to {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0
    }
  }

}



@media screen and (max-width: 375px) {


}