@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:400;src:url(../font/YakuHanJP-Regular.woff2) format("woff2") , url(../font/YakuHanJP-Regular.woff) format("woff")}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:500;src:url(../font/YakuHanJP-Medium.woff2) format("woff2") , url(../font/YakuHanJP-Medium.woff) format("woff")}@font-face{font-family:"YakuHanJP";font-style:normal;font-weight:700;src:url(../font/YakuHanJP-Bold.woff2) format("woff2") , url(../font/YakuHanJP-Bold.woff) format("woff")}html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,nav,a,img,figure,address,aside,main,em,i{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style:normal}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,article,section,header,footer,nav,span,figure,aside,main{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:999999px}table{border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}fieldset,img{border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:100%}iframe{margin:0;padding:0;vertical-align:bottom}figure{display:block;margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}main{display:block}a{text-decoration:none;outline:none;box-sizing:border-box}*,*::before,*::after{content:none;box-sizing:border-box}@charset "UTF-8";@charset "UTF-8";html,body{-webkit-overflow-scrolling:touch}body{color:#000;background:#fff;font-family:'YakuHanMP','Noto Sans JP',sans-serif;font-weight:400;font-size:14px;line-height:2;margin:0;padding:0;position:relative;overflow-x:hidden;letter-spacing:1px}a:link{}a:link{color:inherit;text-decoration:none}a:visited{color:inherit}a:active{color:inherit}a,button,video{outline:none}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}img::selection{background:transparent}.inner{max-width:1200px;margin:0 auto}img{max-width:100%}.inview_anime{opacity:0;transform:translateY(50px)}.inview_anime_on{opacity:0;transform:translateY(50px);-webkit-animation:inview_animetion 1s forwards cubic-bezier(.07,.68,.41,1) .5s;animation:inview_animetion 1s forwards cubic-bezier(.07,.68,.41,1) .5s}@keyframes inview_animetion {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);	
	}
	
}#symbol{display:none}header{position:fixed;top:0;left:0;width:100%;height:110px;-webkit-transform:translateY(0);transform:translateY(0);z-index:100000;background-color:#fff;display:none}header #headerarea{max-width:1200px;margin:0 auto}header #headerinner{padding:40px 5% 0}header article{position:relative}header h1{position:relative;width:146px;height:48px;z-index:100}header ul#navbox{position:absolute;left:195px;top:15px;height:8px;width:400px;line-height:0}header ul#navbox li{cursor:pointer;display:inline-block;margin-right:30px}header ul#navbox li:last-child{margin-right:0}header ul#navbox img{height:8px;width:auto}header ul#snsbox{position:absolute;right:0;top:5px;height:24px;width:114px;line-height:0}header ul#snsbox{text-align:right}header ul#snsbox li{display:inline-block;margin-left:16px}header ul#snsbox li:first-child{margin-left:0}header ul#snsbox img{height:24px;width:24px}#hanmenu{display:none}header ul img:hover{opacity:.7}#first{position:fixed;z-index:200000;pointer-events:none;mix-blend-mode:multiply}#first h1{position:absolute;width:330px;height:138px;top:50%;left:50%;transform:translate(-50%,-50%)}@media all and (max-width:1200px) and (-ms-high-contrast:none){*::-ms-backdrop,#first{opacity:.7}}.full{width:100%;height:100vh}.mode_multiply{background-color:red}#overlay{position:fixed;background-color:rgba(0,0,0,.8);width:100%;z-index:150000;left:0;top:0;display:none}main{padding-top:120px;padding-bottom:50px;opacity:0}body.load main{animation:alpha_100 1.4s forwards ease .6s}main div{position:relative;overflow:hidden;width:100%;padding-top:158%}main #robot{position:absolute;width:100%;height:100%;top:0;left:0}#contents{display:none}#works_list{padding:0 34px 0 50px}#works_list .item{width : calc( calc(100% - 180px)/6);margin:0 16px 16px 0;line-height:0;cursor:pointer}#works_list .item.fadein figure i{position:relative;display:inline-block;vertical-align:top}#works_list .item.fadein figure i::after{content:"";position:absolute;display:block;width:100%;height:100%;z-index:5;top:0;left:0;background-color:rgba(243,243,243,1);mix-blend-mode:multiply}@media all and (max-width:1200px) and (-ms-high-contrast:none){*::-ms-backdrop,#works_list .item.fadein figure::after{opacity:.7}}#works_list .item::before{content:"";position:absolute;display:block;width:100%;height:100%;z-index:10;background-color:red;display:none}#works_list .item.fadein:hover::before{display:block;mix-blend-mode:multiply}#works_list .item.fadein:hover figure i::after{display:none}@media all and (max-width:1200px) and (-ms-high-contrast:none){*::-ms-backdrop,#works_list .item.fadein:hover::before{opacity:.7}}#works_list .item figure{transition:2s;opacity:0}#works_list .item.fadein figure{opacity:1}.popup{position:fixed;background-color:rgba(0,0,0,.8);width:100%;z-index:150000;left:0;top:0;display:none;opacity:0}.popup.view{display:block;opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .1s}.popup aside{position:absolute;right:12px;top:12px;width:32px;height:28px;cursor:pointer;text-align:center}.popup aside img{width:28px;height:28px}#popup_works{display:none}#popup_works .popup_inner{position:absolute;background-color:#fff;width:100%;max-width:800px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:180000}#popup_works .popup_inner .item_area{position:relative;width:100%}#popup_works.view{display:block;opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .1s}#popup_works article{transition:all 500ms 0s ease;position:relative;padding:55px 60px 55px;text-align:center;width:100%;height:100%;overflow:hidden}#popup_works #item_area figure{position:relative;display:inline-block}#popup_works #item_area figure img{max-width:100%;max-height:400px}#popup_works #item_area figure::before{content:"";position:absolute;display:block;width:100%;height:102%;top:-1%;right:0;background-color:#fff;z-index:10}#popup_works #item_area figure i{position:relative;display:inline-block;line-height:0;vertical-align:top;overflow:hidden}#popup_works #item_area figure i::after{content:"";position:absolute;display:block;width:100%;height:100%;z-index:5;top:0;left:0;background-color:rgba(243,243,243,1);mix-blend-mode:multiply}@media all and (max-width:1200px) and (-ms-high-contrast:none){*::-ms-backdrop,#popup_works #item_area figure::after{opacity:.7}}#popup_works #item_area.view figure::before{right:0;animation:width_0 .5s forwards cubic-bezier(.13,.64,.33,.92) .6s}#popup_works #item_area.change figure::before{right:auto;left:0;width:0;animation:width_100 .4s forwards cubic-bezier(.13,.64,.33,.92) .2s}#popup_works #item_area figcaption{position:absolute;text-align:left;width:100%;left:0;bottom:0;padding:10px 25px 15px;font-size:13px;opacity:0}#popup_works #item_area.view figcaption{animation:alpha_100 .5s forwards cubic-bezier(.13,.64,.33,.92) .6s}#popup_works #item_area.change figcaption{opacity:100;animation:alpha_0 .4s forwards cubic-bezier(.13,.64,.33,.92) .2s}#popup_works #item_area span{position:absolute;display:block;width:21px;height:21px;top:50%;transform:translateY(-50%) rotate(45deg);opacity:0;pointer-events:none}#popup_works #item_area span.bt_prev{border-left:#000 solid 2px;border-bottom:#000 solid 2px;left:25px}#popup_works #item_area span.bt_next{border-top:#000 solid 2px;border-right:#000 solid 2px;right:25px}#popup_works #item_area.view span{pointer-events:auto;cursor:pointer;animation:alpha_100 .5s forwards cubic-bezier(.13,.64,.33,.92) .6s}#popup_works #item_area.change span{pointer-events:none;opacity:100;animation:alpha_0 .4s forwards cubic-bezier(.13,.64,.33,.92) .2s}#popup_recruit .popup_inner{position:fixed;width:100%;max-width:800px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:180000;overflow-y:scroll}#popup_recruit.view{display:block;opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .1s}#popup_recruit article{padding:70px 80px}#popup_recruit h1{font-size:17px;padding-bottom:30px}#popup_recruit p{font-size:13px;padding-bottom:20px}#popup_recruit address{font-size:13px}#popup_recruit address a:hover{opacity:.7}#about{padding-top:100px}#about article{width:650px;margin:0 auto}#about h1{font-size:17px}#about ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding-top:30px;font-size:13px}#about ul li:nth-child(2n-1){width:100px}#about ul li:nth-child(2n){width:calc(100% - 100px)}#about .tfn_box{padding-bottom:50px}#about #maparea{width:650px;margin:0 auto;height:260px;background-color:#ccc}#about #maparea iframe{width:100%;height:260px}footer{padding:80px 0 50px;text-align:center}footer a{display:block;width:152px;height:155px;margin:0 auto}footer address{font-weight:400;font-size:10px;padding-top:20px}.only_830,.only_768,.only_640{display:none}.no_830,.no_768,.no_640{display:inline-block}@keyframes alpha_100 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}@keyframes alpha_0 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}@keyframes alpha_100_up {
	0% {
		opacity: 0;
		bottom: 20px
	}
	100% {
		opacity: 1;
		bottom: 40px
	}
}@keyframes width_100 {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}@keyframes width_0 {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}@media screen and (max-width:1200px){#works_list .item{width : calc( calc(100% - 164px)/5)}}@media screen and (max-width:1010px){#works_list .item{width : calc( calc(100% - 148px)/4)}}@media screen and (max-width:830px){header{height:70px}header #headerinner{padding:22px 7% 0}header h1{width:103px;height:34px}#hanmenu{display:block;position:absolute;width:32px;height:28px;text-align:center;right:0;top:0;z-index:200;cursor:pointer}#hanmenu.active img.close{display:none;width:32px;height:28ox}#hanmenu img.close{display:block;width:32px;height:28ox}#hanmenu.active img.open{display:block;margin:0 auto;width:28px;height:28ox}#hanmenu img.open{display:none;width:28px;height:28ox}header nav{display:none;position:fixed;width:100%;height:100vh;left:0;top:0;background-color:rgba(255,255,255,.8);z-index:1;overflow-y:scroll}header nav div{min-height:400px}header ul#navbox{transition:all 800ms 0s ease;position:absolute;display:inline-block;left:50%;top:50%;height:auto;width:auto;line-height:0;transform:translate(-50%,-50%)}header ul#navbox li{display:block;margin-right:0;margin-bottom:40px}header ul#navbox li:last-child{margin-right:0}header ul#navbox img{height:9px;width:auto}header ul#snsbox{transition:all 800ms 0s ease;position:absolute;right:auto;left:50%;top:auto;bottom:40px;height:24px;width:114px;line-height:0;transform:translateX(-50%);opacity:0}header ul#navbox li:nth-child(1),
	header ul#navbox li:nth-child(2),
	header ul#navbox li:nth-child(3),
	header ul#navbox li:nth-child(4){opacity:0}header nav.down ul#navbox li:nth-child(1){opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .3s}header nav.down ul#navbox li:nth-child(2){opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .4s}header nav.down ul#navbox li:nth-child(3){opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .5s}header nav.down ul#navbox li:nth-child(4){opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .6s}header nav.down ul#snsbox{opacity:0;margin-top:20px;animation:alpha_100_up .6s forwards cubic-bezier(.13,.64,.33,.92) .65s}main{padding-top:90px;padding-bottom:50px;opacity:0}#works_list .item{width : calc( calc(100% - 132px)/3)}.popup{position:fixed;background-color:rgba(0,0,0,.0);width:100%;z-index:150000;left:0;top:0;display:none;opacity:0}.popup.view{display:block;opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .1s}.popup aside{position:fixed;right:7%;top:22px;width:32px;height:28px;cursor:pointer;text-align:center}.popup aside img{width:28px;height:28px}#popup_works article{position:relative;padding:55px 7% 55px;text-align:center}#popup_works #item_area figure{position:absolute;top:45%;left:50%;width:86%;transform:translate(-50%,-50%)}#popup_works #item_area figcaption{position:absolute;text-align:left;width:100%;left:0;bottom:0;padding:20px 25px 25px}#popup_works #item_area span{position:absolute;display:block;width:21px;height:21px;top:auto;bottom:100px;transform:translateY(0%) rotate(45deg)}#popup_works #item_area span.bt_prev{border-left:#000 solid 2px;border-bottom:#000 solid 2px;left:30px}#popup_works #item_area span.bt_next{border-top:#000 solid 2px;border-right:#000 solid 2px;right:30px}#popup_recruit .popup_inner{position:fixed;width:100%;max-width:100%;left:0%;top:0%;transform:none;background-color:#fff;z-index:180000;overflow-y:scroll}#popup_recruit.view{display:block;opacity:0;animation:alpha_100 .6s forwards cubic-bezier(.13,.64,.33,.92) .1s}#popup_recruit article{padding:125px 50px 150px}#popup_recruit address a:hover{opacity:.7}.only_830{display:inline-block}.no_830{display:none}}@media screen and (max-width:768px){body{line-height:1.8}.only_768{display:inline-block}.no_768{display:none}#first h1{width:220px;height:87px;top:45%}#works_list{padding:0 0 0 5px}#works_list .item{width : calc( calc(100% - 25px)/4);margin:0 5px 5px 0}#about{padding-top:90px}#about article{width:86%;margin:0 auto}#about h1{font-size:15px}#about ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding-top:30px;font-size:12px}#about ul li:nth-child(2n-1){width:95px}#about ul li:nth-child(2n){width:calc(100% - 95px)}#about ul li span{display:inline-block}#about .tfn_box{padding-bottom:40px}#about #maparea{width:100%;height:260px;background-color:#ccc}footer{padding:80px 0 50px;text-align:center}footer a{display:block;width:90px;height:92px;margin:0 auto}footer address{font-weight:400;font-size:10px;padding-top:20px}}@media screen and (max-width:640px){#popup_works #item_area figure img{max-width:100%;max-height:300px}#popup_works #item_area figcaption{font-size:11px}#popup_recruit h1{font-size:13px;padding-bottom:25px}#popup_recruit p{font-size:11px;padding-bottom:15px}#popup_recruit address{font-size:11px}.only_640{display:inline-block}.no_640{display:none}}@media screen and (max-width:560px){#works_list{padding:0 0 0 5px}#works_list .item{width : calc( calc(100% - 20px)/3);margin:0 5px 5px 0}}@media screen and (max-width:480px){#popup_works #item_area figure img{max-width:100%;max-height:250px}#about{padding-top:60px}#about article{width:86%;margin:0 auto}#about h1{font-size:13px}#about ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding-top:30px;font-size:11px}#about ul li:nth-child(2n-1){width:90px}#about ul li:nth-child(2n){width:calc(100% - 90px)}#about .tfn_box{padding-bottom:30px}}@media screen and (max-width:360px){#first h1{width:160px;height:64px}#popup_works #item_area figure img{max-width:100%;max-height:200px}}#first h1 svg{fill:#fff}