@font-face {
  font-family: "perpetua_l";
  src: url("../inc/perpetua_l.woff2") format('woff2'),
    url("../inc/perpetua_l.woff") format('woff');
}

:root {
  interpolate-size: allow-keywords;

  --sat: env(safe-area-inset-top, 0);
  --sar: env(safe-area-inset-right, 0);
  --sab: env(safe-area-inset-bottom, 0);
  --sal: env(safe-area-inset-left, 0);
  --bodycolor: #fff;
  --maincolor: #000;
  --subcolor: #8f8f8f;
  --subcolor-: #3e3e3e;
  --subcolor--: #646464;
  --subcolor---: #8e98a2;
  --themecolor: #e0e1e5;
  --themecolor-: #a59e91;
  --themecolor--: #b9a643;
  --themecolor---: #baab76;
  --themecolor----: #cc8359;
  --themecolor-----: ;
  --themecolor------: #b29b7b;

  --leadcolor: #959eab;
  --leadcolor-: #b5bac3;
  --leadcolor--: #a5ae99;
  --leadcolor---: #c8cfbe;
  --leadcolor----: #d4d8dd;
  --leadcolor-----: #eeeff3;
  --leadcolor------: #707d8c;

  --decorationcolor: #595553;
  --advancecolor: rgba(89, 85, 83, .4);
  --mobilecolor: #162538;
  --brandcolor: #334e41;
  --buttoncolor: #9b1f24;

  --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 {}

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: 100%; */
  overflow: hidden;
}

figure {
  position: relative;
}

figure img {
  width: 100%;
}

figure[data-scroll-blink],
figure:has([data-scroll-zoom]),
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; */
}

section.fv {
  height: 100vh;
}

section.fv figure {
  position: relative;
  height: 85vh;
  overflow: hidden;
}

section.fv figure picture {
  display: flex;
  align-items: center;
  height: 100%;
}

section.fv figure img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

section.fv figure figcaption {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: .6rem;
  color: var(--bodycolor);
}

section.fv h1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15vh;
  font-size: 1.8rem;
  letter-spacing: .4rem;
  font-family: "perpetua_l";
  color: var(--leadcolor);
  background-color: var(--themecolor);
}

section.fv h1 span {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  width: 100%;
  text-align: center;
}

section.fv h1 span .decoration {
  position: absolute;
  width: 10rem;
  height: 15vh;
  left: 0;
  top: calc(-7.5vh + .6em);
  z-index: -1;
  background-size: auto auto;
  background-color: var(--themecolor);
  background-image: repeating-linear-gradient(90deg, transparent, transparent 6px, #d5d7dc 6px, #d5d7dc 7px);
  border-left: #d5d7dc solid 1px;
  border-right: #d5d7dc solid 1px;
  overflow: hidden;
}

section.usp {
  padding: 0 0 2rem;
  background-color: var(--themecolor);
}

section.usp .container {
  position: relative;
  padding: 2rem 100px;
}

section.usp .container .decoration {
  content: "";
  position: absolute;
  width: 10rem;
  height: calc(100% + 2rem);
  left: 0;
  top: 0;
  z-index: 0;
  background-size: auto auto;
  background-color: var(--themecolor);
  background-image: repeating-linear-gradient(90deg, transparent, transparent 6px, #d5d7dc 6px, #d5d7dc 7px);
  border-left: #d5d7dc solid 1px;
  border-right: #d5d7dc solid 1px;
  overflow: hidden;
}

section.usp .container .decoration:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4rem;
  z-index: 0;
  width: 1000px;
  height: 1000px;
  background-color: var(--themecolor);
  border: #d5d7dc solid 1px;
  transform: rotate(45deg);
}

section.usp h2 {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  letter-spacing: .4rem;
  line-height: 1.5em;
}

section.usp .bodycopy {
  position: relative;
  z-index: 1;
  margin-top: 2rem;
  font-size: 1.2rem;
  letter-spacing: .2rem;
  line-height: 2.2em;
}

section.usp .bodycopy sub {
  font-size: .8rem;
  line-height: 0;
}

section.usp .bodycopy span.annotation {
  display: block;
  font-size: .8rem;
  letter-spacing: .1rem;
}

section#footer {
  overflow: hidden;
}

.border-tl,
.border-br {
  position: relative;
  margin: auto;
  width: 80%;
}

.border-tl::before {
  content: "";
  position: absolute;
  left: -30px;
  top: -30px;
  width: calc(100% + 60px);
  height: 100%;
  border-top: var(--leadcolor) solid 1px;
  border-left: var(--leadcolor) solid 1px;
}

.border-tl::after {
  content: "";
  position: absolute;
  left: -25px;
  top: -30px;
  width: 5px;
  height: 100%;
  background-color: var(--leadcolor);
}

.border-br::before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: calc(100% + 60px);
  height: 100%;
  border-bottom: var(--leadcolor) solid 1px;
  border-right: var(--leadcolor) solid 1px;
}

.border-br::after {
  content: "";
  position: absolute;
  right: -25px;
  bottom: -30px;
  ;
  width: 5px;
  height: 100%;
  background-color: var(--leadcolor);
}

#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-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] {
  transform: scale(1.2);
  transition:
    transform 3.6s .0s cubic-bezier(.11, .76, .26, 1);
}

*[data-scroll-zoom_] {
  opacity: 0;
  transform: scale(1.2);
  filter: blur(6px);
  transition:
    opacity 1.2s .2s cubic-bezier(.7, .3, .55, 1),
    filter .6s .2s var(--easeInCubic),
    transform 3.6s 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-zoom] {
  transform: unset;
}

*.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;
}



/*tmpl*/
header.crevia-common {
  min-width: unset;
}

footer.crevia-common .contact dl.tel dd::before {
  width: 50px;
}

footer.crevia-common .contact .holiday {
  /* margin-top: 1rem; */
  /* padding: .5rem 1rem; */
  width: fit-content;
  /* color: rgb(179, 31, 31); */
  background-color: #f8f8f8;
  border-top: var(--subcolor) solid 1px;
  border-bottom: var(--subcolor) solid 1px;
  width: 400px;

  &.r {
    color: #ca0000;
    background-color: transparent;
    border: unset;
  }
}

@media all and (max-width: 768px) {
  footer.crevia-common .contact .holiday {
    width: 80%;
    margin: 0 auto;
    margin-top: 1rem;
  }
}

@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%;
  }

  section.usp {
    padding: 0 0 2rem;
  }

  section.usp .container {
    padding: 2%;
  }

  section.usp h2 {
    font-size: 1.2rem;
    letter-spacing: .2rem;
  }

  section.usp .bodycopy {
    margin: 1rem 0;
    font-size: .9rem;
    letter-spacing: 0;
    line-height: 1.8em;
  }

  section.usp .bodycopy sub {
    font-size: .5rem;
  }

  section.usp .bodycopy span.annotation {
    font-size: .6rem;
  }


  #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) {

  section.usp h2 {
    font-size: 1.1rem;
    letter-spacing: .1rem;
  }

  section.usp .bodycopy {
    font-size: .75rem;
  }

}