[data-barba=container]{width:100%}.barba-enter-active,.barba-leave-active{transition:opacity .4s ease}.barba-leave{opacity:1}.barba-enter,.barba-leave-to{opacity:0}.barba-enter-to{opacity:1}[v-cloak]{display:none!important}.p-gram__sec02,.p-works__sec02{padding-bottom:120px}@media only screen and (min-width:64.0625em){.l-header__nav{position:relative}}.l-header__lang{align-items:center;display:flex;height:auto;margin-right:20px;position:absolute;right:100%;top:0;z-index:2}.lang-switcher{display:flex;gap:4px;list-style:none;margin:0;padding:0;white-space:nowrap}.lang-switcher li{align-items:center;display:inline-flex}.lang-switcher li+li:before{color:hsla(0,0%,100%,.4);content:"|";font-size:12px;margin:0 2px}.lang-switcher li a{color:hsla(0,0%,100%,.5);display:inline-block;font-family:Josefin Sans,sans-serif;font-size:12px;letter-spacing:.05em;padding:2px 4px;text-decoration:none;text-transform:lowercase;transition:color .3s ease}.lang-switcher li.current-lang a{color:#fff;font-weight:700}.lang-switcher li a:hover{color:#fff}body.gram .lang-switcher,html[data-home-section=gw] .lang-switcher{font-family:DotGothic16,Josefin Sans,sans-serif}body.gram .lang-switcher li a,html[data-home-section=gw] .lang-switcher li a{color:rgba(0,0,0,.5);font-family:DotGothic16,Josefin Sans,sans-serif;letter-spacing:.08em}body.gram .lang-switcher li+li:before,html[data-home-section=gw] .lang-switcher li+li:before{color:rgba(0,0,0,.4);font-family:DotGothic16,Josefin Sans,sans-serif}body.gram .lang-switcher li a:hover,body.gram .lang-switcher li.current-lang a,html[data-home-section=gw] .lang-switcher li a:hover,html[data-home-section=gw] .lang-switcher li.current-lang a{color:#000}@media only screen and (max-width:47.9375em){.l-header .l-header__logo{left:4.9751243781vw;width:16.4179104478vw;z-index:9998}.l-header .l-header__logo,.l-header__lang{margin:0;position:fixed;top:4.9751243781vw}.l-header__lang{right:4.9751243781vw;z-index:9999}.lang-switcher li a,.lang-switcher li+li:before{font-size:14px}.header__hamburger.hamburger{margin-top:0;position:fixed;right:4.9751243781vw;top:11.5vw;z-index:9999}}[data-barba=container] .l-contents>#app,[data-barba=container] .l-contents>div>section,[data-barba=container] .l-contents>section,[data-barba=container] .p-under__mv{transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.3,1),transform .9s cubic-bezier(.2,.8,.3,1);will-change:opacity,transform}[data-barba=container] .l-contents>#app.is-visible,[data-barba=container] .l-contents>div>section.is-visible,[data-barba=container] .l-contents>section.is-visible,[data-barba=container] .p-under__mv.is-visible{opacity:1;transform:translateY(0)}.js-fade{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.3,1),transform .9s cubic-bezier(.2,.8,.3,1);will-change:opacity,transform}.js-fade.is-visible{opacity:1;transform:translateY(0)}.p-works__item{opacity:0;transform:translateY(12px);transition:opacity .55s cubic-bezier(.2,.8,.3,1) var(--reveal-delay,0s),transform .55s cubic-bezier(.2,.8,.3,1) var(--reveal-delay,0s);will-change:opacity,transform}.p-works__item.is-visible{opacity:1;transform:translateY(0)}@media only screen and (max-width:47.9375em){.p-works__item,.p-works__item.is-visible{opacity:1;transform:none;transition:none}}.p-gram__sec01 .p-works__item,.p-gram__sec01 .p-works__item.is-visible,body.gram .l-contents>#app,body.gram .l-contents>#app.is-visible{transform:none;will-change:auto}.p-gram__sec01 .js-gram-tile{background:#fff;contain:layout paint;cursor:pointer;overflow:hidden;position:relative;width:100%}.p-gram__sec01 .js-gram-tile .p-works__link{background:#fff;display:block;height:100%;position:relative;width:100%}.p-gram__sec01 .js-gram-tile .p-works__gram-img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:0}.p-gram__sec01 .js-gram-tile .p-works__link.has-peel-panels .p-works__gram-img{visibility:hidden}.p-gram__sec01 .js-gram-tile .p-gram__cell-grid{display:grid;grid-template-columns:repeat(var(--panel-cols,4),1fr);grid-template-rows:repeat(var(--panel-rows,10),1fr);inset:0;perspective:900px;perspective-origin:50% 40%;position:absolute;transform-style:preserve-3d}.p-gram__sec01 .js-gram-tile .p-gram__cell{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d, 0)*1ms)}@media(hover:hover){.p-gram__sec01 .js-gram-tile.is-peel-active .p-gram__cell{transform:rotateX(180deg)}}.p-gram__sec01 .js-gram-tile .p-gram__cell-face{backface-visibility:hidden;border-radius:0;inset:0;overflow:hidden;position:absolute}.p-gram__sec01 .js-gram-tile .p-gram__cell-face:after{border-radius:inherit;content:none;inset:0;pointer-events:none;position:absolute;z-index:1}.p-gram__sec01 .js-gram-tile.is-flipping .p-gram__cell-face{border-radius:3px}.p-gram__sec01 .js-gram-tile.is-flipping .p-gram__cell-face:after{border:1px solid hsla(0,0%,100%,.55);content:"";opacity:1}.p-gram__sec01 .js-gram-tile.is-flipping.is-line-fading .p-gram__cell-face:after{opacity:0;transition:opacity .24s cubic-bezier(.4,0,.2,1)}.p-gram__sec01 .js-gram-tile.is-flipping.is-line-fading .p-gram__cell-face{border-radius:0;transition:border-radius .24s cubic-bezier(.4,0,.2,1)}.p-gram__sec01 .js-gram-tile .p-gram__cell--front img{backface-visibility:hidden;display:block;height:calc(var(--th, 0)*1px);left:calc(var(--rx, 0)*var(--cw, 0)*-1px);max-width:none;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:calc(var(--ry, 0)*var(--rh, 0)*-1px);width:calc(var(--tw, 0)*1px)}.p-gram__sec01 .js-gram-tile .p-gram__cell--back{background:#9bfcd3;inset:-.7px;transform:rotateX(180deg)}.p-gram__sec01 .js-gram-tile .p-gram__cell-text{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,Hiragino Sans,sans-serif;height:calc(var(--th, 0)*1px);justify-content:center;left:calc(var(--rx, 0)*var(--cw, 0)*-1px);padding:0 8%;pointer-events:none;position:absolute;text-align:center;top:calc(var(--ry, 0)*var(--rh, 0)*-1px);width:calc(var(--tw, 0)*1px)}.p-gram__sec01 .js-gram-tile .p-gram__panel-title{color:#87008b;font-size:15px;font-weight:700;letter-spacing:.03em;line-height:1.5;margin:0}.p-gram__sec01 .js-gram-tile .p-gram__panel-client{color:#87008b;font-size:12px;letter-spacing:.05em;line-height:1.5;margin:6px 0 0;opacity:.8}@media only screen and (max-width:47.9375em){.p-gram__sec01 .js-gram-tile .p-gram__cell-grid{display:none}}.p-works__status{align-items:center;display:flex;justify-content:center;min-height:80px;padding:40px 0}.p-works__status-spinner{animation:qzilla-spin .9s linear infinite;border:2px solid hsla(0,0%,100%,.15);border-radius:50%;border-top-color:hsla(0,0%,100%,.85);height:36px;width:36px}body.gram .p-works__status-spinner{border:2px solid rgba(132,5,134,.15);border-top-color:#87008b}@keyframes qzilla-spin{to{transform:rotate(1turn)}}