.top-image{transform:scale(1.1);transition:transform 8s}.top-image.show-img{transform:scale(1)}.top-title{opacity:0;transform:translate(-50%, calc(-50% - 20px));transition:opacity 1s,transform 1s}.top-title .en:after{opacity:0;bottom:-5px;transition:opacity 1s,bottom 1s}.top-title.show-text{opacity:1;transform:translate(-50%, -50%)}.top-title.show-text .en:after{opacity:1;bottom:-25px;transition-delay:.4s}.company{position:relative}.company-title{padding:0 50px;width:calc(85% - 100px);margin:0 auto 50px}.company-line{position:absolute;left:0;width:100%;height:1px;background:#ccc;z-index:-1}.company-inner{padding:0 50px}.company-wrap{display:flex;justify-content:center;padding-top:50px}.company-content1{width:34%;margin-right:10%}.company-text1{margin-bottom:50px}.company-text1 span{display:block}.company-img1{width:90%;max-width:460px}.company-img1 img{width:100%}.company-content2{width:40%;margin-top:40px}.company-img2 img{width:100%}.company-text2{max-width:380px;margin:4vw auto 0}.company-text2 span{display:block}.approach-inner{position:relative}.approach-title{padding:0 8%;margin:0 auto 50px}.approach-line{position:absolute;left:0;width:100vw;height:1px;background:#ccc;z-index:-1}.approach-wrap{display:flex;gap:5%;padding:50px 8% 0;margin:0 auto}.approach-item{width:33.3333%;box-sizing:border-box}.approach-item:nth-child(2){margin-top:5%}.approach-img img{width:100%}.approach-info{padding:0 30px 30px;margin-top:-13px;text-align:center;position:relative}.approach-info:after{content:"";width:100%;height:calc(100% - 35px);background:#f8f8f8;position:absolute;bottom:0;left:0;z-index:-2}.approach-subtitle{color:#000;letter-spacing:.15rem;font-size:.75rem;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:3px 17px 3px 18px;border-radius:20px;background:#e6e1de}.approach-slogan{font-size:.875rem;margin-bottom:13px;color:#999}.approach-slogan:before{content:"";width:1px;height:30px;border-left:1px dotted #ccc;display:block;margin:0 auto 13px}.approach-text{font-size:.875rem}.bg-img{height:32vw;overflow:hidden;filter:saturate(0.4) contrast(0.9)}.bg-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%;will-change:object-position}.design-inner{padding:0 50px;position:relative}.design-title{margin-left:5%}.design-line{position:absolute;left:0;width:100vw;height:1px;background:#ccc;z-index:-1}.design-wrap{display:flex;flex-flow:row-reverse;justify-content:flex-end}.design-content{padding-top:50px;max-width:320px}.design-text span{display:block}.design-tw{margin-bottom:25px}.design-tw p{margin-bottom:15px}.design-img{width:55%;margin-right:12%;margin-top:150px;margin-left:5%}.design-img img{width:100%;aspect-ratio:5/2;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 60%;object-position:50% 60%}.designer-wrap{display:flex;flex-flow:row-reverse;align-items:flex-end}.designer-image{width:28vw;height:28vw;margin-right:16%}.designer-img{width:100%;height:100%;background-position:50% 15%;background-size:cover;background-repeat:no-repeat}.designer-content{width:calc(52% - 28vw);padding:0 16%;margin-bottom:30px;position:relative}.designer-line{position:absolute;left:0;width:100vw;height:1px;background:#ccc;z-index:-1}.designer-info{width:calc(75% - 30vw);padding-left:16%}.designer-name{letter-spacing:.8rem;font-size:1.25rem;font-weight:normal;opacity:0;transition:opacity .8s}.designer-name.show{opacity:1}.designer-name .en{letter-spacing:.15rem;font-size:1rem;color:#999}.designer-name .en:before{content:"";width:1px;height:15px;background:#ccc;display:inline-block;margin:0 20px -4px 5px;transform:rotate(25deg)}.designer-concept{margin-top:30px}.designer-subtitle{font-size:.75rem;margin-bottom:25px;padding:2px 8px;width:-moz-fit-content;width:fit-content;background:#e6e1de}.designer-text span{display:block;margin-top:15px}.award-wrap{display:flex;align-items:center}.award-img{width:24%;margin-left:12%}.award-img img{width:100%}.award-content{width:40%;padding:0 12%;position:relative}.award-line{position:absolute;right:0;width:100vw;height:1px;background:#ccc;z-index:-1}.award-list{padding-top:30px}.award-item{position:relative;padding-left:60px;margin-top:30px}.award-item:nth-child(1){margin-top:unset}.award-logo{width:35px;padding:5px;background:#f8f8f8;position:absolute;top:0;left:0}.award-logo img{width:100%}.award-text{font-size:.875rem}.award-work{color:#000;margin-bottom:3px}@media screen and (max-width: 1300px){.company-title{width:calc(96% - 100px)}.company-content1{width:40%;margin-right:8%}.company-content2{width:48%}.approach-title{padding:0 50px}.approach-wrap{padding:50px 50px 0;gap:3%}.bg-img{height:37vw}.design-img{margin-right:10%}.design-img img{aspect-ratio:2/1}.designer-image{width:35vw;height:35vw;margin-right:10%}.designer-content{width:calc(70% - 35vw);padding:0 10%}.designer-info{width:calc(95% - 35vw);padding-left:10%}.award-img{width:30%;margin-left:10%}.award-content{padding:0 10%}}@media screen and (max-width: 1100px){.company-title{width:auto}.company-content1{width:44%;margin-right:6%}.company-content2{width:50%}.approach-title{max-width:600px;margin:0 auto 50px}.approach-wrap{display:block;max-width:600px;margin:0 auto}.approach-item{width:auto}.approach-item:nth-child(2){margin:50px 0}.bg-img{height:48vw}.design-img{width:50%;margin-top:120px}.design-img img{aspect-ratio:5/4;-o-object-position:55% 60%;object-position:55% 60%}.designer-image{width:42vw;height:42vw;margin-right:8%}.designer-content{width:calc(76% - 42vw);padding:0 8%}.designer-info{width:auto;padding:0 8%}.award-img{width:35%;margin-left:7%}.award-content{width:42%;padding:0 8%}}@media screen and (max-width: 900px){.company-title{max-width:640px;margin:0 auto 30px}.company-wrap{display:block;padding-top:30px}.company-content1{width:auto;max-width:640px;margin:0 auto}.company-img1{width:auto;max-width:420px;margin:0 auto}.company-content2{width:auto;margin-top:50px;display:flex;flex-flow:column-reverse}.company-img2{max-width:640px;margin:0 auto}.company-text2{max-width:640px;margin:0 auto 50px}.design-title{margin:0 auto 30px;max-width:520px}.design-wrap{display:block}.design-content{margin:0 auto;padding-top:30px;max-width:520px}.design-img{width:auto;margin:50px 0 0}.design-img img{aspect-ratio:5/3}.designer-wrap{display:block}.designer-image{width:100vw;max-width:420px;height:100vw;max-height:420px;margin:0 auto}.designer-content{width:auto;padding:0 50px;margin-top:50px}.designer-title{max-width:700px;margin:0 auto 30px}.designer-info{padding:30px 50px 0;max-width:700px;margin:0 auto}.award-wrap{display:block}.award-img{padding:0 50px;width:auto;max-width:450px;margin:0 auto}.award-content{width:auto;margin-top:50px;padding:0 50px}.award-title{max-width:640px;margin:0 auto 30px}.award-line{left:unset;right:0}.award-list{max-width:640px;margin:0 auto}}@media screen and (max-width: 640px){.company-title{padding:0 30px}.company-inner{padding:0 30px}.approach-inner{padding:0 30px}.approach-title{padding:unset;margin-bottom:30px}.approach-wrap{padding:30px 0 0}.approach-item:nth-child(2){margin:30px 0}.bg-img{height:60vw}.design-inner{padding:0 30px}.designer-content{padding:0 30px}.designer-info{padding:30px 30px 0}.designer-name{font-size:1rem}.award-img{padding:0 30px}.award-content{padding:0 30px}.award-item{padding-left:50px}.award-logo{width:30px;top:2px;padding:3px}.award-name{font-size:.75rem}}