@keyframes spinner-rotate{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-rotate{to{-webkit-transform:rotate(360deg)}}.colorWhite,.index__cases__item__genre,.index__cases__item__title,.index__top__ui .page__title,.index__top__ui .page__title a,.index__top__ui .page__title a:visited,.index__top__ui .page__title p,.index__top__ui__menu__title,.index__top__ui__showreel__title{color:#fff}.index__barH,.index__barV{background-color:#fff}.index .index__title_1{width:85px;height:23.56px;margin-bottom:50px}@media screen and (max-width:750px){.index .index__title_1{width:114px;height:31.61px;margin-top:100px;margin-bottom:70px}}.index .index__title_2{width:110px;height:24.33px;margin-top:100px;margin-bottom:50px}@media screen and (max-width:750px){.index .index__title_2{width:153px;height:32.19px;margin-top:130px;margin-bottom:80px}}.index .index__title_3{width:122px;height:23.15px;margin-bottom:40px}@media screen and (max-width:750px){.index .index__title_3{width:169px;height:32px;margin-bottom:40px}}.index__column,.index__column__body{margin:0 auto;width:100%;overflow:hidden}.index__column__body{width:820px}@media screen and (max-width:750px){.index__column__body{width:600px}}.index .casesdetail__container__column__box{margin-left:0}.index__barH{position:absolute;width:100%;height:20px}@media screen and (max-width:750px){.index__barH{height:30px}}.index__barV{position:absolute;width:22px;height:100%}@media screen and (max-width:750px){.index__barV{width:25px;height:100%}}.index__top,.index__top__bg{top:0;left:0}.index__top,.index__top__bg,.index__top__showreel{width:100%;height:100%;overflow:hidden}.index__top{position:relative;z-index:3;min-height:700px}.index__top__bg{position:absolute;z-index:0;background:#000;margin-top:30px}@media screen and (max-width:750px){.index__top__bg{margin-top:43px}}.index__top__showreel{position:fixed;z-index:10000;background-color:rgba(0,0,0,.75);visibility:hidden;opacity:0;top:0!important;left:0;width:100vw;height:100vh}.index__top__showreel__contener{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;margin:auto;width:768px;height:432px}@media screen and (max-width:750px){.index__top__showreel__contener{width:750px;height:421px}}.index__top__showreel__contener iframe{width:100%;height:100%}.index__top__showreel__contener .wall{position:absolute;z-index:1;width:100%;height:100%;display:block}.index__top__showreel__contener__close{position:absolute;z-index:2;width:28px;height:21px;top:-42px;right:0;cursor:pointer}@media screen and (max-width:750px){.index__top__showreel__contener__close{width:48px;height:33px;top:-54px;right:0}}.index__top__showreel__contener__close__line{position:absolute;z-index:0;top:0;left:0;width:100%;height:1px;background:#fff}.index__top__showreel__contener__close__line--1{top:10px;-webkit-transform:translate(0,0) scale(1,1) rotate(-225deg);-ms-transform:translate(0,0) scale(1,1) rotate(-225deg);transform:translate(0,0) scale(1,1) rotate(-225deg)}.index__top__showreel__contener__close__line--2{opacity:0}.index__top__showreel__contener__close__line--3{top:10px;width:100%;-webkit-transform:translate(0,0) scale(1,1) rotate(225deg);-ms-transform:translate(0,0) scale(1,1) rotate(225deg);transform:translate(0,0) scale(1,1) rotate(225deg)}.index__top__bar_top{top:0;left:0;background-color:#fff}.index__top__bar_bottom{bottom:0;left:0;background-color:#fff}.index__top__bar_left{top:0;left:0;background-color:#fff}.index__top__bar_right{top:0;right:0;background-color:#fff}.index__top__ui{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;overflow:hidden}@media screen and (max-width:750px){.index__top__ui__arror{bottom:62px;margin:0 0 0-10px;width:19px;height:76px}}.index__top__ui__logo svg path{fill:#fff}.index__top__ui .page__title{position:absolute;z-index:0;top:40px;left:22px;margin:0;font-size:11px;line-height:175%}.lang_type_en .index__top__ui .page__title{font-size:11px}@media screen and (max-width:750px){.index__top__ui__logo{width:466px;height:234px}.index__top__ui .page__title{top:60px;left:25px;padding:0 0 0 30px;font-size:16px;line-height:175%}.lang_type_en .index__top__ui .page__title{font-size:16px}}.index__top__ui .page__title a,.index__top__ui .page__title a:visited,.index__top__ui .page__title p{font-size:11px;line-height:175%}.lang_type_en .index__top__ui .page__title a,.lang_type_en .index__top__ui .page__title a:visited,.lang_type_en .index__top__ui .page__title p{font-size:11px}.index__top__ui .page__title:after{top:8px;left:0;width:10px;background:#fff}@media screen and (max-width:750px){.index__top__ui .page__title a,.index__top__ui .page__title a:visited,.index__top__ui .page__title p{font-size:16px;line-height:175%}.lang_type_en .index__top__ui .page__title a,.lang_type_en .index__top__ui .page__title a:visited,.lang_type_en .index__top__ui .page__title p{font-size:16px}.index__top__ui .page__title:after{top:14px;width:17px}}.index__top__ui__menu{position:relative;z-index:0;top:0;left:0;width:28px;height:21px;float:left;cursor:pointer;display:none}@media screen and (max-width:750px){.index__top__ui__menu{width:48px;height:33px}}.index__top__ui__menu__inner{position:absolute;z-index:0;top:42px;right:22px;width:90px;display:none}.index__top__ui__menu__inner.closemenu{-webkit-transition:right .4s 0s;transition:right .4s 0s;right:-18px}@media screen and (max-width:750px){.index__top__ui__menu__inner{width:148px;height:33px;top:65px}.index__top__ui__menu__inner.closemenu{right:-50px}}.index__top__ui__menu__title{position:relative;z-index:0;top:0;left:0;float:right;margin:0;padding:0 20px 0 0;width:auto;height:auto;overflow:hidden;font-size:11px;line-height:175%}.index__top__ui__menu__title span{display:none}.lang_type_en .index__top__ui__menu__title{font-size:11px}.closemenu .index__top__ui__menu__title{-webkit-transition:opacity .4s 0s;transition:opacity .4s 0s;opacity:0}.index__top__ui__menu__title:after{position:absolute;z-index:0;top:9px;right:0;width:9px;height:1px;background:#fff;content:""}@media screen and (max-width:750px){.index__top__ui__menu__title{padding:0 30px 0 0;font-size:18px;line-height:175%}.lang_type_en .index__top__ui__menu__title{font-size:18px}.index__top__ui__menu__title:after{top:17px;width:17px}}.index__top__ui__menu__line{position:absolute;z-index:0;top:0;left:0;width:100%;height:2px;background:#fff;-webkit-transition:all .3s;transition:all .3s}.index__top__ui__menu__line--1{top:0}.index__top__ui__menu__line--2{top:10px}@media screen and (max-width:750px){.index__top__ui__menu__line--2{top:17px}}.index__top__ui__menu__line--3{top:20px;width:20px}@media screen and (max-width:750px){.index__top__ui__menu__line--3{top:32px;width:35px}}.on .index__top__ui__menu__line--1{top:10px;-webkit-transform:translate(0,0) scale(1,1) rotate(-225deg);-ms-transform:translate(0,0) scale(1,1) rotate(-225deg);transform:translate(0,0) scale(1,1) rotate(-225deg)}.on .index__top__ui__menu__line--2{opacity:0}.on .index__top__ui__menu__line--3{top:10px;width:100%;-webkit-transform:translate(0,0) scale(1,1) rotate(225deg);-ms-transform:translate(0,0) scale(1,1) rotate(225deg);transform:translate(0,0) scale(1,1) rotate(225deg)}.index__top__ui__showreel{position:absolute;z-index:0;top:70%;left:50%;margin:0 0 0-67px;width:134px;height:54px;overflow:hidden;display:table;cursor:pointer;border:1px solid #fff;border-radius:34px;text-align:center}@media screen and (max-width:750px){.index__top__ui__showreel{margin:0 0 0-100px;width:200px;height:66px;border-radius:34px;font-size:18px;line-height:175%}.lang_type_en .index__top__ui__showreel{font-size:18px}}.index__top__ui__showreel__img{position:relative;z-index:0;top:0;left:0;width:15px;height:15px;display:inline-block;vertical-align:middle;overflow:hidden}@media screen and (max-width:750px){.index__top__ui__showreel__img{width:24px;height:24px}}.index__top__ui__showreel__img img{position:absolute;z-index:0;width:100%;height:auto}.index__cases__item,.index__cases__list{position:relative;z-index:0;top:0;left:0}.index__top__ui__showreel__title{width:auto;height:auto;overflow:hidden;font-size:11px;line-height:175%;vertical-align:middle;display:table-cell;text-align:center}.index__philosophy__spbr,.index__top__ui__showreel__title span{display:none}.lang_type_en .index__top__ui__showreel__title{font-size:11px}@media screen and (min-width:751px){.index__top__ui__showreel:hover{background-color:#fff}.index__top__ui__showreel:hover .index__top__ui__showreel__img img{bottom:0}.index__top__ui__showreel:hover .index__top__ui__showreel__title{color:#000}}@media screen and (max-width:750px){.index__top__ui__showreel__title{font-size:18px;line-height:175%}.lang_type_en .index__top__ui__showreel__title{font-size:18px}}.index__top__ui__arror{position:absolute;z-index:0;left:50%;bottom:40px;margin:0 0 0-5px;width:9px;height:56px}@media screen and (max-width:750px){.index__top__ui__arror{bottom:62px;margin:0 0 0-10px;width:19px;height:76px}}.index__top__ui__arror img{width:100%;height:auto}.index__top__ui__logo{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;margin:auto;width:311px;height:164px}.index__philosophy{margin:150px auto 130px}@media screen and (max-width:750px){.index__philosophy{margin:110px auto 130px}}.index__philosophy__title{text-align:left;font-size:60px;line-height:170%;margin-bottom:40px;font-weight:700}.lang_type_en .index__philosophy__title{font-size:60px}@media screen and (max-width:750px){.index__philosophy__title{font-size:60px;line-height:150%;margin-bottom:60px}.lang_type_en .index__philosophy__title{font-size:60px}}.index__philosophy__text{text-align:left;margin-bottom:40px;font-size:30px;line-height:230%;font-weight:700}.lang_type_en .index__philosophy__text,.lang_type_en .index__talk_head span{font-size:30px}@media screen and (max-width:750px){.index__philosophy__text{font-size:30px;line-height:220%;margin-bottom:60px}.lang_type_en .index__philosophy__text{font-size:30px}}.index__philosophy__text--2{margin-bottom:0}@media screen and (max-width:750px){.index__philosophy__text--2{margin-bottom:60px}}.index__philosophy__banner{margin:40px auto 0;width:100%;display:block;-webkit-transition:opacity .2s;transition:opacity .2s}.index__philosophy__banner .pc,.index__philosophy__banner .sp{width:100%;height:auto}.index__philosophy__banner .pc{display:block}.index__philosophy__banner .sp{display:none}.index__philosophy__banner:hover{opacity:.8}@media screen and (max-width:750px){.index__philosophy__banner{margin-top:60px}.index__philosophy__banner:hover{opacity:1}.index__philosophy__banner .pc{display:none}.index__philosophy__banner .sp{display:block}.index__cases{margin:0 auto}}.index__cases{margin:0 auto}.index__cases__list{margin:0 auto;width:100%;overflow:hidden}.index__cases__item{width:430px;display:block;float:left}.index__cases__item:after,.index__cases__item__bg:before{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;display:block;content:""}.index__cases__item__bg{position:relative;z-index:0;top:0;left:0;width:100%;height:240px;overflow:hidden;background:#000}.index__cases__item__bg:before{z-index:11;background:#000;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s}.overanim .index__cases__item__bg:before,.overanim .index__cases__item__info{opacity:0}@media screen and (max-width:750px){.index__cases__item{width:100%}.index__cases__item__bg{height:370px}}.index__cases__item__bg__image{position:absolute;z-index:10;top:50%;left:50%;width:100%;height:auto;display:block;-webkit-transform:translate(-50%,-50%) scale(1,1) rotate(0);-ms-transform:translate(-50%,-50%) scale(1,1) rotate(0);transform:translate(-50%,-50%) scale(1,1) rotate(0)}.index__cases__item__bg iframe,.index__cases__item__bg img{position:relative;z-index:10;top:0;left:0;width:100%;height:auto;display:block}.index__cases__item__bg iframe{position:absolute;z-index:0;height:100%}.index__cases__item__info{position:absolute;z-index:0;top:0;left:0;margin:20px 0 0 30px;width:380px;-webkit-transition:opacity .2s;transition:opacity .2s}.index__cases__item__title{font-size:16px;line-height:175%;font-weight:700}.lang_type_en .index__cases__item__title{font-size:16px}@media screen and (max-width:750px){.index__cases__item__info{margin-top:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:600px}.index__cases__item__title{font-size:23px;line-height:175%}.lang_type_en .index__cases__item__title{font-size:23px}}.index__cases__item__genre{font-size:11px;line-height:175%}.lang_type_en .index__cases__item__genre{font-size:11px}.index__cases__item .item__link__view{bottom:23px;right:23px}.index__cases__item .item__link__view__barbottom,.index__cases__item .item__link__view__barright,.index__cases__item .item__link__view__bartop{background:#fff}@media screen and (max-width:750px){.index__cases__item__genre{font-size:18px;line-height:175%}.lang_type_en .index__cases__item__genre{font-size:18px}}.index__clients{margin:0 auto}@media screen and (max-width:750px){.index__clients{margin:0 auto}}.index__clients__list{margin:0 0 0 20px;width:840px;overflow:hidden}@media screen and (max-width:750px){.index__clients__list{margin:0 0 0 20px;width:630px}}.index__clients__item{width:140px;height:auto;display:block;float:left}@media screen and (max-width:750px){.index__clients__item{margin-right:10px;width:200px}}.top_bg_color_black{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:200;background-color:rgba(0,0,0,.15)}@media screen and (max-width:750px){.top_bg_color_black{background-color:rgba(0,0,0,.3)}}.top__img__bg,.top__img__vimeo{position:absolute;background:#000;top:0;left:0}.top__img__bg{z-index:0;display:block;width:100%;height:auto}.top__img__bg.active{z-index:100}.top__img__bg.next{z-index:99}.top__img__vimeo{z-index:1}.top__img__vimeo iframe{position:relative;right:0;bottom:0;width:100%;height:100%;z-index:-1}.top__img__vimeo.active{z-index:100}.top__img__vimeo.next{z-index:99}.index__top__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;pointer-events:none}.index__top__loader .page_loading__spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;background:0 0;-webkit-animation:spinner-rotate 1s ease-in-out infinite;animation:spinner-rotate 1s ease-in-out infinite;margin:0}.index__talk_head{position:relative;z-index:0;top:0;left:0}.index__talk_head:after{top:17px}.index__talk_head span{display:block;font-size:30px;line-height:100%;font-weight:700}@media screen and (max-width:750px){.index__talk_head:after{top:21px}.index__talk_head span{font-size:40px;line-height:100%}.lang_type_en .index__talk_head span{font-size:38px}}.index__talk_head__indicator{position:absolute;z-index:0;bottom:0;right:0;margin:0 0 20px;width:auto;height:8px;overflow:hidden;white-space:nowrap;font-size:0;display:none}@media screen and (max-width:750px){.index__talk_head__indicator{top:50%;bottom:auto;margin:-10px 0 0;width:auto;height:19px}}.index__talk_head__indicator .item{margin:0 0 0 9px;width:8px;height:8px;display:inline-block;border-radius:100%;border:1px solid #000;box-sizing:border-box}.index__talk_head__indicator .item.active{background-color:#000}.index__talk{position:relative;z-index:0;top:0;left:0}.index__talk .talkdetail__recommend__container{overflow:hidden}@media screen and (max-width:750px){.index__talk_head__indicator .item{margin:0 0 0 10px;width:19px;height:19px}.index__talk .talkdetail__recommend__container{overflow:auto}}