@charset "UTF-8";#status{position:fixed;bottom:0;left:0;background:black;width:150px;height:100%;z-index:1000;color:#fff}body{min-width:auto}a:hover{opacity:1}.fenrir_logo{fill:#222}.bg{opacity:0;-webkit-transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1)}#container{height:100%;min-width:auto;position:relative;z-index:1}#container.black{background-color:#000000}#container.black header{opacity:0}#container.black footer,#container.black main{display:none}#container.black .btn{display:block;position:fixed;cursor:pointer;top:15px;right:15px;z-index:102}#container.black .btn .close{display:block;width:40px;height:40px;position:relative;background:url(../../img/home/btn_close.png) no-repeat;background-size:cover}#container #top{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px;position:relative;z-index:1}#container #top .arrow{width:82px;height:22px;background:url(../../img/home/first_view_arrow.svg) no-repeat left top/82px 22px;opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);-webkit-transition:opacity 600ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 600ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 600ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 600ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 600ms cubic-bezier(0.165,0.84,0.44,1),opacity 600ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 600ms cubic-bezier(0.165,0.84,0.44,1),opacity 600ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 600ms cubic-bezier(0.165,0.84,0.44,1);-webkit-transition-delay:5s;transition-delay:5s;position:absolute;bottom:12px;left:50%;margin-left:-41px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}#container #top .center{width:706px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:-1%}#container #top .center .image{width:auto;height:160px;margin-bottom:64px;display:block;opacity:0;-webkit-transition:opacity 0.9s cubic-bezier(0.47,0,0.745,0.715);transition:opacity 0.9s cubic-bezier(0.47,0,0.745,0.715);-webkit-transition-delay:350ms;transition-delay:350ms}#container #top .center .image img{width:auto;height:160px}#container #top .center h1{font-size:29px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:700;line-height:155%;letter-spacing:0.05em;color:#222;text-align:center;margin-bottom:53px}#container #top .center h1>span{opacity:0;display:block}#container #top .center h1>span:first-child{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-webkit-transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);-webkit-transition-delay:2s;transition-delay:2s}#container #top .center h1>span:last-child{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-webkit-transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);-webkit-transition-delay:3s;transition-delay:3s;display:block}#container #top .center .brand_mission{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:center;cursor:pointer;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-webkit-transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);-webkit-transition-delay:4s;transition-delay:4s}#container #top .center .brand_mission>a{display:block;width:225px;height:24px;position:relative;font-size:24px;font-weight:600;text-align:right;opacity:1;-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1)}#container #top .center .brand_mission>a span:last-child{height:24px;display:inline-block;line-height:100%}#container #top .center .brand_mission>a:hover{opacity:0.7}#container #top .center .brand_mission>a span:first-child{display:inline-block;position:relative;width:22px;height:22px;content:"";top:2.5px;margin-right:3px;background:url(../../img/home/icn_play.svg) no-repeat;background-size:contain}@-webkit-keyframes slide-in-fwd-right{0%{-webkit-transform:translateX(50px) scale(0.75);transform:translateX(50px) scale(0.75);opacity:0}to{-webkit-transform:translateZ(0) translateX(0) scale(1);transform:translateZ(0) translateX(0) scale(1);opacity:1}}@keyframes slide-in-fwd-right{0%{-webkit-transform:translateX(50px) scale(0.75);transform:translateX(50px) scale(0.75);opacity:0}to{-webkit-transform:translateZ(0) translateX(0) scale(1);transform:translateZ(0) translateX(0) scale(1);opacity:1}}@-webkit-keyframes slide-in-fwd-left{0%{-webkit-transform:translateX(-50px) scale(0.75);transform:translateX(-50px) scale(0.75);opacity:0}to{-webkit-transform:translateZ(0) translateX(0) scale(1);transform:translateZ(0) translateX(0) scale(1);opacity:1}}@keyframes slide-in-fwd-left{0%{-webkit-transform:translateX(-50px) scale(0.75);transform:translateX(-50px) scale(0.75);opacity:0}to{-webkit-transform:translateZ(0) translateX(0) scale(1);transform:translateZ(0) translateX(0) scale(1);opacity:1}}@-webkit-keyframes flash{0%,to{opacity:1}50%{opacity:0.3}}@keyframes flash{0%,to{opacity:1}50%{opacity:0.3}}#container #top .center .feadin{width:100%;opacity:0;-webkit-transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);transition:opacity 800ms cubic-bezier(0.165,0.84,0.44,1),transform 800ms cubic-bezier(0.165,0.84,0.44,1.05),-webkit-transform 800ms cubic-bezier(0.165,0.84,0.44,1.05);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition-delay:800ms;transition-delay:800ms}#container #top .center .feadin span{display:inline-block}#container #top .center.birthday{width:740px}#container #top .center.birthday .image{width:440px;height:328px;margin-bottom:78px}#container #top .center.birthday .image img{width:440px;height:328px}#container #top .center.birthday h1{margin-bottom:42px;color:#464849}#container #top .center.birthday p{color:#464849}#container #top.load .arrow{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#container #top.load .image{opacity:1}#container #top.load .center:before{opacity:1}#container #top.load h1 span:last-child{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#container #top.load h1 span:first-child{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#container #top.load .brand_mission{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#container #top.load p.feadin{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#container main #media,#container main #news,#container main #top,#container main .recruit,#container main .service{position:relative;z-index:1}#container main #works_list{width:100%;max-width:1296px;margin:0 auto 140px;padding:0 48px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:3}#container main #works_list ul{width:100%;max-width:1200px;position:relative;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}#container main #works_list ul li{width:calc(33.3333333333% - 0.1px);max-width:400px;max-height:400px;position:relative;margin-bottom:20px}#container main #works_list ul li .image{width:100%;height:100%;top:0;left:0;max-width:400px;max-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);position:relative}#container main #works_list ul li .image img{width:100%;height:100%;max-width:420px;max-height:420px;opacity:1;position:relative;-webkit-transform:translate3d(0,0,0) scale(0.95,0.95);transform:translate3d(0,0,0) scale(0.95,0.95);-webkit-transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1)}#container main #works_list ul li .image .device{-webkit-filter:drop-shadow(0 12px 24px rgba(61,80,81,0.25));filter:drop-shadow(0 12px 24px rgba(61,80,81,0.25))}#container main #works_list ul li .image .device,#container main #works_list ul li .image .layer{width:100%;height:100%;max-width:420px;max-height:420px;opacity:1;position:absolute;background-position:left top;background-size:100% auto;background-repeat:no-repeat;top:0;left:0;-webkit-transform:translate3d(0,0,0) scale(0.95,0.95);transform:translate3d(0,0,0) scale(0.95,0.95);-webkit-transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1)}#container main #works_list ul li .image img{z-index:2}#container main #works_list ul li .image .device{z-index:1}#container main #works_list ul li .image .layer{z-index:0}#container main #works_list ul li h3,#container main #works_list ul li p{width:100%;color:#fff;opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1)}#container main #works_list ul li h3 span,#container main #works_list ul li p span{width:100%;display:inline-block;text-align:center}#container main #works_list ul li h3 fd-width.half,#container main #works_list ul li p fd-width.half{letter-spacing:0.03em}#container main #works_list ul li .info_top{position:absolute;top:-20px;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}#container main #works_list ul li .info_top .company{font-size:14px;line-height:2.13;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:300;letter-spacing:0.15em;margin-bottom:14px;line-height:1.5em}#container main #works_list ul li .info_top .name{font-size:26px;line-height:1em;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:600;letter-spacing:0.02em}#container main #works_list ul li .info_bottom{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}#container main #works_list ul li .info_bottom .description{width:112.5%;font-size:15px;line-height:2.13;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:300;letter-spacing:0.15em}#container main #works_list ul ::-ms-backdrop,#container main #works_list ul li{width:33.33%}#container main #works_list ul li.sp .info_top{top:-7%}#container main #works_list ul li.sp .info_bottom{bottom:-7.5%}#container main #works_list ul li.tb .info_top{top:-2.6%}#container main #works_list ul li.tb .image{top:-20px}#container main #works_list ul li.tb .info_bottom{bottom:-2.7%}#container main #works_list ul li.pc .info_top{top:-2.6%}#container main #works_list ul li.pc .image{top:-30px}#container main #works_list ul li.pc .info_bottom{bottom:-2.7%}#container main #works_list ul li.hover .title{opacity:1}#container main #works_list .works_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:#222;mix-blend-mode:multiply;opacity:0;z-index:3;-webkit-transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1);pointer-events:none}#container main #works_list .works_panel{position:fixed;top:0;left:0;z-index:0;overflow:hidden;width:100%;height:100%;pointer-events:none}#container main #works_list .works_panel canvas{position:absolute;top:0;left:0;right:0;bottom:0;margin:-10px;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10);-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1);pointer-events:none}#container main #works_list.hover ul li .image .device,#container main #works_list.hover ul li .image img{opacity:0.3}#container main #works_list.hover ul li.select .image .device,#container main #works_list.hover ul li.select .image img{-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1),opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1),opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);opacity:1}#container main #works_list.hover ul li.select .image .layer{-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1),opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1),opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);opacity:0}#container main #works_list.hover ul li.select h3.info_top{-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1.2),opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1.2),opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:10}#container main #works_list.hover ul li.select p.info_bottom{-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1.2),opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1.2),opacity 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1.2);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:50ms;transition-delay:50ms;opacity:1;z-index:10}#container main #works_list.hover .works_bg{opacity:0.5}#container main #works_list.hover .works_panel canvas{opacity:1}#container main #works_list .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#container main #works_list .more .commonBtn_P{background:none;z-index:0;position:relative;height:48px;width:280px;font-size:14px;font-family:myriad-pro,Hiragino Kaku Gothic W6 JIS2004;font-weight:600;letter-spacing:0.27em;-webkit-transition:border 500ms cubic-bezier(0.165,0.84,0.44,1),background-color 500ms cubic-bezier(0.165,0.84,0.44,1);transition:border 500ms cubic-bezier(0.165,0.84,0.44,1),background-color 500ms cubic-bezier(0.165,0.84,0.44,1);color:#222}#container main #works_list .more .commonBtn_P:hover{border:0.5px solid rgba(125,129,130,0);background-color:#A7AEB1;color:#222;-webkit-transition-duration:300ms;transition-duration:300ms;opacity:1}#container main #works_list .more .commonBtn_P:first-of-type{margin-right:40px}#container main #panel_link{width:calc(100% - 96px);max-width:1200px;margin:0 auto 88px}#container main #panel_link .recruit,#container main #panel_link .service,#container main #panel_link .service_design{width:100%;height:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 16px 38px rgba(61,80,81,0.4);box-shadow:0 16px 38px rgba(61,80,81,0.4);border-radius:4px}#container main #panel_link .recruit figure,#container main #panel_link .service figure,#container main #panel_link .service_design figure{width:100%;height:100%;z-index:0;position:absolute;top:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 500ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 500ms cubic-bezier(0.165,0.84,0.44,1)}#container main #panel_link .recruit figure.img_sp,#container main #panel_link .service figure.img_sp,#container main #panel_link .service_design figure.img_sp{display:none}#container main #panel_link .recruit .center,#container main #panel_link .service .center,#container main #panel_link .service_design .center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;z-index:10;-webkit-transition-delay:200ms;transition-delay:200ms;padding:192px 0 130px}#container main #panel_link .recruit .center h2,#container main #panel_link .service .center h2,#container main #panel_link .service_design .center h2{font-size:26px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:700;line-height:1;letter-spacing:0.05em;color:#fff;position:relative;z-index:2;margin-bottom:28px;-webkit-backface-visibility:hidden;backface-visibility:hidden}#container main #panel_link .recruit .center p,#container main #panel_link .service .center p,#container main #panel_link .service_design .center p{font-size:18px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:400;color:#E4E9EB;letter-spacing:0.15em;position:relative;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-bottom:40px}#container main #panel_link .recruit .more,#container main #panel_link .service .more,#container main #panel_link .service_design .more{height:48px}#container main #panel_link .recruit .more .commonBtn_P,#container main #panel_link .service .more .commonBtn_P,#container main #panel_link .service_design .more .commonBtn_P{background:none;z-index:2;position:relative;height:48px;width:180px;font-size:14px;font-family:myriad-pro,Hiragino Kaku Gothic W6 JIS2004;font-weight:600;letter-spacing:0.27em;-webkit-transition:background-color 500ms cubic-bezier(0.165,0.84,0.44,1);transition:background-color 500ms cubic-bezier(0.165,0.84,0.44,1)}#container main #panel_link .recruit .more .commonBtn_P span,#container main #panel_link .service .more .commonBtn_P span,#container main #panel_link .service_design .more .commonBtn_P span{color:#fff;position:relative}#container main #panel_link .recruit .more .commonBtn_P[target=_blank] span,#container main #panel_link .service .more .commonBtn_P[target=_blank] span,#container main #panel_link .service_design .more .commonBtn_P[target=_blank] span{right:8px}#container main #panel_link .recruit .more .commonBtn_P[target=_blank] span:before,#container main #panel_link .service .more .commonBtn_P[target=_blank] span:before,#container main #panel_link .service_design .more .commonBtn_P[target=_blank] span:before{content:"";position:absolute;width:12px;height:12px;top:2px;right:-16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title></title><path fill="%23FFFFFF" d="M1.5,18.5V4.5h3v-3h14v14h-3v3Zm4-4h12V2.5H5.5Z"/><path fill="%23FFFFFF" d="M5,2V15H15v3H2V5H5V2M19,1H4V4H1V19H16V16h3V1ZM6,14V3H17V14Z"/></svg>') no-repeat right 0}#container main #panel_link .recruit .more .commonBtn_P:hover,#container main #panel_link .service .more .commonBtn_P:hover,#container main #panel_link .service_design .more .commonBtn_P:hover{background-color:#E4E9EB;-webkit-transition-duration:300ms;transition-duration:300ms}#container main #panel_link .recruit .more .commonBtn_P:hover span,#container main #panel_link .service .more .commonBtn_P:hover span,#container main #panel_link .service_design .more .commonBtn_P:hover span{color:#222;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}#container main #panel_link .recruit .more .commonBtn_P:hover[target=_blank] span:before,#container main #panel_link .service .more .commonBtn_P:hover[target=_blank] span:before,#container main #panel_link .service_design .more .commonBtn_P:hover[target=_blank] span:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title></title><path fill="%23222222" d="M1.5,18.5V4.5h3v-3h14v14h-3v3Zm4-4h12V2.5H5.5Z"/><path fill="%23222222" d="M5,2V15H15v3H2V5H5V2M19,1H4V4H1V19H16V16h3V1ZM6,14V3H17V14Z"/></svg>') no-repeat right 0}#container main #panel_link .service,#container main #panel_link .service_design{margin-bottom:44px}#container main #panel_link.hover .recruit,#container main #panel_link.hover .service{}#container main #panel_link.hover .recruit.hover figure,#container main #panel_link.hover .service.hover figure{-webkit-transition:-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1);transition:transform 300ms cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 300ms cubic-bezier(0.165,0.84,0.44,1)}#container main #media{padding:88px 48px 88px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:#222}#container main #media h2{font-size:26px;line-height:1em;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:700;letter-spacing:0.05em;color:#fff;margin-bottom:80px;text-align:center}#container main #media ul.entry{width:100%;max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#container main #media ul.entry li{width:calc((100% - 80px) / 3.001);position:relative;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;height:100%;-webkit-transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 500ms cubic-bezier(0.165,0.84,0.44,1);opacity:0.9}#container main #media ul.entry li a:first-child{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#container main #media ul.entry li a:last-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:24px;line-height:0}#container main #media ul.entry li .image{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;border:0.5px solid #464849;-webkit-box-sizing:border-box;box-sizing:border-box}#container main #media ul.entry li .image:before{content:"";width:100%;padding-top:52.3560209424%}#container main #media ul.entry li .detail{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-bottom:20px;font-size:14px;line-height:1em;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:400;letter-spacing:0.1em}#container main #media ul.entry li .detail .date{color:#A7AEB1;padding-right:12px;margin-right:12px;position:relative}#container main #media ul.entry li .detail .date:after{content:"";width:1px;height:14px;background:#CFD8DC;display:block;position:absolute;right:0;top:50%;margin-top:-7px}#container main #media ul.entry li .detail .platform{color:#fff}#container main #media ul.entry li .title{color:#fff;font-size:16px;line-height:1.6em;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:600;letter-spacing:0.05em}#container main #media ul.entry li:nth-child(2),#container main #media ul.entry li:nth-child(5){margin-right:40px;margin-left:40px}#container main #media ul.entry li:first-child,#container main #media ul.entry li:nth-child(2),#container main #media ul.entry li:nth-child(3){margin-bottom:60px}#container main #media.hover ul li{opacity:0.6;-webkit-transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1);transition:opacity 300ms cubic-bezier(0.165,0.84,0.44,1)}#container main #media.hover ul li.hover{opacity:1}#container main #news{margin:0 auto;padding:88px 6.4vw 0}#container main #news h2{font-size:26px;line-height:1em;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;font-weight:700;letter-spacing:0.05em;text-align:center;color:#222;margin-bottom:44px}#container main #news .commonList_N{margin-bottom:104px}#container main #news .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:100px}#container main #news .more .buttonA{z-index:2;border:none;width:280px;height:56px;position:relative}@media screen and (max-width:1313px){#container main #works_list ul li .info_top .company{font-size:1.08vw;margin-bottom:1.08vw}#container main #works_list ul li .info_top .name{font-size:2vw}#container main #works_list ul li .info_bottom .description{font-size:14px}#container main #panel_link .recruit figure,#container main #panel_link .service figure{width:100%}}@media screen and (max-width:1024px){#container main #works_list ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container main #works_list ul li{max-width:448px;max-height:448px;width:calc(50% - 16px)}#container main #works_list ul li .image{max-width:448px;max-height:448px}#container main #works_list ul li .image img{max-width:448px;max-height:448px}#container main #works_list ul li .image .device,#container main #works_list ul li .image .layer{max-width:448px;max-height:448px}#container main #works_list ul li .info_top .company{font-size:1.66vw}#container main #works_list ul li .info_top .name{font-size:2.92vw}#container main #works_list ul li .info_bottom .description{font-size:1.66vw}#container main #works_list ul li:nth-child(7),#container main #works_list ul li:nth-child(8),#container main #works_list ul li:nth-child(9){display:none}#container main #media{padding:88px 48px 48px}#container main #media h1{margin-bottom:48px}#container main #media ul.entry{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container main #media ul.entry li{width:calc(50% - 16.01px);margin:0 0 48px}#container main #media ul.entry li:nth-child(2),#container main #media ul.entry li:nth-child(5){margin-left:0;margin-right:0}#container main #media ul.entry li:nth-child(odd){margin-right:32px}#container main #media ul.entry li:nth-child(5),#container main #media ul.entry li:nth-child(6){margin-bottom:0}#container main #news{padding:80px 6.4vw 0}#container main #news h1{margin-bottom:34px}#container main #news ul.entry{margin-bottom:48px}#container main #news ul.entry li a{padding:28px 0}#container main #news ul.entry li a .detail{margin-bottom:16px}}header{min-width:0}header nav .header_list li a{color:#222}header nav .header_list li.header_fenrir{width:0px;min-width:0px;-webkit-transition:width 400ms cubic-bezier(0.165,0.84,0.44,1),min-width 400ms cubic-bezier(0.165,0.84,0.44,1),opacity 250ms cubic-bezier(0.165,0.84,0.44,1);transition:width 400ms cubic-bezier(0.165,0.84,0.44,1),min-width 400ms cubic-bezier(0.165,0.84,0.44,1),opacity 250ms cubic-bezier(0.165,0.84,0.44,1);-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}header nav .header_list li.header_fenrir a{opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms;pointer-events:none}header nav .header_list li.header_fenrir a:after{display:none}header nav .header_list li.hover a:after{opacity:1;-webkit-transition:all 200ms cubic-bezier(0.165,0.84,0.44,1);transition:all 200ms cubic-bezier(0.165,0.84,0.44,1)}header nav .header_list li.inquiry a{background:#A7AEB1}header nav .header_list.scroll .header_fenrir{min-width:80px;-webkit-transition:width 400ms cubic-bezier(0.165,0.84,0.44,1),min-width 400ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1);transition:width 400ms cubic-bezier(0.165,0.84,0.44,1),min-width 400ms cubic-bezier(0.165,0.84,0.44,1),opacity 500ms cubic-bezier(0.165,0.84,0.44,1)}header nav .header_list.scroll .header_fenrir a{opacity:1;min-width:80px;pointer-events:visible}