@charset "UTF-8";

a{color:inherit;text-decoration:none}
.has-blurred-background,picture.has-blurred-background{background-size:cover;background-position:0 -1px;background-repeat:no-repeat;overflow:hidden}
.l-pos-abs{position:absolute}
.l-space-standard{margin-bottom:0}
.t-h{font-size:25px;line-height:1.4}.t-center{text-align:center}
.t-bold{font-weight:700}
.front_hero{height:100vh;min-height:500px;width:100%;position:relative;overflow:hidden}
.front_hero-slide{display:none}
.front_hero-slide:first-child{display:block}
.front_hero-image{background-size:cover;background-repeat:no-repeat}
.front_hero-text{left:0;top:50%;font-size:26px;width:80%; margin:0 20 0 0%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}
.is-light .front_hero-text{color:#fff}
.is-dark .front_hero-text{color:#3d3e3f}
.front_hero-text.will-change{will-change:transform,opacity}
.js:not(.js-error) .front_hero-text-fade{opacity:0}
.l-tx{ font-size:26px; font-weight:700;}
.s-tx{ font-size:16px; margin-top:20px}

@media only screen and (max-width: 480px) {
.l-fill{top:0;left:0;width:100%;height:100%}
.front_hero-text{top:40%;}
/* content */
.index-content{float:left; width:100%; padding:40px 0 20px 0; margin:0 ; }
.t70{max-width:92%; margin:0 auto; padding:0;}
.index-title{float:left; width:100%; padding:0; margin:0 0 25px 0; text-align:center; font-size:18px;}
.directions{float:left;width:100%; margin:0; padding:0;font-size:17px;color:#111; line-height:30px;}
.news-title{float:left;width:100%; margin:0 0 22px 0; padding:0;}
.news-title h2{margin:0; padding:0;color:#000; font-size:22px; line-height:32px; font-weight:400}
.main-right{float:left;width:100%; margin:0; padding:0;}
.newspic{float:left;width:100%; margin:0 0 30px 0; padding:0;}
 .newspic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.rightimg{float:left;width:31.33%; margin:10px 1% 25px 1%; padding:0; }
.rightimg img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.sidebar_a{float:left;width:100%; margin:0 0 20px 0; padding:0}

.m-title{width:100%; padding:0; margin:0 0 -15px 0; text-align:center; font-size:24px}
.about-content{float:left; width:100%; padding:0; margin:0 0 50px 0;}
.about-row{width:100%; margin:0 auto; padding:0;}
.m-tx{float:left;width:100%; margin:0; padding:15px 0; line-height:28px}
.about-pic{float:left;width:100%; margin:15px 0 0 0; padding:0;}
 .about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); padding:0; margin:0} 
.banner{float:left;width:100%; margin:30px 0 0 0; padding:0;}
.back {width:140px; text-align:center; margin:0 auto 0 auto;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #969286 50%);
    transition: background-position 0.5s; border-radius:40px; }
  .back a {display:block; height:40px; padding:0;color: #000; font-size:14px;line-height:40px;text-decoration: none;border:2px solid #969286; border-radius:40px;}
  .back a:hover {color: #fff;}  
.back:hover {color: #fff;background-position: -100% 0;}

.list_tx{float:left; width:100%; padding:0; margin:0 0 25px 0;}
.list_tx h2{margin:0 0 18px 0; padding:0;color:#222; font-size:20px; line-height:22px; font-weight:400}
.list_tx h4{margin:0; padding:0;color:#444; font-size:15px; line-height:23px; font-weight:400;text-align:justify;text-justify:inter-ideograph; }

.front_hero-text{left:0;top:50%;font-size:26px;width:100%; margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}
}


@media screen and (min-width:481px) and (max-width:767px){
.l-fill{top:0;left:0;width:100%;height:75%}	
/* content */

.index-content{float:left; width:100%; padding:0px 0 0 0; margin:0;}
.t70{max-width:94%; margin:0 auto 60px auto; padding:0;}
.index-title{float:left; width:100%; padding:0; margin:0 0 25px 0; text-align:center; font-size:20px}
.directions{float:left;width:100%; margin:0; padding:0;font-size:17px;color:#111;line-height:30px;}
.news-title{float:left;width:100%; margin:0 0 20px 0; padding:0;}
.news-title h2{margin:0; padding:0;color:#222; font-size:22px; line-height:32px; font-weight:500}
.main-right{float:left;width:100%; margin:0; padding:0;}
.newspic{float:left;width:100%; margin:0 0 40px 0; padding:0;}
 .newspic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.rightimg{float:left;width:13%; margin:10px 0 0 3.66%; padding:0; }
.rightimg img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.sidebar_a{float:left;width:50%; margin:0; padding:0}

.m-title{width:100%; padding:0; margin:0; text-align:center; font-size:24px}
.about-content{float:left; width:100%; padding:0; margin:0 0 80px 0;}
.about-row{width:96%; margin:0 auto; padding:0;}
.m-tx{float:left;width:37%; margin:0 3% 0 0; padding:20px 0 0 0; line-height:30px}
.about-pic{float:left;width:60%; margin:0; padding:0;}
 .about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); padding:0; margin:0} 
.banner{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.back {width:140px; text-align:center; margin:0 auto 0 auto;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #969286 50%);
    transition: background-position 0.5s; border-radius:40px; }
  .back a {display:block; height:44px; padding:0;color: #000; font-size:14px;line-height:44px;text-decoration: none;border:2px solid #969286; border-radius:40px;}
  .back a:hover {color: #fff;}  
.back:hover {color: #fff;background-position: -100% 0;}
 
.list_tx{float:left; width:33%; padding:0; margin:0 3% 0 0;}
.list_tx h2{margin:0 0 18px 0; padding:0;color:#222; font-size:20px; line-height:22px; font-weight:400}
.list_tx h4{margin:0; padding:0;color:#444; font-size:15px; line-height:23px; font-weight:400;text-align:justify;text-justify:inter-ideograph; }

.front_hero-text{left:0;top:50%;font-size:26px;width:80%; margin:0 20 0 0%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}

}

@media screen and (min-width:768px) and (max-width:980px){
.l-fill{top:0;left:0;width:100%;height:100%}

/* content */
.index-content{float:left; width:100%; padding:0px 0 30px 0; margin:0 ; display:block}
.t70{max-width:94%; margin:0 auto 0 auto; padding:0;}
.index-title{float:left; width:100%; padding:0; margin:0 0 30px 0; text-align:center; font-size:18px}
.directions{float:left;width:100%; margin:0; padding:0;font-size:17px;color:#111;line-height:30px;}
.news-title{float:left;width:100%; margin:0 0 10px 0; padding:0;}
.news-title h2{margin:0; padding:0;color:#222; font-size:20px; line-height:32px; font-weight:700}
.main-right{float:left;width:46%; margin:0 0 0 4%; padding:0;}
.newspic{float:left;width:50%; margin:0 0 50px 0; padding:0;}
 .newspic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.rightimg{float:left;width:30%; margin:15px 3.33% 0 0; padding:0; }
.rightimg img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.sidebar_a{float:left;width:100%; margin:0; padding:0}


.m-title{width:100%; padding:0; margin:0; text-align:center; font-size:24px}
.about-content{float:left; width:100%; padding: 0; margin:0 0 70px 0;}
.about-row{width:98%; margin:0 auto; padding:0;}
.m-tx{float:left;width:32%; margin:0 5% 0 0; padding:25px 0 0 0; line-height:30px}
.about-pic{float:left;width:63%; margin:0; padding:0;}
 .about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); padding:0; margin:0} 
.banner{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.back {width:140px; text-align:center; margin:0 auto 0 auto;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #969286 50%);
    transition: background-position 0.5s; border-radius:40px; }
  .back a {display:block; height:44px; padding:0;color: #000; font-size:14px;line-height:44px;text-decoration: none;border:2px solid #969286; border-radius:40px;}
  .back a:hover {color: #fff;}  
.back:hover {color: #fff;background-position: -100% 0;}

.list_tx{float:left; width:35%; padding:0; margin:0 3% 0 0;}
.list_tx h2{margin:0 0 18px 0; padding:0;color:#222; font-size:20px; line-height:22px; font-weight:400}
.list_tx h4{margin:0; padding:0;color:#444; font-size:15px; line-height:23px; font-weight:400;text-align:justify;text-justify:inter-ideograph; }

.front_hero-text{left:0;top:50%;font-size:26px;width:100%; margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}

}

@media only screen and (min-width: 981px) {
.l-fill{top:0;left:0;width:100%;height:91%}
/* content */

.index-content{float:left; width:100%; padding:0px 0 20px 0; margin:0 ;}
.t70{max-width:90%; margin:0 auto 60px auto; padding:0;}
.index-title{float:left; width:100%; padding:0; margin:0 0 40px 0; text-align:center; font-size:26px}
.directions{float:left;width:100%; margin:0; padding:0;font-size:17px;color:#111; line-height:30px;}
.news-title{float:left;width:100%; margin:0 0 20px 0; padding:0;}
.news-title h2{margin:0; padding:0;color:#222; font-size:26px; line-height:36px; font-weight:700}
.main-right{float:left;width:36%; margin:0 0 0 4%; padding:0;}
.newspic{float:left;width:60%; margin:0; padding:0;}
 .newspic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.rightimg{float:left;width:30%; margin:40px 3.33% 0 0; padding:0; }
.rightimg img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.sidebar_a{float:left;width:100%; margin:0; padding:0}

.m-title{width:100%; padding:0; margin:0; text-align:center; font-size:24px}
.about-content{float:left; width:100%; padding: 0; margin:0 0 80px 0;}
.about-row{width:96%; margin:0 auto; padding:0;}
.m-tx{float:left;width:26%; margin:0 5% 0 0; padding:30px 0 0 0; line-height:30px}
.about-pic{float:left;width:69%; margin:0; padding:0;}
 .about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); padding:0; margin:0} 
.banner{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.back {width:140px; text-align:center; margin:0 auto 0 auto;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #969286 50%);
    transition: background-position 0.5s; border-radius:40px; }
  .back a {display:block; height:44px; padding:0;color: #000; font-size:14px;line-height:44px;text-decoration: none;border:2px solid #969286; border-radius:40px;}
  .back a:hover {color: #fff;}  
.back:hover {color: #fff;background-position: -100% 0;}
 
.list_tx{float:left; width:20%;padding:0; margin:0 3% 0 0;}
.list_tx h2{margin:0 0 18px 0; padding:0;color:#222; font-size:20px; line-height:22px; font-weight:400}
.list_tx h4{margin:0; padding:0;color:#444; font-size:15px; line-height:23px; font-weight:400;text-align:justify;text-justify:inter-ideograph; }
 
.front_hero-text{left:0;top:50%;font-size:26px;width:80%; margin:0 20 0 0%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}

}

@media only screen and (min-width: 1281px) {
.l-fill{top:0;left:0;width:100%;height:100%}
/* content */

.index-content{position:relative;float:left; width:100%; padding:0px 0 30px 0; margin:0 ;}
.t70{max-width:65%; margin:0 auto 60px auto; padding:0;}
.index-title{float:left; width:100%; padding:0; margin:0 0 70px 0; text-align:center; font-size:26px}
.directions{float:left;width:100%; margin:0; padding:0;font-size:17px;color:#111; line-height:30px;}
.news-title{float:left;width:100%; margin:30px 0 20px 0; padding:0;}
.news-title h2{margin:0; padding:0;color:#222; font-size:26px; line-height:36px; font-weight:700}
.main-right{float:left;width:41%; margin:0 0 0 4%; padding:0;}
.newspic{float:left;width:55%; margin:0; padding:0;}
 .newspic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.rightimg{float:left;width:30%; margin:40px 3.33% 0 0; padding:0; }
.rightimg img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}
.sidebar_a{float:left;width:100%; margin:0; padding:0}

.m-title{width:100%; padding:0; margin:0; text-align:center; font-size:24px}
.about-content{float:left; width:100%; padding:0; margin:0 0 100px 0; background-color:#fff;}
.about-row{width:1280px; margin:0 auto; padding:0;}
.m-tx{float:left;width:26%; margin:0 5% 0 0; padding:30px 0 0 0; line-height:30px}
.about-pic{float:left;width:69%; margin:0; padding:0;}
 .about-pic img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); padding:0; margin:0} 

.banner{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.back {width:140px; text-align:center; margin:0 auto 0 auto;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff 50%, #969286 50%);
    transition: background-position 0.5s; border-radius:40px; }
  .back a {display:block; height:44px; padding:0;color: #000; font-size:14px;line-height:44px;text-decoration: none;border:2px solid #969286; border-radius:40px;}
  .back a:hover {color: #fff;}  
.back:hover {color: #fff;background-position: -100% 0;}

.list_tx{float:left; width:17%; padding:0; margin:0 3% 0 0;}
.list_tx h2{margin:0 0 18px 0; padding:0;color:#222; font-size:20px; line-height:22px; font-weight:400}
.list_tx h4{margin:0; padding:0;color:#444; font-size:15px; line-height:23px; font-weight:400;text-align:justify;text-justify:inter-ideograph; }

.front_hero-text{left:0;top:50%;font-size:26px;width:80%; margin:0 20 0 0%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}
}


@keyframes TEXT{0%{transform:translateX(-100%)}to{transform:translateX(0%)}}
@keyframes TEXT_INNER{0%{transform:translateX(100%)}to{transform:translateX(0%)}}
@keyframes LINE_Y{0%{transform:translateY(100%)}70%,to{transform:translateY(-100%)}}
.portfolio-list.is-list .portfolio-list_item-wrap{padding:50px 20px 20px 20px}
@media screen and (max-width:800px){.portfolio-list.is-list .portfolio-list_item>a{flex-direction:row-reverse;justify-content:flex-end;height:100%}}
.portfolio-list.is-list .portfolio-list_item{margin-top:40px}
.portfolio-list.is-list .portfolio-list_item:nth-of-type(1){margin-top:0}
.portfolio-list.is-list .portfolio-list_title{white-space:nowrap;overflow:hidden;transform:translateX(-100%)}
@media screen and (max-width:800px){.portfolio-list.is-list .portfolio-list_title{transform:translateX(0%);white-space:normal!important;font-size:16px}}
@media screen and(max-width:800px){.portfolio-list.is-list .portfolio-list_title{transform:translateX(0%);white-space:normal!important;}}
.portfolio-list.is-list .portfolio-list_category>div,.portfolio-list.is-list .portfolio-list_title>span{display:inline-block;transform:translateX(100%)}
@media screen and (max-width:800px){.portfolio-list.is-list .portfolio-list_title>span{transform:translateX(0%);white-space:nowrap}}.portfolio-list.is-list .portfolio-list_category{margin-top:0px;overflow:hidden;transform:translateX(-100%);display:inline-block;white-space:nowrap}
@media screen and (max-width:800px){.portfolio-list.is-list .portfolio-list_category,.portfolio-list.is-list .portfolio-list_category>div{transform:translateX(0%)}}


.portfolio-list.is-list .portfolio-list_link{height:160px}

.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_text-box{opacity:1;transition:opacity .6s cubic-bezier(.79,.17,.15,.96)}

.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_image:nth-of-type(1) .portfolio-list_image-inner:after{transform:translateX(100%);transition:transform .6s .12s cubic-bezier(.79,.17,.15,.96)}
.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_image:nth-of-type(2) .portfolio-list_image-inner:after{transform:translateX(100%);transition:transform .6s .24s cubic-bezier(.79,.17,.15,.96)}
.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_image:nth-of-type(3) .portfolio-list_image-inner:after{transform:translateX(100%);transition:transform .6s .36s cubic-bezier(.79,.17,.15,.96)}
.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_image:nth-of-type(4) .portfolio-list_image-inner:after{transform:translateX(100%);transition:transform .6s .48s cubic-bezier(.79,.17,.15,.96)}
.portfolio-list.is-list .portfolio-list_link:hover .portfolio-list_image:nth-of-type(5) .portfolio-list_image-inner:after{transform:translateX(100%);transition:transform .6s .6s cubic-bezier(.79,.17,.15,.96)}



.portfolio-list.is-list .portfolio-list_text-box{flex-wrap:wrap;justify-content:center;align-items:center;text-align:left;}
.portfolio-list.is-list .portfolio-list_images{height:160px;width:auto;opacity:0}
.portfolio-list.is-list .portfolio-list_images:after{content:'';display:block;position:absolute;top:0;left:0;width:auto;height:100%;background-color:#161616;will-change:transform}
.portfolio-list.is-list .portfolio-list_image{float:left;height:100%;width:auto;position:relative;margin-right:1px;overflow:hidden}.portfolio-list.is-list .portfolio-list_image img{transform:translateX(100%);height:100%}
@media screen and (max-width:800px){.portfolio-list.is-list .portfolio-list_images{height:140px;}}
@media screen and (max-width:1000px){.portfolio-list.is-list .portfolio-list_image img{transform:translateX(0%)}
.portfolio-list.is-list .portfolio-list_image{display:none}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(1){display:block;height:100%;width:auto}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(2){display:block;height:100%;width:auto}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(3){display:block;height:100%;width:auto}
.portfolio-list.is-list .portfolio-list_link{height:140px}}
@media screen and (max-width:480px){.portfolio-list.is-list .portfolio-list_images{width:100%;height:100%;}
.portfolio-list.is-list .portfolio-list_image img{transform:translateX(0%);}
.portfolio-list.is-list .portfolio-list_image{display:none}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(1){display:block;height:100%;width:auto}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(2){display:block;height:100%;width:auto}
.portfolio-list.is-list .portfolio-list_image:nth-of-type(3){display:none!important;}
.portfolio-list.is-list .portfolio-list_link{height:120px}

.portfolio-list.is-list .portfolio-list_text-box{flex-wrap:wrap;justify-content:center;align-items:center;text-align:left}
}
.portfolio-list.is-list .portfolio-list_image-inner{width:auto;height:100%;transform:translateX(0%);position:relative;overflow:hidden;will-change:transform}.portfolio-list.is-list .portfolio-list_image-inner img{transform:translateX(0%);will-change:transform}.portfolio-list_item:nth-of-type(1){transition:transform 1.5s .4s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_item:nth-of-type(2){transition:transform 1.5s .5s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_item:nth-of-type(3){transition:transform 1.5s .6s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_item:nth-of-type(4){transition:transform 1.5s .7s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_item:nth-of-type(5){transition:transform 1.5s .8s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_item:nth-of-type(6){transition:transform 1.5s .9s cubic-bezier(.79,.17,.15,.96)
}
.portfolio-list_link{position:relative;z-index:2;overflow:hidden;transition:opacity .25s cubic-bezier(.79,.17,.15,.96)}.portfolio-list_link:before{transform:translateX(-101%);background-color:#161616;transition:none;z-index:4}.portfolio-list_image-inner:after,.portfolio-list_link:after,.portfolio-list_link:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%}.portfolio-list_link:after{background-color:#161616;transition:none;z-index:4;transform:translateX(-100%)}.portfolio-list_text-box{color:#000}
.portfolio-list_images{width:100%;height:100%}
.portfolio-list_image{position:relative;overflow:hidden}
.portfolio-list_image-inner:after{transform:translateX(0%);background-color:rgba(0,0,0,.4);transition:transform .4s cubic-bezier(.4,1,.63,1)}
.portfolio-list_category,.portfolio-list_title{margin:0 0 10px 0;font-size:16px;letter-spacing:.12em; color:#555}
.portfolio-list_category{margin-top:20px;font-size:12px;}
body.is-first-end .portfolio-list.is-list .portfolio-list_title{animation:TEXT 1s cubic-bezier(.79,.17,.15,.96) both;-webkit-backface-visibility:hidden;backface-visibility:hidden}body.is-first-end .portfolio-list.is-list .portfolio-list_category>div,body.is-first-end .portfolio-list.is-list .portfolio-list_title>span{ animation:TEXT_INNER 1s cubic-bezier(.79,.17,.15,.96) both;-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.is-first-end .portfolio-list.is-list .portfolio-list_category{animation:TEXT 1s cubic-bezier(.79,.17,.15,.96) both;-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.is-first-end .portfolio-list.is-list .portfolio-list_images{opacity:1;transition:opacity .01s 1.1s;overflow:hidden;position:relative}
body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(1) .portfolio-list_images:after{transform:translateX(100%);transition:transform 1.6s .7s cubic-bezier(.79,.17,.15,.96)}
@media screen and (max-width:800px){body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(1) .portfolio-list_link:after{transform:translateX(100%);transition:transform 1s .7s cubic-bezier(.79,.17,.15,.96)}}
body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(2) .portfolio-list_images:after{transform:translateX(100%);transition:transform 1.6s .8s cubic-bezier(.79,.17,.15,.96)}
@media screen and (max-width:800px){body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(2) .portfolio-list_link:after{transform:translateX(100%);transition:transform 1s .8s cubic-bezier(.79,.17,.15,.96)}}
body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(3) .portfolio-list_images:after{transform:translateX(100%);transition:transform 1.6s .9s cubic-bezier(.79,.17,.15,.96)}
@media screen and (max-width:800px){body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(3) .portfolio-list_link:after{transform:translateX(100%);transition:transform 1s .9s cubic-bezier(.79,.17,.15,.96)}}
body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(4) .portfolio-list_images:after{transform:translateX(100%);transition:transform 1.6s 1s cubic-bezier(.79,.17,.15,.96)}
@media screen and (max-width:800px){body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(4) .portfolio-list_link:after{transform:translateX(100%);transition:transform 1s 1s cubic-bezier(.79,.17,.15,.96)}}
body.is-first-end .portfolio-list.is-list .portfolio-list_item:nth-of-type(5) .portfolio-list_images:after{transform:translateX(100%);transition:transform 1.6s 1.1s cubic-bezier(.79,.17,.15,.96)}