﻿.company-inner{padding:0 80px;max-width:1300px;margin:0 auto}.company-content{max-width:1200px;margin-left:auto}.company-text{margin-left:35px}.company-image{width:100%;max-width:1200px;height:30vw;max-height:400px;margin:80px auto 0}.company-img{width:100%;height:100%;background-position:50% 60%;background-size:cover;background-repeat:no-repeat;position:relative;filter:saturate(.5) grayscale(.8)}.slogan-inner{padding:0 80px}.slogan-content{position:relative;max-width:1000px;margin:0 auto}.slogan-content.show:before,.slogan-content.show:after{opacity:1;transform:translateX(0)}.slogan-content:before{content:"❝";font-size:2rem;color:#ddd;line-height:32px;font-style:italic;position:absolute;top:-15px;left:0;opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s}.slogan-content:after{content:"❞";font-size:2rem;color:#ddd;line-height:32px;font-style:italic;position:absolute;bottom:-35px;right:0;opacity:0;transform:translateX(-30px);transition:opacity .8s,transform .8s}.slogan-text{max-width:720px;margin:0 auto;text-align:center}.slogan-text span{display:block}.slogan-text .tw{color:#000}.slogan-text .tw:after{content:"";width:50px;height:1px;background:#ddd;display:block;margin:30px auto}.slogan-text .en{color:#666}.design-inner{padding:0 80px;max-width:1400px;margin:0 auto}.design-wrap{display:-ms-flexbox;display:flex;justify-content:center}.design-box1{width:40%;margin-right:12%}.design-img1{margin-top:50px}.design-img1 img{width:100%;filter:grayscale(.8)}.design-content{width:fit-content;margin:0 auto}.design-text1{margin-left:35px}.design-text1 span{display:block}.design-box2{width:42%;margin-top:10%}.design-img2{margin-bottom:80px;width:70%}.design-img2 img{width:100%;filter:grayscale(.8) brightness(1.1)}.bg-img{width:100%;height:45vh;background-size:cover;background-position:50% 53%;filter:saturate(.6) brightness(1.1) grayscale(.8);position:relative}.bg-img:before{content:"";width:100%;height:100%;background:#ddd;position:absolute;top:0;left:0;transition:height .8s .8s}.bg-img:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;left:0;transition:height .8s}.bg-img.show:before,.bg-img.show:after{height:0}.award-inner{padding:0 80px;max-width:1300px;margin:0 auto}.award-content{width:70%;margin-left:auto}.award-logo{overflow:hidden;padding:0 25px 40px}.award-logo img{height:45px;float:left;margin-right:7px;margin-bottom:7px}.award-list li{font-size:.95rem;padding:20px 25px}.award-list li:nth-child(even){background:#f3f3f3}.award-type{color:#999;margin-left:38px;font-size:.875rem;padding-bottom:2px}.award-work{color:#000;margin-left:38px}@media screen and (max-width: 1100px){.company-image{margin:50px auto 0}.slogan-content:before{top:-35px}.slogan-content:after{bottom:-55px}.design-box1{width:43%}.design-box2{width:45%}.design-img1{position:relative}.design-img1:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;bottom:0;left:0;transition:height .8s}.design-img1.show:after{height:0}.design-img2{width:80%;position:relative}.design-img2:after{content:"";width:100%;height:100%;background:#FFF;position:absolute;top:0;right:0;transition:width .8s}.design-img2.show:after{width:0}.bg-img{height:40vh;background-position:50% 50%}.award-content{width:90%;padding-top:50px}}@media screen and (max-width: 900px){.company-text{margin-left:60px}.company-image{height:40vw}.design-wrap{display:block}.design-box1{width:auto;margin-right:unset}.design-content{width:auto;margin-left:unset}.design-img1{display:none}.design-text1{margin-left:60px}.design-box2{width:auto}.design-img2{width:55%;max-width:350px;margin:0 auto 50px}.bg-img{height:350px}.award-logo img{height:40px}.award-content{width:auto;margin-left:60px;padding-top:20px}.award-list li{padding:15px 25px}}@media screen and (max-width: 640px){.company-inner{padding:0 20px}.company-text{margin-left:35px}.company-image{height:55vw}.slogan-inner{padding:0 20px}.slogan-content{margin:20px auto}.slogan-content:before{font-size:1.75rem;line-height:28px}.slogan-content:after{font-size:1.75rem;line-height:28px}.slogan-text .tw:after{width:40px;margin:25px auto}.design-inner{padding:0 20px}.design-text1{margin-left:35px}.design-img2{width:auto}.award-inner{padding:0 20px}.award-content{margin-left:35px;padding-top:unset}.award-logo{padding:0 0px 30px}.award-logo img{margin-right:5px;margin-bottom:5px}.award-list li{padding:15px 20px}}
