body[data-route="company/our-story"] main .head{background:url(../image/our-story-header-b564fd3af8dfda9a3ba439108a9f967b.png) center center no-repeat;background-size:cover}body[data-route="company/our-story"] main .a1 .s1 .left{background:url(../image/our-story-meet-dc4ecea6e31a97d98143bf9170fbfda5.svg) center center no-repeat}body[data-route="company/our-story"] main .a1 .s1 .right{padding:40px 50px 40px 20px}body[data-route="company/our-story"] main .a2 .s2 .block-2 .title{text-align:center;max-width:580px;margin:0 auto}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card{width:100%;max-width:1043px;border:1px solid #707070;padding:50px 110px 50px 210px;margin:40px auto;position:relative;overflow:hidden}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card::before{content:"";position:absolute;background:linear-gradient(to right,#fcc001 175px,#151515 175px);width:100%;height:100%;left:0;bottom:100%;z-index:-1;transition:all .3s}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card:hover{color:#fff}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card:hover .year{color:#151515}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card:hover::before{bottom:0}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card .year{position:absolute;left:50px;top:50%;writing-mode:vertical-lr;transform:translateY(-50%) rotate(180deg)}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card .sep{width:100px;height:3px;background:#fcc001;margin:10px 0}body[data-route="company/our-story"] main .a3{background:#f4f4f4}body[data-route="company/our-story"] main .a3 .s4{padding-top:80px;padding-bottom:80px}body[data-route="company/our-story"] main .a3 .s4 .title{text-align:center}body[data-route="company/our-story"] main .a3 .s4 .icons{margin:60px 0}body[data-route="company/our-story"] main .a3 .s4 .icons .i-b{padding:20px;text-align:center;position:relative;flex:1;transition:all .2s}body[data-route="company/our-story"] main .a3 .s4 .icons .i-b .icon{height:65px;margin-bottom:25px}body[data-route="company/our-story"] main .a3 .s4 .cta{margin:0 auto}@media only screen and (max-width:800px){body[data-route="company/our-story"] main .head .s0{padding-top:150px !important}body[data-route="company/our-story"] main .head .s0 .block-0{max-width:unset !important}body[data-route="company/our-story"] main .a1 .s1 .block-1 .left{height:350px;background:url(../image/our-story-meet-dc4ecea6e31a97d98143bf9170fbfda5.svg) center center no-repeat;background-size:contain}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card{flex-direction:column;padding:50px !important}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card .year{position:unset;transform:unset;height:150px;writing-mode:unset}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card .year img{transform:rotate(90deg);margin:-10px 0 0 30px}body[data-route="company/our-story"] main .a2 .s3 .block-3 .y-card::before{background:linear-gradient(to bottom,#fcc001 150px,#151515 150px)}body[data-route="company/our-story"] main .a3 .s4 .icons{flex-direction:column;margin:60px auto !important;width:80%}body[data-route="company/our-story"] main .a3 .s4 .icons .t-2{max-width:20ch;margin-left:auto;margin-right:auto}}