.about-cont-inner{max-width:1440px;margin-left:auto;margin-right:auto}#about .cont-head{position:relative;height:100vh}#about .cont-head article .title{margin-bottom:16px;font-size:48px;line-height:1.5;font-weight:"800"}#about .sec figure{width:60%}#about .sec figure#img1{margin-left:40%}#about .sec figure#img3{margin-left:40%;width:45%;margin-top:-10vh}#about .sec figure#img4{width:50%;margin-top:20vh}#about .sec figure#img5{margin-top:-20vh;margin-left:60%;width:40%}#about .sec figure#img6{margin-left:20%;width:50%;margin-top:-5vh}#about .sec-copy{margin:-10vh auto 20vh}#about .sec-copy div{color:#434343;font-weight:600;text-align:center;font-size:24px}#about .sec figure img{width:90%;margin-bottom:5vh}#about{margin-top:0}#about #motion{padding:0;position:relative;width:100%;box-sizing:border-box;height:5vh;transition:background-color .4s cubic-bezier(.25,.46,.45,.94) 0s;top:0;left:0}body.green{background-color:#0d4221}.page-template-about,body.green{transition:background-color 1s cubic-bezier(.25,.46,.45,.94)}.page-template-about{background-color:#fff}#motion.act{background-color:#0d4221;transition:background-color .4s cubic-bezier(.25,.46,.45,.94) 0s}#motion{margin-bottom:70vh;margin-top:80vh}#motion p{position:fixed;top:25%;left:40px;color:#fff;font-size:16px;width:50%;opacity:0;transition:1s}#motion p:nth-child(2){left:auto;right:40px;top:50%;transform:translateY(-50%)}#motion p:nth-child(3){top:75%}#motion p.act{opacity:1;transition:1s}#motion p:nth-child(2).act{transition-delay:.5s}#motion p:nth-child(3).act{transition-delay:1s}#about-value .sec-body ul li{position:relative}#about-value .sec-body ul li div{border:1px solid #0d4221;position:relative;width:80%;margin-left:auto;margin-right:auto;border-radius:50%;cursor:pointer;padding-top:80%;height:0}#about-value .sec-body ul li div:before{content:"";border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d4221;z-index:-1;transform:scale(.3);opacity:0;transition:transform .25s,opacity .25s}#about-value .sec-body ul li div:hover:before{transform:scale(1);opacity:1;transition:.3s}#about-value .sec-body ul li div:hover h3{color:#fff;transition:.3s}#about-value .sec-body ul li h3{color:#0d4221;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#about-value .sec-body ul li h3 span{color:#86a090;display:block}@media (max-width:768px){#about .cont-head article .title{margin-bottom:16px;font-size:33px;line-height:1.5;font-weight:800}#about-value .sec-body ul{width:calc(100% + 32px);margin-left:-16px}#about-value .sec-body ul li{width:calc(50% - 32px);margin:16px 16px 32px}#about .sec-copy{box-sizing:border-box;padding:10vh 20px 0;margin-bottom:0!important}#about .sec-copy p,#motion p{font-size:16px}#motion p{top:20%;width:100%;left:20px}.sec-title p{margin-top:10px;font-size:14.3px}.sec-title h2{font-size:25px;color:#0d4221;line-height:1.3}#about .sec figure#img1{margin-left:50%;margin-top:10vh}#about .sec figure#img2{margin-left:0;margin-top:30vh;width:70%}#about .sec figure#img3{margin-left:55%;width:50%;margin-top:-40vh}#about .sec-copy{margin:0 auto 40vh}#about .sec-copy div{font-weight:700;text-align:center;font-size:16px}#about .sec figure#img4{width:50%;margin-top:20vh}#about .sec figure#img5{margin-left:55%;width:50%;margin-top:15vh}#about .sec figure#img6{margin-left:5%;width:50%;margin-top:-25vh}}