@charset "UTF-8";#about .img::after,#about .img::before,#work .grid a::before,.details span:before,.effect .diamond::after,.effect .diamond::before,.global_menu li:not(:last-child) a::after,.title h2::before,.title::after,.to_top::after{content:"";display:block;position:absolute;background:#fff;height:1px}*{margin:0;padding:0;box-sizing:border-box}html{background:#000;color:#fff;font-size:62.5%;overflow-y:visible!important}body{overflow-y:visible!important;width:100%;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;font-size:1.6rem;letter-spacing:.8px;position:relative;line-height:0}ul{list-style-type:none}a{text-decoration:none;color:#fff;transition:all .3s}a:hover{color:#4984c5}.wrapper{line-height:1.6;overflow:hidden;position:relative}.fade{opacity:0;transition:all 1.8s ease}.show{opacity:1}.effect .diamond{height:250px;width:250px;position:absolute;top:22%;left:-125px;transform:rotateZ(45deg)}.effect .diamond::after,.effect .diamond::before{background:#4984c5;height:1px;width:0;transition:all .7s ease}.effect .diamond::after{height:0;width:1px;right:0;transition:all .7s ease .7s}.effect .diamond[data-animation=after]::before{width:100%}.effect .diamond[data-animation=after]::after{height:100%}.effect .down{top:23%}.right .diamond{right:-125px;left:auto;transform:rotateY(180deg) rotateZ(45deg)}.fourty .up{top:36%}.fourty .down{top:37%}.sixty .up{top:60%}.sixty .down{top:61%}.eighty .up{top:80%}.eighty .down{top:81%}.loading{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:99;text-align:center}.loading .cover_down,.loading .cover_up{position:absolute;height:50%;width:100%;background:#000;transition:all .5s ease 4s}.loading .cover_down{bottom:0}.loading .line{position:absolute;top:50%;left:0;height:1px;width:0;background:#4984c5;transition:all .5s ease 3s}.loaded{z-index:2}.loaded .line{width:100%}.loaded .cover_down,.loaded .cover_up{height:0}.mobile_header,.mobile_menu{display:none}.header{z-index:999;position:absolute;line-height:2;top:0;width:100%;padding-top:30px;margin-right:auto}.logo{padding-left:5%}.logo img{width:245px}.logo .mini{width:35px!important}.global_menu{z-index:3;padding:0 0;font-family:"Unica One",cursive;font-size:2rem}.global_menu .logo{float:left}.global_menu ul{float:right}.global_menu li{display:inline-block;position:relative}.global_menu li a{padding:15px 35px}.global_menu li.sns{padding:0 0 0 24px}.global_menu li.sns a{padding:0 0;display:block}.global_menu li.sns a img{height:24px;width:24px;vertical-align:-3px}.global_menu li:not(:last-child) a::after{height:20px;width:1px;right:0;top:8px}.global_menu li:last-child{padding-right:24px}.global_menu li.sns:not(:last-child) a::after{width:0}.to_top{font-size:1.3rem;position:fixed;right:-25px;bottom:150px;width:130px;transform:rotate(90deg);z-index:3;display:none;transition:all .3s ease;color:#d2d2d2;cursor:pointer}.to_top::after{background:#d2d2d2;right:0;top:-1px;width:0;animation:up 1.5s ease infinite;animation-fill-mode:both}.to_top:hover{color:#4984c5}.to_top:hover::after{background:#4984c5}@keyframes up{0%{width:0}50%{width:92px;right:0}100%{width:0;right:92px}}.content{margin:auto;padding:4% 0 4% 85px;width:75%;max-width:1100px;position:relative}.content .inner_content{position:relative}.content .inner_content .side_title{font-size:7.3rem;color:rgba(72,131,196,.5882352941);line-height:1;transform:rotateZ(-90deg);position:absolute;top:14px;left:-205px;font-family:"Playfair Display SC",serif;letter-spacing:1px}.title{width:100%;position:relative}.title::after{background:#000;height:100%;width:100%;right:0;top:0}.title[data-animation=after]::after{animation:slidecover 1s ease;animation-fill-mode:both}.title h2{margin:0;padding:30px 0;position:relative;font-size:5rem;line-height:1;font-family:"Playfair Display SC",serif;font-weight:400}.title h2::before{width:100%;background:#4984c5;top:50%;transform:translateY(-50%)}.title h2 span{background:#000;display:inline-block;position:relative;padding-right:10px}@keyframes slidecover{0%{width:100%}100%{width:0}}.text{display:inline-block;width:100%;line-height:2.5}.details{text-align:center}.details span{display:inline-block;margin:40px 0;padding-right:5px;font-family:"Playfair Display SC",serif;position:relative}.details span:before{background-color:initial;height:9px;width:33px;background-image:url(../img/arrow_w.svg);right:-33px;top:7px;transition:.5s ease}.details span:hover:before{right:-36px;background-image:url(../img/arrow_b.svg)}.details .arrow_g{transition:all .5s ease;width:60px;opacity:0;height:15px}.details .arrow_w{width:60px;height:15px;transition:all .5s ease;transform:translateX(-60px)}.a_color{color:#4984c5;font-size:1.4rem;display:block;padding-bottom:5px}#top{height:100vh;width:100%;position:relative;overflow:hidden}#top video{min-width:100%!important;height:100%;position:relative;left:50%;transform:translateX(-50%)}.catch{position:absolute;height:100vh;width:100%;z-index:99}.catch h1{transition:.7s ease;opacity:0;font-size:1.5rem;margin:30px 0}.catchWrap{position:absolute;width:100%;top:50%;z-index:9;transform:translateY(-50%);line-height:1;text-align:center}.catchWrap img{width:425px;vertical-align:bottom}.catchWrap .groupname{opacity:0;display:inline-block;transition:all ease .6s}#news .content{width:500px;position:relative;padding:4%}#news .content h2{font-size:3rem;text-align:center;padding:30px 0}#news .content h2 span{padding-left:10px}#news .content .news_date,#news .content .news_title{display:inline-block;width:36%;vertical-align:top;padding:6px 0}#news .content .news_title{width:62%}#news .content .see_all{position:absolute;right:0;bottom:0}#about{position:relative}#about .img{display:inline-block;width:35%;height:370px;overflow:hidden;position:relative}#about .img::after,#about .img::before{background:#4984c5;width:100%;height:100%;z-index:1;right:0}#about .img::after{background:#000;top:0;z-index:2}#about .img[data-animation=after]::after{animation:slidecover .5s ease;animation-fill-mode:both}#about .img[data-animation=after]::before{animation:slidecover .5s ease .5s;animation-fill-mode:both}#about .img img{height:115%;margin:0 -25%}#solution{position:relative}#solution .side_title{top:56px;left:-268px}#solution .typeList{margin-top:15px}#solution li{vertical-align:bottom;display:inline-block;width:33.3%;padding:0 1% 6%;text-align:center}#solution li h3{font-size:1.4rem;font-weight:400;line-height:1.5;margin:8px 0;color:#bfbfbf}#solution li .imgWrap{border-radius:50%;width:160px;height:160px;margin:auto;background-image:url(../img/casetype.jpg);background-position:-61px -28px}#solution li .second{background-position:-348px -28px}#solution li .third{background-position:-61px 184px}#solution li .fourth{background-position:229px -29px}#solution li .fifth{background-position:-348px -223px}#solution li .sixth{background-position:233px -223px}#solution li .seventh{background-position:-61px -223px}#solution li .eighth{background-position:-348px 210px}#solution li .ninth{background-position:209px 182px}#work{position:relative}#work .side_title{top:-13px;left:-192px}#work .grid{margin-top:15px}#work .grid a{height:100%;display:inline-block;width:33.3%;height:230px;position:relative;overflow:hidden}#work .grid a .item{width:100%;font-size:1.4rem;line-height:1.3;position:absolute;bottom:0;background:linear-gradient(to bottom,transparent,#000);padding:12px 7px 7px;opacity:0;transition:.4s ease 1s}#work .grid a .item h3{margin:0;font-size:.8rem;font-weight:400}#work .grid a::before{background:#4984c5;width:0;height:100%;z-index:1;left:0}#work .grid a[data-animation=after] .item{opacity:1}#work .grid .ex{transition:all ease .5s;display:inline-block;background-image:url(../work/images/coming_soon.png);background-size:cover;background-position:center center;width:0;height:100%;position:relative;overflow:hidden;filter:grayscale(100%)}#work .grid .first[data-animation=after]::before,#work .grid .fourth[data-animation=after]::before{animation:slideThrow .5s ease .3s;animation-fill-mode:both}#work .grid .first[data-animation=after] .ex,#work .grid .fourth[data-animation=after] .ex{animation:slideGo .1s ease .4s;animation-fill-mode:both}#work .grid .fifth[data-animation=after]::before,#work .grid .second[data-animation=after]::before{animation:slideThrow .5s ease .5s;animation-fill-mode:both}#work .grid .fifth[data-animation=after] .ex,#work .grid .second[data-animation=after] .ex{animation:slideGo .1s ease .6s;animation-fill-mode:both}#work .grid .sixth[data-animation=after]::before,#work .grid .third[data-animation=after]::before{animation:slideThrow .5s ease .7s;animation-fill-mode:both}#work .grid .sixth[data-animation=after] .ex,#work .grid .third[data-animation=after] .ex{animation:slideGo .1s ease .8s;animation-fill-mode:both}#work .grid img{min-width:100%;height:100%;filter:grayscale(100%);transition:all ease .5s;position:absolute;left:50%;transform:translateX(-50%)}#work .grid .first .ex{background-image:url(../work/images/202111_haku.jpg)}#work .grid .second .ex{background-image:url(../work/images/202110_jwave.jpg)}#work .grid .third .ex{background-image:url(../work/images/202108_netamichan.jpg)}#work .grid .fourth .ex{background-image:url(../work/images/202108_hypnosismic.jpg)}#work .grid .fifth .ex{background-image:url(../work/images/202103_kasama.jpg)}#work .grid .sixth .ex{background-image:url(../work/images/202012_yamatoxr.jpg)}#work .grid a:hover .ex{transform:scale(1.05);filter:none}#work .grid a:hover img{transform:translateX(-50%) scale(1.05);filter:none}@keyframes slideThrow{50%{width:100%;left:0}52%{right:0;left:auto}100%{right:0;left:auto;width:0}}@keyframes slideGo{100%{width:100%}}#access a{padding:20px;background:#4984c5;text-align:center;display:block}#access a:hover{color:#fff;background:#424242}#access h3{font-weight:400;position:relative;display:inline-block;letter-spacing:1.5pt}footer .content{font-size:1.2rem;padding:2% 0 0;min-width:702px;line-height:1;margin-top:0}footer .content .footer_logo_container{display:flex;justify-content:space-between;padding:2% 0 4%}footer .content .footer_logo img{width:70%;min-width:200px;vertical-align:text-bottom}footer .content .sns{align-items:center}footer .content .sns img{min-width:0;height:24px;width:24px;margin:0 12px}footer .content .location{display:inline-block;width:33%;margin-bottom:5%;vertical-align:top;border-left:1px solid #4984c5;padding-left:3%}footer .content .location:last-child{padding-right:0}footer .content h4{font-size:1.5rem;font-weight:400;margin-bottom:8px}footer .content p{color:#c4c4c4;margin:0;line-height:1.5}footer .content .copywrite{margin-top:15px;text-align:center}.br_1080,.br_480,.dt_l,.sp_br{display:none}@media (max-width:1080px){.br_1080{display:block}}@media (max-width:1000px){.global_menu li a{padding:15px 25px}.global_menu{padding:0 1%}.global_menu .logo{width:235px;margin-left:10px}.content{width:70%;padding-left:0}.content .title h2{padding:18px 0}.content .inner_content .side_title{font-size:5.3rem;top:42px;left:-145px}#contact .content{width:80%}#solution .side_title{top:95px;left:-187px}#work .side_title{top:2px;left:-135px}#about .img{width:100%;height:300px}#about .img img{width:100%;margin:0}#work .grid img{width:100%;height:auto;margin:0}#solution .img{width:100%}#solution li .imgWrap{width:130px;height:130px}#solution li .third{background-position:-73px 163px}#solution li .fourth{background-position:215px -28px}#solution li .fifth{background-position:-369px -233px}#solution li .seventh{background-position:-80px -223px}#solution li .sixth{background-position:220px -223px}#solution li .ninth{background-position:253px 171px}}@media (max-width:850px){#solution li h3{font-size:1.2rem}}@media (max-width:768px){#top,.catch,.loading{height:65vh;margin-top:56px}.wrapper{z-index:1}.mobile_header{position:fixed;text-align:center;width:100%;display:block;line-height:1;z-index:999}.header_top{background:#000;padding:10px 15px;height:56px;z-index:999}.header_top .logo{width:240px;text-align:left}.header_top .logo img{padding-top:5px;width:100%}.header_top .logo .mini{padding-top:0}.header_top .hamburger{position:absolute;top:20px;right:20px;height:20px;width:30px;cursor:pointer}.header_top .hamburger span{width:30px;height:2px;background:#fff;display:block;position:absolute;transition:all .4s ease}.header_top .hamburger span:nth-child(2){top:8px}.header_top .hamburger span:nth-child(3){top:16px}.mobile_menu{z-index:99;display:block;transform:translateX(100%);transition:all .8s ease;height:100vh;width:100%;top:0;overflow-y:auto;padding-top:115px;background:#000;position:fixed;text-align:center;line-height:1;font-size:1.8rem;font-family:"Unica One",cursive;box-sizing:border-box}.mobile_menu ul.sns_links{display:flex;justify-content:space-evenly;padding:12px 48px}.mobile_menu li{transition:all .8s ease}.mobile_menu li a{display:block;padding:5% 0}.mobile_menu li a:hover{background:#4984c5;color:#b1b1b1;color:#fff}.mobile_menu li.sns{display:inline-block;list-style:none}.mobile_menu li.sns a img{height:24px;width:24px}.open .mobile_menu{transform:translateX(0)}.open .hamburger span:nth-child(1){transform:rotateZ(45deg);top:8px}.open .hamburger span:nth-child(2){opacity:0}.open .hamburger span:nth-child(3){transform:rotateZ(-45deg);top:8px}.header{display:none}.content{padding:74px 0}}@media (max-width:765px){.content h2{color:#4984c5;font-size:4rem}.side_title{display:none}#solution li{width:50%}#solution .logoWrap{display:none}#work .grid a{width:50%}#work .grid a .item{opacity:1}#work .grid a::before{display:none}#work .grid a .ex{animation:none!important;width:100%}footer .content{min-width:unset}footer .content .footer_logo_container{display:block;text-align:center;margin:5% 0 0 0}footer .content .footer_logo{margin:0 auto 5%}footer .content .sns{text-align:center}footer .content .location{width:100%;margin-bottom:10%;padding-left:23px}footer .content ul{max-width:350px;margin:auto}footer .content .except_sp{display:none}}@media (max-width:640px){html{font-size:57.5%}.sp_br{display:block}.catchWrap{height:93px}.catchWrap .groupname{margin-top:15px}.catchWrap img{width:315px}.content{width:80%}.to_top{right:-45px}.text{line-height:1.8}#news .content{width:80%;padding:4% 0;line-height:1.5}#news .content h2{font-size:2rem}#news .content .news_date,#news .content .news_title{width:100%;padding:0}#news .content .news_title{padding-bottom:20px}#contact .content{width:90%}footer .groupname{display:block;margin-top:7px}}@media (max-width:530px){.contactPage #contact iframe{height:1465px}}@media (max-width:460px){.header_top{padding:15px}.header_top .logo{width:165px}#solution li .imgWrap{width:105px;height:105px;background-size:518%}#solution li .first{background-position:-31px -9px}#solution li .second{background-position:324px -11px}#solution li .third{background-position:-41px 118px}#solution li .fourth{background-position:-397px -19px}#solution li .fifth{background-position:-304px -213px}#solution li .sixth{background-position:150px -136px}#solution li .seventh{background-position:-37px -135px}#solution li .eighth{background-position:323px 125px}#solution li .ninth{background-position:177px 114px}.br_480{display:block}#work .grid a{width:100%}footer .content ul{max-width:215px}footer .content .location{padding:15px 0;border-left:none}footer .content .location p{padding-top:6px;border-top:1px solid #4984c5}footer .content .except_sp{display:block}}@media (max-width:400px){.catchWrap img{width:235px}}@media (min-width:1380px){.dt_l{display:block}#solution li .imgWrap{width:210px}#solution li .first{background-position:-74px -28px}#solution li .second{background-position:-325px -30px}#solution li .fourth{background-position:256px -28px}#solution li .seventh{background-position:-40px -223px}#solution li .fifth{background-position:-330px -223px}#solution li .sixth{background-position:261px -223px}#solution li .third{background-position:-48px 190px}#solution li .eighth{background-position:-315px 208px}#solution li .ninth{background-position:250px 182px}}