#main.intvwbg--director{background:#f4f8fd}#main.intvwbg--chara{background:#f5f8fd}#main.intvwbg--planner{background:#f3f2f5}#main.intvwbg--programmer{background:#f8f8f8}#main.intvwbg--project{background:#fdf8f1}#main.intvwbg--animator{background:#f4fbfd}#main.intvwbg--effect{background:#ebf3f9}#main.intvwbg--tech{background:#f3fcf7}#main.intvwbg--back{background:#f4f5fc}.lcl-hero{position:relative;z-index:1;padding-top:125px}@media screen and (max-width: 767px){.lcl-hero{padding-top:18.6666666667vw}}.lcl-hero::before,.lcl-hero::after{content:"";position:absolute;top:0;left:0;display:block;margin:auto}.lcl-hero::before{content:"";position:absolute;z-index:-1;top:calc((300vw - 470px) * -1);left:50%;transform:translateX(-50%);display:block;width:300vw;height:300vw;border-radius:50%;margin:auto;background-color:#fff}@media screen and (max-width: 767px){.lcl-hero::before{top:-221.3333333333vw;width:426.6666666667vw;height:426.6666666667vw}}.lcl-hero::after{content:"";position:absolute;top:0;left:0;display:block;margin:auto}.lcl-hero.js-load--on .lcl-hero__person{opacity:1;transform:translate3d(0, 0, 0) rotateY(0deg) scale(1)}.lcl-hero.js-load--on .lcl-hero__person .intvw::before{opacity:1}.lcl-hero.js-load--on .lcl-hero__block{opacity:1;transform:translate(0)}.lcl-hero .lcl-hero__in{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:815px;margin:0 auto;perspective:1000px;transform-style:preserve-3d}.lcl-hero .lcl-hero__in _::-webkit-full-page-media,.lcl-hero .lcl-hero__in _:future,.lcl-hero .lcl-hero__in :root .css_selector{transform-style:flat}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__in{width:100%}}.lcl-hero .lcl-hero__person{width:310px;opacity:0;transform:translate3d(-10vw, 0, -5vw) rotateY(70deg) scale(0.6);transition:transform 2s cubic-bezier(0.49, 0.14, 0.14, 0.99),opacity 2s cubic-bezier(0.49, 0.14, 0.14, 0.99)}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__person{width:79.4666666667vw;height:99.4666666667vw;margin:0 auto;transform:translate3d(-30vw, 0, -10vw) rotateY(70deg) scale(0.6)}}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__person .intvw{width:100%;height:100%}}.lcl-hero .lcl-hero__person .intvw::before{opacity:0;transition:opacity 0.8s 1.4s ease}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__person .intvw::before{width:40vw}}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__person .intvw .intvw__txt{top:5.3333333333vw;right:7.2vw;font-size:1.3rem}}.lcl-hero .lcl-hero__block{width:calc(100% - 375px);margin-left:65px;padding-top:10px;opacity:0;transform:translateX(40px);transition:opacity 0.8s ease, transform 0.8s ease;transition-delay:1.4s}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__block{width:100%;margin-top:13.3333333333vw;margin-left:0;padding:0 10.6666666667vw}}.lcl-hero .lcl-hero__copy{font-size:2rem;font-weight:400;line-height:2.2;letter-spacing:0.1em}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__copy{font-size:1.6rem;line-height:1.5;letter-spacing:0.1em}}.lcl-hero .lcl-hero__position{display:inline-block;margin-top:30px;padding:4px 3px;background-color:#c1ccdb;font-family:'Roboto Condensed', sans-serif;font-size:2rem;font-weight:700;line-height:1;letter-spacing:0.1em;color:#fff}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__position{margin-top:3.4666666667vw;padding:1.0666666667vw .8vw;font-size:1.1rem;letter-spacing:0.1em}}.lcl-hero .lcl-hero__ttl{margin-top:15px;font-size:3.6rem;font-weight:700;line-height:1;letter-spacing:0.1em}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__ttl{margin-top:2.1333333333vw;font-size:2.6rem;letter-spacing:0.1em}}.lcl-hero .lcl-hero__box{margin-top:30px;padding-top:30px;border-top:1px solid #dfe6f0}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__box{margin-top:5.3333333333vw;padding-top:5.3333333333vw}}.lcl-hero .lcl-hero__txt{font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:0.1em}.lcl-hero .lcl-hero__txt:not(:first-of-type){margin-top:15px}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__txt:not(:first-of-type){margin-top:4vw}}.lcl-hero .lcl-hero__txt02{display:inline-block;margin-top:15px;padding:5px 10px;background-color:#000;font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:0.1em;color:#fff}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__txt02{margin-top:3.7333333333vw;padding:1.3333333333vw 2.1333333333vw;font-size:1.2rem}}.lcl-cnt.lcl-cnt--illust{position:relative;z-index:1;margin-top:110px}@media screen and (max-width: 767px){.lcl-cnt.lcl-cnt--illust{margin-top:40vw}}.lcl-cnt.lcl-cnt--illust::after{content:"";position:absolute;z-index:-1;top:-240px;right:calc((100% - 1300px) / 2 - 190px);display:block;width:388px;height:424px;margin:auto;background:url(../img/illust.png) center/cover no-repeat}@media screen and (max-width: 1200px){.lcl-cnt.lcl-cnt--illust::after{right:calc((100% - 1100px) / 2 - 190px)}}@media screen and (max-width: 767px){.lcl-cnt.lcl-cnt--illust::after{top:-32vw;right:-13.0666666667vw;display:block;width:30.1333333333vw;height:30.9333333333vw}}.lcl-cnt.scr-anin--on .lcl-cnt__ttl,.lcl-cnt.scr-anin--on .lcl-cnt__txt{opacity:1;transform:translate(0)}.lcl-cnt .lcl-cnt__in{width:900px;margin:0 auto}@media screen and (max-width: 767px){.lcl-cnt .lcl-cnt__in{width:100%;padding:0 4vw}}.lcl-cnt .lcl-cnt__ttl{position:relative;padding-left:23px;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.1em}@media screen and (max-width: 767px){.lcl-cnt .lcl-cnt__ttl{padding-left:4.5333333333vw}}@media screen and (max-width: 767px){.lcl-cnt .lcl-cnt__ttl{font-size:1.8rem;letter-spacing:0.1em}}.lcl-cnt .lcl-cnt__ttl::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:2px;height:calc(100% + 6px);background-color:#7ca1ff}@media screen and (max-width: 767px){.lcl-cnt .lcl-cnt__ttl::before{width:.5333333333vw;height:calc(100% - 3.2vw)}}.lcl-cnt .lcl-cnt__txt{margin-top:30px;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease;transition-delay:0.1s}@media screen and (max-width: 767px){.lcl-cnt .lcl-cnt__txt{margin-top:1.3333333333vw}}.lcl-imgarea{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;width:900px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease}@media screen and (max-width: 767px){.lcl-imgarea{width:100%;padding:0 4vw}}.lcl-imgarea.scr-anin--on{opacity:1;transform:translate(0)}.lcl-imgarea .lcl-imgarea__img{width:440px}@media screen and (max-width: 767px){.lcl-imgarea .lcl-imgarea__img{width:45.0666666667vw}}.lcl-btnarea{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;width:660px;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){.lcl-btnarea{width:100%}}@media screen and (max-width: 767px){.lcl-btnarea .lcl-btnarea__btn{margin-left:auto;margin-right:auto}.lcl-btnarea .lcl-btnarea__btn:nth-of-type(2){margin-top:4vw}}.interview{margin-top:130px;margin-bottom:100px}@media screen and (max-width: 767px){.interview{margin-top:21.3333333333vw;margin-bottom:16vw}}@media screen and (min-width: 768px){.lcl-hero .lcl-hero__in{width:850px;margin-left:calc((100% - 815px) / 2)}}