.company-about{position:relative;width:100%;height:100%;background-color:#fff}.company-about a.link-right-arrow{display:inline-block;margin-top:8px;transition:all .35s cubic-bezier(.21,.78,.36,.98);opacity:1}.company-about .company-about-background{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.company-about .company-about-background .lottie{position:absolute;width:100vw;height:100vw;top:300px;right:-20%}@media screen and (min-width:768px){.company-about .company-about-background .lottie{top:300px;right:-200px}}@media screen and (min-width:1024px){.company-about .company-about-background .lottie{width:calc(100vw - 504px);height:calc(100vw - 504px);top:200px;right:calc((100vw - 1288px) / 2 - 100px)}}@media screen and (min-width:1288px){.company-about .company-about-background .lottie{width:800px;height:800px;top:100px;right:calc((100vw - 1288px) / 2 - 200px)}}.company-about .company-about-background .company-about-color-background{display:none}@media screen and (min-width:768px){.company-about .company-about-background .company-about-color-background{display:block;position:absolute;width:100%;height:100%;top:calc(534px + (100vw - 192px) * 3 / 4);left:0;background-color:#fbf3f5}}@media screen and (min-width:1024px){.company-about .company-about-background .company-about-color-background{top:641px}}.company-about .company-about-head{position:relative;width:calc(100% - 40px);height:100%;padding:136px 20px 0}@media screen and (min-width:768px){.company-about .company-about-head{width:calc(100% - 80px);padding:136px 40px 0}}@media screen and (min-width:1024px){.company-about .company-about-head{padding:328px 40px 0}}@media screen and (min-width:1368px){.company-about .company-about-head{width:calc(100% - (100vw - 1288px));padding:328px calc((100vw - 1288px) / 2) 0}}.company-about .company-about-head .company-about-headline{width:100%;margin-top:0;margin-bottom:40px}.company-about .company-about-head .company-about-headline>img{width:245px;height:63px}@media screen and (min-width:768px){.company-about .company-about-head .company-about-headline{margin-bottom:68px}.company-about .company-about-head .company-about-headline>img{width:366px;height:94px}}@media screen and (min-width:1024px){.company-about .company-about-head .company-about-headline{margin-bottom:56px}.company-about .company-about-head .company-about-headline>img{width:448px;height:122px}}.company-about .company-about-head .company-about-paragraph{width:100%;margin-top:0;margin-bottom:0;color:#383838}@media screen and (min-width:768px){.company-about .company-about-head .company-about-paragraph{max-width:calc(100% - 142px)}}@media screen and (min-width:1024px){.company-about .company-about-head .company-about-paragraph{max-width:504px;margin-bottom:159px}}.company-about .company-about-head>img,.company-about .company-about-head>video{width:calc(100% - 32px);padding-top:54px;padding-bottom:62px}@media screen and (min-width:768px){.company-about .company-about-head>img,.company-about .company-about-head>video{width:calc(100% - 112px);padding-top:82px;padding-bottom:72px}}@media screen and (min-width:1024px){.company-about .company-about-head>img,.company-about .company-about-head>video{position:absolute;width:calc(100% - 504px - 80px - 40px);top:305px;right:40px;padding:0}}@media screen and (min-width:1288px){.company-about .company-about-head>img,.company-about .company-about-head>video{width:616px;top:225px}}@media screen and (min-width:1368px){.company-about .company-about-head>img,.company-about .company-about-head>video{right:calc((100vw - 1288px) / 2)}}.company-about .company-about-main{position:relative;width:100%;height:100%}.company-about .company-about-main .company-about-content{position:relative;width:calc(100% - 40px);padding:42px 20px 0}@media screen and (min-width:768px){.company-about .company-about-main .company-about-content{width:calc(100% - 80px);margin-bottom:80px;padding:60px 40px 0}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-content{padding:136px 40px 0}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-content{width:calc(100% - (100vw - 1288px));padding:136px calc((100vw - 1288px) / 2) 0}}.company-about .company-about-main .company-about-content .company-about-content-headline{width:100%;margin-top:0;margin-bottom:16px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-content .company-about-content-headline{margin-bottom:40px}}.company-about .company-about-main .company-about-content .company-about-content-paragraph{width:100%;margin:0;color:#383838}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-content .company-about-content-paragraph{max-width:672px}}.company-about .company-about-main .company-about-value{position:relative;width:calc(100% - 40px);padding:42px 20px 62px;text-align:left}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value{width:calc(100% - 80px);margin-bottom:80px;padding:68px 40px 90px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value{padding:68px 40px 136px}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-value{width:calc(100% - (100vw - 1288px));padding:68px calc((100vw - 1288px) / 2)}}.company-about .company-about-main .company-about-value .show-more-check,.company-about .company-about-main .company-about-value .show-more-check:checked~label{display:none}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section{margin:0}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section img{left:0%;width:16.66667%}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section .description-full{top:0;margin:0;left:8.33333%;width:75%}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section .description-full .h2{transform:translateY(0);line-height:inherit;font-size:inherit}.company-about .company-about-main .company-about-value .show-more-check~.value-section p{margin:0;max-height:0;opacity:0}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section p{margin-top:16px;margin-bottom:0;max-height:1000px;opacity:1}.company-about .company-about-main .company-about-value .show-more-check~.value-section:last-child{margin-bottom:42px}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section:not(:first-child){margin-top:32px}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section:last-child{margin-bottom:0}.company-about .company-about-main .company-about-value .show-more-check~.value-section .description-full a.link-right-arrow{display:none;opacity:0}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .show-more-check~.value-section .description-full a.link-right-arrow{display:inline-block;opacity:1}}.company-about .company-about-main .company-about-value .show-more-check:checked~.value-section .description-full a.link-right-arrow{display:inline-block;opacity:1}.company-about .company-about-main .company-about-value .value-section{text-align:left;position:relative;display:block;transition:all .35s cubic-bezier(.21,.78,.36,.98);width:100%}.company-about .company-about-main .company-about-value .value-section img{position:relative;display:inline-block;transition:all .35s cubic-bezier(.21,.78,.36,.98);vertical-align:top}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section img{position:relative}}.company-about .company-about-main .company-about-value .value-section .description-full{position:relative;display:inline-block;transition:all .35s cubic-bezier(.21,.78,.36,.98)}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section .description-full{position:absolute}}.company-about .company-about-main .company-about-value .value-section .description-full .h2{margin:0;font-size:4.2vw;line-height:130%;transition:all .35s cubic-bezier(.21,.78,.36,.98)}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section .description-full .h2{line-height:120%;font-size:3vw}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section .description-full .h2{line-height:120%;font-size:32px}}.company-about .company-about-main .company-about-value .value-section .description-full .h2 br{line-height:180%}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section .description-full .h2 br{line-height:160%}}.company-about .company-about-main .company-about-value .value-section .description-full p{transition:all .35s cubic-bezier(.21,.78,.36,.98);position:relative}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section .description-full p{max-height:1000px;opacity:1;margin-top:24px;margin-bottom:0}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section .description-full p{margin-top:32px}}.company-about .company-about-main .company-about-value .value-section.company-about-challenge{z-index:2}.company-about .company-about-main .company-about-value .value-section.company-about-challenge img{width:33.33333%;left:0%}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-challenge img{width:29.16667%;left:0%}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-challenge img{width:33.33333%;left:0%}}.company-about .company-about-main .company-about-value .value-section.company-about-challenge .description-full{width:58.33333%;left:8.33333%;vertical-align:top}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-challenge .description-full{width:62.5%;left:37.5%;margin-top:-85px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-challenge .description-full{width:58.33333%;left:41.66667%}}.company-about .company-about-main .company-about-value .value-section.company-about-build{margin-top:-25px;z-index:1}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-build{margin-top:-25px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-build{margin-top:-90px}}.company-about .company-about-main .company-about-value .value-section.company-about-build img{width:33.33333%;left:16.66667%}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-build img{width:29.16667%;left:12.5%}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-build img{width:29.16667%;left:16.66667%}}.company-about .company-about-main .company-about-value .value-section.company-about-build .description-full{left:25%;width:41.66667%;vertical-align:bottom}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-build .description-full{width:50%;left:50%;top:0}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-build .description-full{width:45.83333%;left:54.16667%}}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-build .description-full .h2{transform:translateY(0)}}.company-about .company-about-main .company-about-value .value-section.company-about-design{z-index:-2;margin-top:-25px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-design{margin-top:-25px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-design{margin-top:-50px}}.company-about .company-about-main .company-about-value .value-section.company-about-design img{width:33.33333%;left:8.33333%}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-design img{width:29.16667%;left:4.16667%}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-design img{width:25%;left:4.16667%}}.company-about .company-about-main .company-about-value .value-section.company-about-design .description-full{left:16.66667%;width:50%;vertical-align:bottom}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-design .description-full .h2{transform:translateY(0)}}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .value-section.company-about-design .description-full{width:58.33333%;left:41.66667%;margin-top:100px;top:0}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-value .value-section.company-about-design .description-full{width:50%;left:37.5%;margin-top:160px}}.company-about .company-about-main .company-about-value .show-more-button{display:block;position:absolute;bottom:0;left:50%;margin-left:-55px;margin-bottom:42px;width:124px;height:24px;line-height:22px;color:#272727;font-size:14px;font-weight:700;cursor:zoom-in}@media screen and (min-width:768px){.company-about .company-about-main .company-about-value .show-more-button{display:none}}.company-about .company-about-main .company-about-value .show-more-button:after{content:"";position:absolute;width:120px;height:2px;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ff8b4d,#fb3570)}.company-about .company-about-main .company-about-member{position:relative;width:calc(100% - 40px);padding:0 20px 48px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member{width:calc(100% - 80px);margin-bottom:72px;padding:0 40px 72px}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-member{width:calc(100% - (100vw - 1288px));padding:0 calc((100vw - 1288px) / 2) 114px}}.company-about .company-about-main .company-about-member .company-about-member-headline{width:100%;margin-top:0;margin-bottom:16px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-headline{margin-bottom:40px}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper{position:relative;width:100vw;height:240px;left:-20px;overflow:hidden}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper{height:769px;left:-40px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper{height:760px}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper{left:calc((100vw - 1288px) / 2 * -1)}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list{position:relative;display:block;height:calc(100% + 10px);overflow-x:scroll;overflow-y:hidden}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;letter-spacing:-4em}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li{display:inline-block;margin-right:16px;vertical-align:top}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div{position:relative;display:inline-block;height:240px;letter-spacing:normal;opacity:1!important}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div{display:block;height:358px;margin-right:0}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div{height:358px}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div:first-child{margin-right:16px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div:first-child{margin-right:0}}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div:nth-child(2n-1){margin-bottom:24px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li>div:nth-child(2n-1){margin-bottom:24px}}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li{margin-right:24px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li{margin-right:24px}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:first-child{margin-left:20px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:first-child{margin-left:40px}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:first-child{margin-left:calc((100vw - 1288px) / 2)}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:last-child{margin-right:20px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:last-child{margin-right:40px}}@media screen and (min-width:1368px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list>ul>li:last-child{margin-right:calc((100vw - 1288px) / 2)}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-intern-tag{position:absolute;width:56px;height:24px;right:4px;top:4px;transform:rotate(10deg);z-index:10}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-intern-tag{width:81.5px;height:35px;right:4px;top:7px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-intern-tag{width:81.5px;height:35px;right:4px;top:7px}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-thumb{display:block;width:138px;height:217px;top:0;left:0;margin-bottom:9px;opacity:1;transition:opacity .35s cubic-bezier(.21,.78,.36,.98);filter:drop-shadow(0 2px .8px rgba(0,0,0,.23))}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-thumb{width:200px;height:326px;margin-bottom:11px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-thumb{width:200px;height:326px;margin-bottom:11px}}.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-position{display:block;width:138px;height:14px;line-height:14px;text-align:left;color:#707070;font-size:11px;font-weight:500;letter-spacing:.07px}@media screen and (min-width:768px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-position{width:200px;height:22px;line-height:22px;font-size:14px;letter-spacing:-.29px}}@media screen and (min-width:1024px){.company-about .company-about-main .company-about-member .company-about-member-list-wrapper .company-about-member-list .company-about-member-position{width:200px;height:22px;font-size:14px;letter-spacing:-.29px;line-height:22px}}.company{width:100%;background-color:#fff}.company .company-head{width:calc(100% - 20px);height:228px;padding:56px 0 0 20px;background-color:#383838}@media screen and (min-width:768px){.company .company-head{width:calc(100% - 40px);height:352px;padding:84px 0 0 40px}}@media screen and (min-width:1368px){.company .company-head{width:calc(100% - (100vw - 1288px) / 2);padding:84px 0 0 calc((100vw - 1288px) / 2)}}.company .company-head .company-headline{width:100%;margin-top:0;margin-bottom:64px;color:#fff}@media screen and (min-width:768px){.company .company-head .company-headline{margin-bottom:96px}}.company .company-head .company-head-banner{width:100%;height:200px;background:url(../../images/company/info-head.jpg) no-repeat 50%;background-size:cover}@media screen and (min-width:768px){.company .company-head .company-head-banner{height:365px}}@media screen and (min-width:1024px){.company .company-head .company-head-banner{height:511px}}.company .company-main{position:relative;width:calc(100% - 40px);padding:127px 20px 48px}@media screen and (min-width:768px){.company .company-main{width:calc(100% - 80px);padding:246px 40px 72px}}@media screen and (min-width:1024px){.company .company-main{padding:476px 40px 114px}}@media screen and (min-width:1368px){.company .company-main{width:calc(100% - (100vw - 1288px));padding:476px calc((100vw - 1288px) / 2) 114px}}.company .company-main .company-general{width:100%;margin-bottom:24px}.company .company-main .company-general .company-mail{color:#272727;font-size:18px;font-weight:400}@media screen and (min-width:768px){.company .company-main .company-general{max-width:360px;margin-bottom:41px}}@media screen and (min-width:1024px){.company .company-main .company-general{max-width:500px;margin-bottom:32px}}.company .company-main .company-general>img{width:144px;height:36px;margin-bottom:8px}@media screen and (min-width:1024px){.company .company-main .company-general>img{width:280px;height:70px;margin-bottom:32px}}.company .company-main .company-general>p{margin:0}.company .company-main .company-general>h3{line-height:30px;margin-top:40px;margin-bottom:16px;color:#393939;font-size:22px;font-weight:700}@media screen and (min-width:768px){.company .company-main .company-general>h3{margin-bottom:8px}}@media screen and (min-width:1024px){.company .company-main .company-general>h3{margin-top:32px}}.company .company-main .company-general>h3>span{font-weight:400}.company .company-main .company-more-info{display:block;position:relative;width:89px;height:26px;line-height:22px;color:#272727;font-size:14px;font-weight:700;cursor:pointer}@media screen and (min-width:768px){.company .company-main .company-more-info{width:114px;height:30px;font-size:18px}}.company .company-main .company-more-info:after{content:"";position:absolute;width:87px;height:2px;left:0;right:0;bottom:0;background:linear-gradient(90deg,#000,#b3b3b3)}@media screen and (min-width:768px){.company .company-main .company-more-info:after{width:112px;height:3px}}
/*# sourceMappingURL=index.css.map */