@charset "UTF-8";
/*******************************************************************************
 * version 1.0 release;
 * copyright 2019
 ******************************************************************************/
/* @charset "UTF-8"; */
:root {
  /* 自行設定 */
  --f-offset: 100px; /* 偏移量 */
  --f-time: 0.1s; /* transition duration */
}

.js-animate--text span.js-animate__item {
  display: inline-block;
}

/* 漸入 FadeIn
==================================== */
.js-animate--fadein {
  opacity: 0;
}

.js-animate--fadein-up {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
  /* transform: translate(0, calc( var(--f-offset) * -1)); */
}

.js-animate--fadein-down {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  /* transform: translate(0, var(--f-offset)); */
}

.js-animate--fadein-left {
  opacity: 0;
  -webkit-transform: translate(-80px, 0);
          transform: translate(-80px, 0);
  /* transform: translate(calc( var(--f-offset) * -1), 0); */
}

.js-animate--fadein-right {
  opacity: 0;
  -webkit-transform: translate(80px, 0);
          transform: translate(80px, 0);
  /* transform: translate(var(--f-offset), 0); */
}

/* 色塊進入 SolidIn
==================================== */
[class*=js-animate--solidin] {
  position: relative;
  opacity: 0;
  -webkit-transition: 1700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
  transition: 1700ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
}

[class*=js-animate--solidin]::before,
[class*=js-animate--solidin]::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% + 100px);
}

[class*=js-animate--solidin]::before {
  background: #183981; /* 色塊顏色 */
  z-index: 1;
  -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

[class*=js-animate--solidin]::after {
  background: #fff; /* 父層背景顏色 */
  z-index: 2;
  -webkit-transition: 1.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.js-animate--solidin-up {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.js-animate--solidin-up::before,
.js-animate--solidin-up::after {
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.js-animate--solidin-down {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.js-animate--solidin-down::before,
.js-animate--solidin-down::after {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.js-animate--solidin-left {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.js-animate--solidin-left::before,
.js-animate--solidin-left::after {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.js-animate--solidin-right {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.js-animate--solidin-right::before,
.js-animate--solidin-right::after {
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

/* 遮罩overflow MaskIn
==================================== */
[class*=js-animate--maskin] {
  overflow: hidden;
}

.js-animate--maskin-up,
.js-animate--maskin-down {
  white-space: nowrap;
}

.js-animate--maskin-left .js-animate__item {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.js-animate--maskin-right .js-animate__item {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.js-animate--maskin-up .js-animate__item {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.js-animate--maskin-down .js-animate__item {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

/* 翻牌 FlipIn
==================================== */
.js-animate--flipin .js-animate__item {
  /* perspective: 100px; */
  display: inline-block;
  opacity: 0;
  -webkit-transform: perspective(100px) rotateY(-45deg);
          transform: perspective(100px) rotateY(-45deg);
}

/* Active 放後面覆蓋
==================================== */
.js-animate--active,
.js-animate--active [class*=js-animate],
.js-animate--active .js-animate__item {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  /* transition: opacity 1s, transform 1s; */
  -webkit-transition-duration: 1s, 1s;
          transition-duration: 1s, 1s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  /* transition: opacity var(--f-time), transform var(--f-time); */
}

.js-animate--solidin-up.js-animate--active::before,
.js-animate--solidin-up.js-animate--active::after,
.js-animate--solidin-down.js-animate--active::before,
.js-animate--solidin-down.js-animate--active::after,
.js-animate--active .js-animate--solidin-up::before,
.js-animate--active .js-animate--solidin-up::after,
.js-animate--active .js-animate--solidin-down::before,
.js-animate--active .js-animate--solidin-down::after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.js-animate--solidin-left.js-animate--active::before,
.js-animate--solidin-left.js-animate--active::after,
.js-animate--solidin-right.js-animate--active::before,
.js-animate--solidin-right.js-animate--active::after,
.js-animate--active .js-animate--solidin-left::before,
.js-animate--active .js-animate--solidin-left::after,
.js-animate--active .js-animate--solidin-right::before,
.js-animate--active .js-animate--solidin-right::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

[class*=js-animate--maskin].js-animate--active .js-animate__item {
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.js-animate--flipin.js-animate--active .js-animate__item {
  -webkit-transform: perspective(100px) rotateY(0);
          transform: perspective(100px) rotateY(0);
}

/* Delay & Duration
==================================== */
.js-animate--active .animate-delay100, .js-animate--active .animate-delay100[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay100[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay100,
.js-animate--active.animate-delay100[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay100[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.js-animate--active .animate-delay150, .js-animate--active .animate-delay150[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay150[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay150,
.js-animate--active.animate-delay150[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay150[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.js-animate--active .animate-delay200, .js-animate--active .animate-delay200[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay200[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay200,
.js-animate--active.animate-delay200[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay200[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.js-animate--active .animate-delay250, .js-animate--active .animate-delay250[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay250[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay250,
.js-animate--active.animate-delay250[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay250[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.js-animate--active .animate-delay300, .js-animate--active .animate-delay300[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay300[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay300,
.js-animate--active.animate-delay300[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay300[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.js-animate--active .animate-delay350, .js-animate--active .animate-delay350[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay350[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay350,
.js-animate--active.animate-delay350[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay350[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.js-animate--active .animate-delay400, .js-animate--active .animate-delay400[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay400[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay400,
.js-animate--active.animate-delay400[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay400[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.js-animate--active .animate-delay450, .js-animate--active .animate-delay450[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay450[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay450,
.js-animate--active.animate-delay450[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay450[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.js-animate--active .animate-delay500, .js-animate--active .animate-delay500[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay500[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay500,
.js-animate--active.animate-delay500[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay500[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.js-animate--active .animate-delay550, .js-animate--active .animate-delay550[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay550[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay550,
.js-animate--active.animate-delay550[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay550[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

.js-animate--active .animate-delay600, .js-animate--active .animate-delay600[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay600[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay600,
.js-animate--active.animate-delay600[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay600[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.js-animate--active .animate-delay650, .js-animate--active .animate-delay650[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay650[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay650,
.js-animate--active.animate-delay650[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay650[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

.js-animate--active .animate-delay700, .js-animate--active .animate-delay700[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay700[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay700,
.js-animate--active.animate-delay700[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay700[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.js-animate--active .animate-delay750, .js-animate--active .animate-delay750[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay750[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay750,
.js-animate--active.animate-delay750[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay750[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.js-animate--active .animate-delay800, .js-animate--active .animate-delay800[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay800[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay800,
.js-animate--active.animate-delay800[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay800[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.js-animate--active .animate-delay850, .js-animate--active .animate-delay850[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay850[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay850,
.js-animate--active.animate-delay850[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay850[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

.js-animate--active .animate-delay900, .js-animate--active .animate-delay900[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay900[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay900,
.js-animate--active.animate-delay900[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay900[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.js-animate--active .animate-delay950, .js-animate--active .animate-delay950[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay950[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay950,
.js-animate--active.animate-delay950[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay950[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

.js-animate--active .animate-delay1000, .js-animate--active .animate-delay1000[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1000[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1000,
.js-animate--active.animate-delay1000[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1000[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.js-animate--active .animate-delay1050, .js-animate--active .animate-delay1050[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1050[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1050,
.js-animate--active.animate-delay1050[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1050[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.js-animate--active .animate-delay1100, .js-animate--active .animate-delay1100[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1100[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1100,
.js-animate--active.animate-delay1100[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1100[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.js-animate--active .animate-delay1150, .js-animate--active .animate-delay1150[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1150[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1150,
.js-animate--active.animate-delay1150[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1150[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.js-animate--active .animate-delay1200, .js-animate--active .animate-delay1200[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1200[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1200,
.js-animate--active.animate-delay1200[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1200[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.js-animate--active .animate-delay1250, .js-animate--active .animate-delay1250[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1250[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1250,
.js-animate--active.animate-delay1250[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1250[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.js-animate--active .animate-delay1300, .js-animate--active .animate-delay1300[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1300[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1300,
.js-animate--active.animate-delay1300[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1300[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.js-animate--active .animate-delay1350, .js-animate--active .animate-delay1350[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1350[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1350,
.js-animate--active.animate-delay1350[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1350[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

.js-animate--active .animate-delay1400, .js-animate--active .animate-delay1400[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1400[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1400,
.js-animate--active.animate-delay1400[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1400[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.js-animate--active .animate-delay1450, .js-animate--active .animate-delay1450[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1450[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1450,
.js-animate--active.animate-delay1450[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1450[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s;
}

.js-animate--active .animate-delay1500, .js-animate--active .animate-delay1500[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1500[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1500,
.js-animate--active.animate-delay1500[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1500[class*=js-animate--solidin-]::after {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

@media (min-width: 768px) {
  .js-animate--active .animate-delay100-md, .js-animate--active .animate-delay100-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay100-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay100-md,
.js-animate--active.animate-delay100-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay100-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .js-animate--active .animate-delay150-md, .js-animate--active .animate-delay150-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay150-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay150-md,
.js-animate--active.animate-delay150-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay150-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .js-animate--active .animate-delay200-md, .js-animate--active .animate-delay200-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay200-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay200-md,
.js-animate--active.animate-delay200-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay200-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .js-animate--active .animate-delay250-md, .js-animate--active .animate-delay250-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay250-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay250-md,
.js-animate--active.animate-delay250-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay250-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .js-animate--active .animate-delay300-md, .js-animate--active .animate-delay300-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay300-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay300-md,
.js-animate--active.animate-delay300-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay300-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .js-animate--active .animate-delay350-md, .js-animate--active .animate-delay350-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay350-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay350-md,
.js-animate--active.animate-delay350-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay350-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  .js-animate--active .animate-delay400-md, .js-animate--active .animate-delay400-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay400-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay400-md,
.js-animate--active.animate-delay400-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay400-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .js-animate--active .animate-delay450-md, .js-animate--active .animate-delay450-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay450-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay450-md,
.js-animate--active.animate-delay450-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay450-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  .js-animate--active .animate-delay500-md, .js-animate--active .animate-delay500-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay500-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay500-md,
.js-animate--active.animate-delay500-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay500-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .js-animate--active .animate-delay550-md, .js-animate--active .animate-delay550-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay550-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay550-md,
.js-animate--active.animate-delay550-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay550-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  .js-animate--active .animate-delay600-md, .js-animate--active .animate-delay600-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay600-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay600-md,
.js-animate--active.animate-delay600-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay600-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .js-animate--active .animate-delay650-md, .js-animate--active .animate-delay650-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay650-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay650-md,
.js-animate--active.animate-delay650-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay650-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  .js-animate--active .animate-delay700-md, .js-animate--active .animate-delay700-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay700-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay700-md,
.js-animate--active.animate-delay700-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay700-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .js-animate--active .animate-delay750-md, .js-animate--active .animate-delay750-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay750-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay750-md,
.js-animate--active.animate-delay750-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay750-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  .js-animate--active .animate-delay800-md, .js-animate--active .animate-delay800-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay800-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay800-md,
.js-animate--active.animate-delay800-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay800-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .js-animate--active .animate-delay850-md, .js-animate--active .animate-delay850-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay850-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay850-md,
.js-animate--active.animate-delay850-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay850-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  .js-animate--active .animate-delay900-md, .js-animate--active .animate-delay900-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay900-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay900-md,
.js-animate--active.animate-delay900-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay900-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .js-animate--active .animate-delay950-md, .js-animate--active .animate-delay950-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay950-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay950-md,
.js-animate--active.animate-delay950-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay950-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  .js-animate--active .animate-delay1000-md, .js-animate--active .animate-delay1000-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1000-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1000-md,
.js-animate--active.animate-delay1000-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1000-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .js-animate--active .animate-delay1050-md, .js-animate--active .animate-delay1050-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1050-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1050-md,
.js-animate--active.animate-delay1050-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1050-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  .js-animate--active .animate-delay1100-md, .js-animate--active .animate-delay1100-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1100-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1100-md,
.js-animate--active.animate-delay1100-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1100-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .js-animate--active .animate-delay1150-md, .js-animate--active .animate-delay1150-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1150-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1150-md,
.js-animate--active.animate-delay1150-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1150-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  .js-animate--active .animate-delay1200-md, .js-animate--active .animate-delay1200-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1200-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1200-md,
.js-animate--active.animate-delay1200-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1200-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .js-animate--active .animate-delay1250-md, .js-animate--active .animate-delay1250-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1250-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1250-md,
.js-animate--active.animate-delay1250-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1250-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  .js-animate--active .animate-delay1300-md, .js-animate--active .animate-delay1300-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1300-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1300-md,
.js-animate--active.animate-delay1300-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1300-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .js-animate--active .animate-delay1350-md, .js-animate--active .animate-delay1350-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1350-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1350-md,
.js-animate--active.animate-delay1350-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1350-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  .js-animate--active .animate-delay1400-md, .js-animate--active .animate-delay1400-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1400-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1400-md,
.js-animate--active.animate-delay1400-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1400-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  .js-animate--active .animate-delay1450-md, .js-animate--active .animate-delay1450-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1450-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1450-md,
.js-animate--active.animate-delay1450-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1450-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  .js-animate--active .animate-delay1500-md, .js-animate--active .animate-delay1500-md[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1500-md[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1500-md,
.js-animate--active.animate-delay1500-md[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1500-md[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}
@media (min-width: 1024px) {
  .js-animate--active .animate-delay100-lg, .js-animate--active .animate-delay100-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay100-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay100-lg,
.js-animate--active.animate-delay100-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay100-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .js-animate--active .animate-delay150-lg, .js-animate--active .animate-delay150-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay150-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay150-lg,
.js-animate--active.animate-delay150-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay150-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .js-animate--active .animate-delay200-lg, .js-animate--active .animate-delay200-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay200-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay200-lg,
.js-animate--active.animate-delay200-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay200-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .js-animate--active .animate-delay250-lg, .js-animate--active .animate-delay250-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay250-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay250-lg,
.js-animate--active.animate-delay250-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay250-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .js-animate--active .animate-delay300-lg, .js-animate--active .animate-delay300-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay300-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay300-lg,
.js-animate--active.animate-delay300-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay300-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .js-animate--active .animate-delay350-lg, .js-animate--active .animate-delay350-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay350-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay350-lg,
.js-animate--active.animate-delay350-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay350-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  .js-animate--active .animate-delay400-lg, .js-animate--active .animate-delay400-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay400-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay400-lg,
.js-animate--active.animate-delay400-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay400-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .js-animate--active .animate-delay450-lg, .js-animate--active .animate-delay450-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay450-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay450-lg,
.js-animate--active.animate-delay450-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay450-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  .js-animate--active .animate-delay500-lg, .js-animate--active .animate-delay500-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay500-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay500-lg,
.js-animate--active.animate-delay500-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay500-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .js-animate--active .animate-delay550-lg, .js-animate--active .animate-delay550-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay550-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay550-lg,
.js-animate--active.animate-delay550-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay550-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  .js-animate--active .animate-delay600-lg, .js-animate--active .animate-delay600-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay600-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay600-lg,
.js-animate--active.animate-delay600-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay600-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .js-animate--active .animate-delay650-lg, .js-animate--active .animate-delay650-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay650-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay650-lg,
.js-animate--active.animate-delay650-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay650-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  .js-animate--active .animate-delay700-lg, .js-animate--active .animate-delay700-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay700-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay700-lg,
.js-animate--active.animate-delay700-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay700-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .js-animate--active .animate-delay750-lg, .js-animate--active .animate-delay750-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay750-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay750-lg,
.js-animate--active.animate-delay750-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay750-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  .js-animate--active .animate-delay800-lg, .js-animate--active .animate-delay800-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay800-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay800-lg,
.js-animate--active.animate-delay800-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay800-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .js-animate--active .animate-delay850-lg, .js-animate--active .animate-delay850-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay850-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay850-lg,
.js-animate--active.animate-delay850-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay850-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  .js-animate--active .animate-delay900-lg, .js-animate--active .animate-delay900-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay900-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay900-lg,
.js-animate--active.animate-delay900-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay900-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .js-animate--active .animate-delay950-lg, .js-animate--active .animate-delay950-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay950-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay950-lg,
.js-animate--active.animate-delay950-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay950-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  .js-animate--active .animate-delay1000-lg, .js-animate--active .animate-delay1000-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1000-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1000-lg,
.js-animate--active.animate-delay1000-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1000-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .js-animate--active .animate-delay1050-lg, .js-animate--active .animate-delay1050-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1050-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1050-lg,
.js-animate--active.animate-delay1050-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1050-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  .js-animate--active .animate-delay1100-lg, .js-animate--active .animate-delay1100-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1100-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1100-lg,
.js-animate--active.animate-delay1100-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1100-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .js-animate--active .animate-delay1150-lg, .js-animate--active .animate-delay1150-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1150-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1150-lg,
.js-animate--active.animate-delay1150-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1150-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  .js-animate--active .animate-delay1200-lg, .js-animate--active .animate-delay1200-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1200-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1200-lg,
.js-animate--active.animate-delay1200-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1200-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .js-animate--active .animate-delay1250-lg, .js-animate--active .animate-delay1250-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1250-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1250-lg,
.js-animate--active.animate-delay1250-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1250-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  .js-animate--active .animate-delay1300-lg, .js-animate--active .animate-delay1300-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1300-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1300-lg,
.js-animate--active.animate-delay1300-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1300-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .js-animate--active .animate-delay1350-lg, .js-animate--active .animate-delay1350-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1350-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1350-lg,
.js-animate--active.animate-delay1350-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1350-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  .js-animate--active .animate-delay1400-lg, .js-animate--active .animate-delay1400-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1400-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1400-lg,
.js-animate--active.animate-delay1400-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1400-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  .js-animate--active .animate-delay1450-lg, .js-animate--active .animate-delay1450-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1450-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1450-lg,
.js-animate--active.animate-delay1450-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1450-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  .js-animate--active .animate-delay1500-lg, .js-animate--active .animate-delay1500-lg[class*=js-animate--solidin-]::before, .js-animate--active .animate-delay1500-lg[class*=js-animate--solidin-]::after,
.js-animate--active.animate-delay1500-lg,
.js-animate--active.animate-delay1500-lg[class*=js-animate--solidin-]::before,
.js-animate--active.animate-delay1500-lg[class*=js-animate--solidin-]::after {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}
.animate-dur100,
.animate-dur100::before,
.animate-dur100::after {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

.animate-dur200,
.animate-dur200::before,
.animate-dur200::after {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.animate-dur300,
.animate-dur300::before,
.animate-dur300::after {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.animate-dur400,
.animate-dur400::before,
.animate-dur400::after {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.animate-dur500,
.animate-dur500::before,
.animate-dur500::after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.animate-dur1500 {
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

.animate-dur2000 {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.wrap {
  background: #f5f5f5 url("../images/bg_index.png") no-repeat;
  background-size: 1360px;
  background-position: 50% 0%;
}
@media (min-width: 1024px) {
  .wrap {
    background-size: 100%;
  }
}

.section-banner {
  position: relative;
  padding-top: 0;
}
.banner {
  position: relative;
  padding: 30px 25px;
  border-radius: 0 0 20px 20px;
  z-index: 0;
}
@media (min-width: 768px) {
  .banner {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 1230px) {
  .banner {
    padding: 115px 75px;
    border-radius: 0 50px 50px 50px;
  }
}
.banner:before {
  border-radius: 0 0 20px 20px;
}
@media (min-width: 600px) {
  .banner:before {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 1230px) {
  .banner:before {
    border-radius: 0 50px 50px 50px;
  }
}
.banner__infobox {
  text-align: center;
}
.banner__heading {
  max-width: 300px;
  margin: 0 auto 15px;
}
@media (min-width: 1024px) {
  .banner__heading {
    max-width: 46.6227347611%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
.banner__imgbox-wrap {
  margin: -30px auto 20px;
  max-width: 340px;
}
@media (min-width: 1024px) {
  .banner__imgbox-wrap {
    position: absolute;
    right: -25px;
    top: -0.3%;
    max-width: initial;
    width: 72%;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #fff), color-stop(90%, #fff), to(transparent));
    -webkit-mask-image: linear-gradient(to right, transparent, #fff 10%, #fff 90%, transparent);
            mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #fff), color-stop(90%, #fff), to(transparent));
            mask-image: linear-gradient(to right, transparent, #fff 10%, #fff 90%, transparent);
  }
}
@media (min-width: 1230px) {
  .banner__imgbox-wrap {
    right: -13%;
    top: -170px;
  }
}
.banner__imgbox {
  padding: 0 10%;
}
@media (min-width: 1024px) {
  .banner__info {
    max-width: 46.6227347611%;
  }
}
.banner__desc {
  font-size: 1.25em;
  margin: 0 0 20px;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .banner__desc {
    font-size: 32px;
    margin-bottom: 60px;
  }
}
.banner__btnbox {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.howlist {
  margin: 0 0 45px;
}
@media (min-width: 1024px) {
  .howlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto 75px;
    max-width: 812px;
  }
}
.howlist__item {
  position: relative;
  margin: 35px 0;
  text-align: center;
  background: #FFCFC3;
}
@media (min-width: 1024px) {
  .howlist__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 14px);
            flex: 0 0 calc(33% - 14px);
  }
}
.howlist__item:before {
  content: "";
  border-radius: 20px;
  border: 2px solid #FFEAE5;
  background: #FFCFC3;
  -webkit-box-shadow: inset -10px -10px 30px #FF805F;
          box-shadow: inset -10px -10px 30px #FF805F;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.howlist__inner {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 25px;
}
@media (min-width: 1024px) {
  .howlist__inner {
    padding: 50px 30px;
    border-radius: 30px;
    display: block;
  }
}
.howlist__imgbox {
  margin: -20px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 156px;
          flex: 0 0 156px;
}
@media (min-width: 1024px) {
  .howlist__imgbox {
    margin: 0 auto 20px;
    max-width: 200px;
  }
}
.howlist__desc {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
.howlist__item:nth-child(even) .howlist__desc {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.section2--wrap {
  margin: 0 -10px;
}
.section-data {
  margin: 85px 0 70px 0;
}
@media (min-width: 1024px) {
  .section-data {
    margin: 195px 0 90px 0;
  }
}
.section-data__banner {
  margin: -65px auto 30px;
}
@media (min-width: 1024px) {
  .section-data__banner {
    margin: -195px auto 55px;
  }
}
@media (min-width: 1024px) {
  .section-data .section2__subtitle {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.section-case {
  margin-bottom: 600px;
}
@media (min-width: 1024px) {
  .section-case {
    margin-bottom: 340px;
  }
}
.section-case .section2__heading {
  position: relative;
}
.section-case .section2__heading:before,
.section-case .section2__heading:after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 97px;
  position: absolute;
  top: -110px;
  background-size: cover;
}
@media (min-width: 768px) {
  .section-case .section2__heading:before,
.section-case .section2__heading:after {
    width: 160px;
    top: initial;
    bottom: -68px;
  }
}
.section-case .section2__heading:before {
  background-image: url("../images/deco_case1.png?t=20230317v1");
  left: calc(50% - 97px);
}
@media (min-width: 768px) {
  .section-case .section2__heading:before {
    left: 0;
  }
}
.section-case .section2__heading:after {
  background-image: url("../images/deco_case2.png?t=20230317v1");
  right: calc(50% - 97px);
}
@media (min-width: 768px) {
  .section-case .section2__heading:after {
    right: 0;
  }
}
.section-case .section2__title-imgbox {
  aspect-ratio: 280/44;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .section-case .section2__title-imgbox {
    width: 440px;
  }
}
.section-case .section2__tips {
  margin: 0 0 -610px;
}
@media (min-width: 768px) {
  .section-case .section2__tips {
    margin-bottom: -200px;
  }
}
@media (min-width: 1024px) {
  .section-case .section2__tips {
    margin-bottom: -340px;
  }
}
.section-case .section2__tips2 {
  margin: 0 0 35px;
}
@media (min-width: 768px) {
  .section-case .section2__tips2 {
    margin: 0 0 35px;
  }
}
@media (min-width: 1024px) {
  .section-case .section2__tips2 {
    margin: 0 0 75px;
  }
}

@-webkit-keyframes slow-wrap {
  from {
    background-position: left center;
    left: 0;
    width: 70%;
  }
  50% {
    width: 100px;
  }
  to {
    background-position: right center;
    left: 100%;
    width: 50%;
  }
}

@keyframes slow-wrap {
  from {
    background-position: left center;
    left: 0;
    width: 70%;
  }
  50% {
    width: 100px;
  }
  to {
    background-position: right center;
    left: 100%;
    width: 50%;
  }
}
@-webkit-keyframes slow-wrap2 {
  from {
    left: 0;
    width: 10%;
    background-position: left center;
  }
  50% {
    width: 5%;
  }
  to {
    left: 100%;
    width: 20%;
    background-position: right center;
  }
}
@keyframes slow-wrap2 {
  from {
    left: 0;
    width: 10%;
    background-position: left center;
  }
  50% {
    width: 5%;
  }
  to {
    left: 100%;
    width: 20%;
    background-position: right center;
  }
}
@-webkit-keyframes slow-wrap3 {
  from {
    left: 0;
    width: 100px;
    background-position: left center;
  }
  50% {
    width: 20%;
  }
  to {
    left: 100%;
    width: 50%;
    background-position: right center;
  }
}
@keyframes slow-wrap3 {
  from {
    left: 0;
    width: 100px;
    background-position: left center;
  }
  50% {
    width: 20%;
  }
  to {
    left: 100%;
    width: 50%;
    background-position: right center;
  }
}
@-webkit-keyframes slow-wrap4 {
  from {
    left: 0;
    width: 150px;
    background-position: left center;
  }
  to {
    left: 100%;
    width: 80px;
    background-position: right center;
  }
}
@keyframes slow-wrap4 {
  from {
    left: 0;
    width: 150px;
    background-position: left center;
  }
  to {
    left: 100%;
    width: 80px;
    background-position: right center;
  }
}
.datalist {
  margin: -10px 0 25px;
}
@media (min-width: 768px) {
  .datalist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -8px -8px 30px;
  }
}
.datalist__item {
  position: relative;
}
@media (min-width: 768px) {
  .datalist__item {
    margin: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
  }
}
.datalist__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/bg_item_rotate.jpg?t=20230317v1");
  background-size: cover;
  border-radius: 20px;
  opacity: 0.86;
  overflow: hidden;
}
@media (min-width: 768px) {
  .datalist__item:before {
    border-radius: 30px;
  }
}
.datalist__item:nth-child(even):before {
  background-image: url("../images/bg_item.jpg?t=20230317v1");
}
@media (min-width: 768px) {
  .datalist__item:nth-child(even):before {
    background-image: url("../images/bg_item.jpg?t=20230317v1");
  }
}
.datalist__inner {
  position: relative;
  z-index: 1;
  padding: 30px 0;
  margin: 10px 0;
  color: #FD0050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
@media (min-width: 768px) {
  .datalist__inner {
    padding: 30px 0 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.datalist__title {
  font-size: 1.25em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  text-align: right;
}
@media (min-width: 768px) {
  .datalist__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.datalist__num {
  font-size: 2.5em;
  font-family: "Bebas Neue";
  margin-left: 25px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .datalist__num {
    font-size: 3.75em;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 20px;
  }
}

.caselist {
  margin: -10px -10px 45px;
}
@media (min-width: 768px) {
  .caselist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px -8px 75px;
  }
}
.caselist__item {
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 10px auto;
  font-weight: bold;
  max-width: 320px;
}
@media (min-width: 768px) {
  .caselist__item {
    max-width: initial;
    border-radius: 30px;
    margin: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
  }
}
.caselist__item:hover {
  -webkit-animation: pulse;
          animation: pulse;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.caselist__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/bg_item.jpg?t=20230317v1");
  background-size: cover;
  border-radius: 20px;
  opacity: 0.86;
  overflow: hidden;
}
@media (min-width: 768px) {
  .caselist__item:before {
    border-radius: 30px;
  }
}
.caselist__inner {
  position: relative;
  z-index: 1;
}
.caselist__heading {
  background: #F03232;
  padding: 30px 0 20px;
  color: #fff;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .caselist__heading {
    padding: 40px 0 30px;
  }
}
.caselist__title {
  font-size: 1.75em;
  margin: 0 0 10px;
  line-height: 1.28;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.caselist__title-before, .caselist__title-after {
  display: block;
  position: absolute;
  top: 0;
}
.caselist__title-before {
  left: -15px;
}
.caselist__title-after {
  right: -15px;
}
.caselist__subtitle {
  font-size: 1em;
  line-height: 1.375;
}
.caselist__imgbox {
  margin: -20px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 156px;
          flex: 0 0 156px;
}
@media (min-width: 1024px) {
  .caselist__imgbox {
    margin: 0 0 20px;
  }
}
.caselist__infobox {
  padding: 20px 35px;
}
.caselist__point {
  font-size: 28px;
  margin: 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.caselist__send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #FD0050;
  color: #fff;
  margin: -2px 5px 0 0;
  font-size: 24px;
}
.caselist__pointlist {
  margin-bottom: 10px;
}
.caselist__choice {
  color: #1A1A1A;
  margin: 0 0 10px;
  font-weight: normal;
}
.caselist__fans {
  font-size: 28px;
  margin: 0 0 10px;
}
.caselist__fans-num {
  color: #F03232;
}
.caselist__price {
  font-family: "Bebas Neue";
  font-size: 4.6875em;
  font-weight: normal;
  color: #F03232;
  margin: 0 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .caselist__price {
    font-size: 88px;
  }
}
.caselist__tax {
  color: #F03232;
  text-align: right;
  font-size: 14px;
  margin: -10px 0 0 0;
}
.caselist__btnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pointlist {
  color: #FD0050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 15px;
  padding: 15px;
}
.pointlist__item {
  margin: 5px 0;
}

.samplelist {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .samplelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px 0;
  }
}
@media (min-width: 1024px) {
  .samplelist {
    margin: -25px -25px o;
  }
}
.samplelist__item {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 15px auto;
  padding: 25px 15px;
  background-color: #FD0050;
  max-width: 320px;
}
@media (min-width: 768px) {
  .samplelist__item {
    max-width: initial;
    border-radius: 30px;
    margin: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 30px);
            flex: 0 0 calc(33.3333% - 30px);
  }
}
@media (min-width: 1024px) {
  .samplelist__item {
    margin: 25px;
    padding: 55px 25px 0;
  }
}
.samplelist__item:nth-child(even) {
  background: #F03232;
}
.samplelist__title {
  font-size: 1.25em;
  color: #fff;
  margin: 0 0 10px;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .samplelist__title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
.samplelist__decobox {
  max-width: 100px;
  margin: -50px auto -25px;
}
@media (min-width: 1024px) {
  .samplelist__decobox {
    margin: 0 auto;
    max-width: 200px;
  }
}
.section-note {
  padding: 0;
  position: relative;
  margin: 0 0 35px;
}
.section-note:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/bg_item.jpg?t=20230317v1");
  background-size: cover;
  border-radius: 20px;
  opacity: 0.86;
  overflow: hidden;
}
@media (min-width: 768px) {
  .section-note:before {
    border-radius: 30px;
  }
}
.section-note__inner {
  position: relative;
  z-index: 1;
  padding: 35px 30px;
}
@media (min-width: 1024px) {
  .section-note__inner {
    padding: 70px 140px 160px;
  }
}
.section-note__desc {
  font-size: 14px;
}
.section-note__desc > .listtext__item {
  margin-bottom: 10px;
}

.tagslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .tagslist {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 810px;
    margin: 0 auto 40px;
  }
}
.tagslist__item {
  text-align: center;
  background: #fff;
  padding: 15px;
  font-size: 0.875em;
  font-weight: bold;
  margin: 10px auto;
  border-radius: 25px;
  width: 250px;
}
@media (min-width: 768px) {
  .tagslist__item {
    margin: 10px 7px;
    font-size: 16px;
  }
}

.section-contact {
  margin: 0 -10px 40px;
  padding: 0;
}
@media (min-width: 768px) {
  .section-contact {
    margin: 0 -20px 40px;
  }
}
@media (min-width: 1024px) {
  .section-contact {
    margin: -163px 0 100px;
  }
}
@media (min-width: 1024px) {
  .section-contact__inner {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .section-contact__inner:before {
    content: "";
    display: block;
    padding: 0 60px 60px;
    background: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    position: absolute;
    z-index: 0;
    top: 130px;
    left: 0;
    right: 0;
    bottom: -60px;
  }
}
.section-contact__banner {
  margin: 0 0 10px;
}
@media (min-width: 1024px) {
  .section-contact__banner {
    position: relative;
    z-index: 1;
    margin: 0 auto 30px;
  }
}
@media (min-width: 1024px) {
  .section-contact__infobox {
    position: relative;
    z-index: 1;
  }
}
.section-contact .section2__subtitle {
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .section-contact .section2__subtitle {
    margin-bottom: 20px;
  }
}

.socialmedia {
  margin: 20px 0 0 0;
}
@media (min-width: 768px) {
  .socialmedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -25px 0;
  }
}
@media (min-width: 1024px) {
  .socialmedia {
    margin: 30px -15px 0;
  }
}
.socialmedia__item {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .socialmedia__item {
    margin: 0 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
            flex: 0 0 calc(50% - 30px);
  }
}
@media (min-width: 1024px) {
  .socialmedia__item {
    border-radius: 30px;
    padding: 44px;
  }
}
.socialmedia__imgbox {
  max-height: 28px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 25px;
}
.socialmedia__list {
  position: relative;
  padding-left: 25px;
}
.socialmedia__list:before {
  content: "";
  display: block;
  width: 1px;
  background: #BABABA;
  height: 24px;
  position: absolute;
  left: 0;
  top: 10px;
}

.faqlist {
  max-width: 805px;
  margin: 0 auto;
}
.faqlist__item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.faqlist__heading {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.57;
}
.faqlist__heading-icon {
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 11px;
}
@media (min-width: 1024px) {
  .faqlist__heading-icon {
    top: 18px;
  }
}
.faqlist__desc {
  line-height: 1.57;
}
.faqlist__body {
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  font-size: 14px;
  position: relative;
}
.faqlist__item--open > .faqlist__body {
  margin-top: -13px;
  padding: 20px 20px 20px 20px;
  max-height: 2000px;
  opacity: 1;
}
@media (min-width: 1024px) {
  .faqlist__item--open > .faqlist__body {
    padding-right: 60px;
  }
}
.faqlist__body .listtext {
  margin-top: 10px;
  padding-left: 20px;
}
.faqlist__body:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #383838;
  position: absolute;
  left: 7px;
  top: 28px;
}
.faqlist__btn {
  position: relative;
  display: block;
  text-decoration: none;
  color: #1a1a1a;
  padding: 13px 30px 13px 20px;
}
.faqlist__btn:focus, .faqlist__btn:active {
  color: #F03232;
}
@media (min-width: 1024px) {
  .faqlist__btn:hover {
    color: #F03232;
  }
}
@media (min-width: 1024px) {
  .faqlist__btn {
    padding: 20px 30px 20px 20px;
  }
}
.faqlist__icon {
  font-weight: normal;
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 18px;
  color: #F03232;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
@media (min-width: 1024px) {
  .faqlist__icon {
    right: 5px;
    top: 25px;
  }
}
.faqlist__item--open .faqlist__icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #1a1a1a;
}