/** Efect */
.effect_box_up {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translateY(20px) rotate(0deg);
  -ms-transform: translateY(20px) rotate(0deg);
  transform: translateY(20px) rotate(0deg);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.effect_box_up.leff {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -webkit-transform: translateY(0) rotate(0deg);
  -ms-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
}
.effect_box_spot {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.effect_box_spot.leff {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}

.effect_flip_down {
  -webkit-transition: 1.5s 0.2s ease;
  -moz-transition: 1.5s 0.2s ease;
  -o-transition: 1.5s 0.2s ease;
  transition: 1.5s 0.2s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  transform-origin: center;
  transform: perspective(2500px) rotateX(-100deg);
}
.effect_flip_down.leff {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: perspective(2500px) rotateX(0);
}

.effect_scaled_x {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.effect_scaled_x.leff {
  animation: scaled_x 1s 0.5s ease-in-out forwards;
}
@keyframes scaled_x {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
}
/** End Efect*/
/** Space */
.mt100 {
  margin-top: 100px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pt120 {
  padding-top: 120px !important;
}
.pt110 {
  padding-top: 110px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
@media (max-width: 1024px) {
  .mt-tab80 {
    margin-top: 80px !important;
  }
  .mt-tab70 {
    margin-top: 70px !important;
  }
  .mt-tab60 {
    margin-top: 60px !important;
  }
  .mt-tab50 {
    margin-top: 50px !important;
  }
  .mb-tab80 {
    margin-bottom: 80px !important;
  }
  .mb-tab70 {
    margin-bottom: 70px !important;
  }
  .mb-tab60 {
    margin-bottom: 60px !important;
  }
  .mb-tab50 {
    margin-bottom: 50px !important;
  }
  .pt-tab80 {
    padding-top: 80px !important;
  }
  .pt-tab70 {
    padding-top: 70px !important;
  }
  .pt-tab60 {
    padding-top: 60px !important;
  }
  .pt-tab50 {
    padding-top: 50px !important;
  }
  .pb-tab80 {
    padding-bottom: 80px !important;
  }
  .pb-tab70 {
    padding-bottom: 70px !important;
  }
  .pb-tab60 {
    padding-bottom: 60px !important;
  }
  .pb-tab50 {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .mtsp60 {
    margin-top: 60px !important;
  }
  .mtsp50 {
    margin-top: 50px !important;
  }
  .mtsp40 {
    margin-top: 40px !important;
  }
  .mtsp30 {
    margin-top: 30px !important;
  }
  .mtsp20 {
    margin-top: 20px !important;
  }
  .mtsp0 {
    margin-top: 0px !important;
  }
  .mbsp60 {
    margin-bottom: 60px !important;
  }
  .mbsp50 {
    margin-bottom: 50px !important;
  }
  .mbsp40 {
    margin-bottom: 40px !important;
  }
  .mbsp30 {
    margin-bottom: 30px !important;
  }
  .mbsp20 {
    margin-bottom: 20px !important;
  }
  .mbsp0 {
    margin-bottom: 0px !important;
  }
  .ptsp60 {
    padding-top: 60px !important;
  }
  .ptsp50 {
    padding-top: 50px !important;
  }
  .ptsp40 {
    padding-top: 40px !important;
  }
  .ptsp30 {
    padding-top: 30px !important;
  }
  .ptsp20 {
    padding-top: 20px !important;
  }
  .ptsp0 {
    padding-top: 0px !important;
  }
  .pbsp60 {
    padding-bottom: 60px !important;
  }
  .pbsp50 {
    padding-bottom: 50px !important;
  }
  .pbsp40 {
    padding-bottom: 40px !important;
  }
  .pbsp30 {
    padding-bottom: 30px !important;
  }
  .pbsp20 {
    padding-bottom: 20px !important;
  }
  .pbsp0 {
    padding-bottom: 0px !important;
  }
}
/** Layout */
.l-container {
  width: 100%;
  margin: auto;
  padding: 0 20px;
}
.l-container--full {
  width: 100%;
  margin: auto;
}
.l-container--1800 {
  max-width: 1840px;
}
.l-container--1700 {
  max-width: 1740px;
}
.l-container--1600 {
  max-width: 1640px;
}
.l-container--1400 {
  max-width: 1440px;
}
.l-container--1300 {
  max-width: 1340px;
}
.l-container--1200 {
  max-width: 1240px;
}
.l-container--1100 {
  max-width: 1140px;
}
.l-container--1000 {
  max-width: 1040px;
}
.l-container--900 {
  max-width: 940px;
}
.l-container--800 {
  max-width: 840px;
}
.l-container-real--1800 {
  max-width: 1800px;
}
.l-container-real--1700 {
  max-width: 1700px;
}
.l-container-real--1600 {
  max-width: 1600px;
}
.l-container-real--1400 {
  max-width: 1400px;
}
.l-container-real--1300 {
  max-width: 1300px;
}
.l-container-real--1200 {
  max-width: 1200px;
}
.l-container-real--1100 {
  max-width: 1100px;
}
.l-container-real--1000 {
  max-width: 1000px;
}
.l-container-real--900 {
  max-width: 900px;
}
.l-container-real--860 {
  max-width: 860px;
}
/** End Layout */
/** Unities */
.u-txtCenter {
  text-align: center;
}
.u-txtLeft {
  text-align: left;
}
.u-txtRight {
  text-align: right;
} /** End Unities */
/** Display */
.u-sp,
.u-tabOnly,
.u-notpc {
  display: none !important;
}
.u-tab {
  display: block !important;
}
@media screen and (max-width: 1024px) {
  .u-pcOnly {
    display: none !important;
  }
  .u-tabOnly,
  .u-notpc {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .u-pc,
  .u-tab,
  .u-tabOnly {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
}
/** End Display */

/* HOVER UNDERLINE */
.parent:hover .lines-hover,
.lines-hover:hover {
  background-size: 0 1px, 100% 1px;
}
.lines-hover {
  text-decoration: none;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 1)
    ),
    linear-gradient(
      to right,
      rgba(111, 110, 111, 1),
      rgba(111, 110, 111, 1),
      rgba(111, 110, 111, 1)
    );
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0px 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s;
  display: inline;
}
/* END HOVER UNDERLINE */