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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px; 
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 70px;
  }
}
/*Light Hover*/
.light-hover,
.is-hover{
  position: relative;
  overflow: hidden;
}
.light-hover:after,
.light-hover-bf::before {
  display: block !important;
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(rgba(255,255,255,.1019607843)),to(rgba(255,255,255,.1490196078)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.1019607843),rgba(255,255,255,.1490196078));
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.1019607843),rgba(255,255,255,.1490196078));
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
  z-index: 2;
}

.is-hover:hover .light-hover:after,
.is-hover:hover.light-hover::after,
.is-hover:hover .light-hover-bf::before,
.is-hover:hover.light-hover-bf::before {
  -webkit-animation: move 1s;
  animation: move 1s
}
@-webkit-keyframes move {
  to {
      left: 125%
  }
}

/*End Light Hover*/
.line-hover{
  position: relative;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line-hover::before {
  position: absolute;
  content: "";
  background: #111;
  width: 0;
  height: 1px;
  bottom: 2px;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.lines-hover{
  text-decoration: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(to right, rgba(17, 17, 17, 1), rgba(17, 17, 17, 1), rgba(17, 17, 17, 1));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0px 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s;
  display: inline;
}
.parent:hover .line-hover::before,
.line-hover:hover::before{
  width: 100%;
}
.parent:hover .lines-hover,
.lines-hover:hover {

  background-size: 0 1px, 100% 1px;
}
/** End Efect*/
/** Space */
.mt240{margin-top: 240px !important;}.mt120{margin-top: 120px !important;}.mt110{margin-top: 110px !important;}.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;}.mt55{margin-top: 55px !important;}.mt50{margin-top: 50px !important;}.mt45{margin-top: 45px !important;}.mt40{margin-top: 40px !important;}.mt35{margin-top: 35px !important;}.mt30{margin-top: 30px !important;}.mt25{margin-top: 25px !important;}.mt20{margin-top: 20px !important;}.mt15{margin-top: 15px !important;}.mt10{margin-top: 10px !important;}.mt5{margin-top: 5px !important;}.mt0{margin-top: 0px !important;}
.mb120{margin-bottom: 120px !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;}.mb20{margin-bottom: 20px !important;}.mb10{margin-bottom: 10px !important;}.mb0{margin-bottom: 0px !important;}
.pt240{padding-top: 240px !important;}.pt120{padding-top: 120px !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;}.pt30{padding-top: 30px !important;}.pt20{padding-top: 20px !important;}.pt0{padding-top: 0px !important;}
.pb240{padding-bottom: 240px !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;}.pb0{padding-bottom: 0px !important;}
.pl20{padding-left: 20px !important;}.pl0{padding-left: 0 !important;}
.pr20{padding-right: 20px !important;}.pr0{padding-right: 0 !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;}.mb-tab40{margin-bottom: 40px !important;}.mb-tab20{margin-bottom: 20px !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: 768px){
    .plsp0{padding-left: 0 !important;}
    .prsp0{padding-right: 0 !important;}
    .mtsp100{margin-top: 100px !important;}.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;}.mtsp10{margin-top: 10px !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;}
    .ptsp100{padding-top: 100px !important;}.ptsp90{padding-top: 90px !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;}
    .pbsp100{padding-bottom: 100px !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-wrapper{width: calc(100% - 120px);overflow: hidden;} */
.l-container{width:100%;margin:auto;padding: 0 35px;}.l-container--1800{max-width:1870px}.l-container--1700{max-width:1770px}.l-container--1600{max-width:1670px}.l-container--1400{max-width:1470px}.l-container--1300{max-width:1370px}.l-container--1200{max-width:1270px}.l-container--1100{max-width:1170px}.l-container--1000{max-width:1070px}.l-container--900{max-width:970px}.l-container--800{max-width:870px}.l-container--760{max-width:760px}
@media(max-width: 1024px){
  .l-wrapper{width: 100%;}
}
@media(max-width: 390px){
  .l-container{padding:0 20px}
}
/** End Layout */
/** Unities */
.u-jtfCenter{justify-content: center;}
.u-txtCenter{text-align: center;}.u-txtLeft{text-align: left;}.u-txtRight{text-align: right;}

@media(max-width: 768px){
  .txt-center--sp{
    text-align: center !important;
  }
  .txt-left--sp{
    text-align: left !important;
  }
}
/** End Unities */
/** Display */
.u-sp,
.u-tab,
.u-tabOnly {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .u-pcOnly {
    display: none !important;
  }
  .u-tab,
  .u-tabOnly {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .u-pc,
  .u-tabOnly {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
}
/** End Display */
/**Color*/
.u-blue{
  color: #0076C2;
}
.u-white{
  color: #fff;
}