/* ==========================================================
   Pochitto! — 結合サイト用スタイル
   tools/build-site.py が自動生成。直接編集せず、各ページの
   styles.css / concept.css / ... を直してから再生成すること。
   ========================================================== */

/* ===== #hero (styles.css) ===== */
#hero{
  --black:#111111;
  --white:#ffffff;
  --paper:#ffffff;
  --lime:#e9f22a;              
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --hand:'Zen Kurenaido','Zen Kaku Gothic New',sans-serif;
  --e:cubic-bezier(.16,.84,.24,1);
}#hero img{height:auto}#hero .hero{position:fixed;inset:0;overflow:hidden;background:var(--paper)}#hero .layer{position:absolute;inset:0}#hero .asset{position:absolute;display:block;pointer-events:none;user-select:none}#hero .hcurve{
  position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;
  width:100%;height:100%;
  pointer-events:none;overflow:visible;
}#hero .hcurve__p{fill:var(--lime)}#hero .hcurve__s{
  fill:none;
  stroke:var(--lime);
  stroke-width:1.8;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.75;
}#hero .hlead{position:absolute;left:52px;top:calc(70px * var(--vs,1));z-index:6}#hero .hlead__t{
  font-family:var(--jp);
  font-weight:700;font-size:23px;line-height:1.42;letter-spacing:.01em;
  color:var(--black);
}#hero .hlead__bar{
  display:block;margin-top:30px;
  width:26px;height:3px;background:var(--lime);
}#hero .hlead__s{
  margin-top:23px;
  font-family:var(--jp);
  font-weight:400;font-size:12.5px;line-height:1.85;letter-spacing:.09em;
  color:#5a5a55;
}#hero .hsh{
  position:absolute;z-index:3;margin:0;
  transform:rotate(var(--rot,0deg));
  transform-origin:50% 50%;
}#hero .hsh__box{
  position:relative;display:block;width:100%;height:100%;
  overflow:hidden;background:#f1f0ec;
  
  box-shadow:0 6px 18px rgba(20,20,18,.08);
}#hero .hsh__im{
  position:absolute;inset:0;
  
  width:100%;height:100%;object-fit:cover;display:block;
  
  clip-path:inset(0 0 0 100%);
  transition:clip-path .82s var(--e);
  will-change:clip-path;
}#hero .hsh__im.is-on{clip-path:inset(0 0 0 0)}#hero .hsh__im.is-top{z-index:2}#hero .hsh--web   .hsh__im.is-on{animation:kbY 5.9s linear forwards}#hero .hsh--graphic .hsh__im.is-on{animation:kbX 5.9s linear forwards}#hero .hsh--film  img.hsh__im.is-on{animation:kbZ 5.9s linear forwards}#hero .hsh__im video, #hero video.hsh__im{animation:none!important;will-change:auto;
  transform:translateZ(0);backface-visibility:hidden}@keyframes kbY{from{transform:scale(1.04) translateY(1.6%)}to{transform:scale(1.04) translateY(-1.6%)}
}@keyframes kbX{from{transform:scale(1.04) translateX(1.4%)}to{transform:scale(1.04) translateX(-1.4%)}
}@keyframes kbZ{from{transform:scale(1.01)}to{transform:scale(1.045)}
}#hero .hsh--web{left:195px; top:calc(175px * var(--vs,1)); width:412px; height:calc(365px * var(--vs,1)); --rot:-5.8deg}#hero .hsh--graphic{left:543px; top:calc(77px * var(--vs,1));  width:363px; height:calc(456px * var(--vs,1)); --rot:0deg; z-index:5}#hero .hsh--film{left:939px; top:calc(163px * var(--vs,1)); width:375px; height:calc(365px * var(--vs,1)); --rot:-5.5deg}#hero .hcap{
  position:absolute;z-index:7;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:10px;line-height:1.55;letter-spacing:.2em;
  color:#4b4b46;
}#hero .hcap__d{
  position:absolute;display:block;
  width:8px;height:8px;border-radius:50%;background:var(--lime);
}#hero .hcap__s{
  display:block;margin-top:7px;
  font-weight:700;font-size:9px;letter-spacing:.24em;color:#9b9b93;
  transition:opacity .4s ease;
}#hero .hcap--web{right:1270px; top:calc(404px * var(--vs,1)); text-align:right}#hero .hcap--web    .hcap__d{right:0; top:-20px}#hero .hcap--graphic{left:452px; top:calc(86px * var(--vs,1)); text-align:right; width:74px}#hero .hcap--graphic .hcap__d{right:0; top:-20px}#hero .hcap--film{right:20px; top:calc(220px * var(--vs,1)); text-align:right}#hero .hcap--film   .hcap__d{right:0; top:-21px}#hero .hmark{
  
  position:absolute;left:351px;
  top:calc(568px * var(--vs,1) + 60px * (1 - var(--vs,1)));z-index:6;
  display:flex;align-items:flex-end;
  font-family:var(--display);
  
  font-variation-settings:'wdth' 82,'wght' 900;
  font-weight:900;
  font-size:196px;line-height:.76;letter-spacing:-.029em;
  color:var(--black);
  white-space:nowrap;
}#hero .hmark__w{display:block}#hero .hmark__w i{
  display:inline-block;font-style:normal;
  transform:translateY(var(--ly,0px));
  transition:transform .45s var(--e);
  will-change:transform;
}#hero .hmark__w i.in{transform:translateY(110%);transition:none}#hero .go-mark .hmark__w i{animation:markUp .78s var(--e) forwards}@keyframes markUp{from{transform:translateY(110%)}to{transform:translateY(0)}}#hero .hbang__d{animation:pochi 5.2s var(--e) 2.6s infinite}@keyframes pochi{0%,80%{transform:translateY(0) scale(1)}85%{transform:translateY(6px) scale(.86,1.12)}90%{transform:translateY(-5px) scale(1.06,.94)}95%,100%{transform:translateY(0) scale(1)}
}@media (prefers-reduced-motion:reduce){#hero .hbang__d{animation:none}#hero .hmark__w i{transition:none;transform:none !important}
}#hero .hmark__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#hero .hbang{
  position:relative;display:block;
  width:42px;height:150px;margin-left:22px;flex:none;
}#hero .hbang__b{
  position:absolute;left:0;top:0;width:42px;height:96px;
  border-radius:6px;background:var(--black);
}#hero .hbang__d{
  position:absolute;left:0;top:108px;width:42px;height:42px;
  border-radius:50%;background:var(--lime);
}#hero .hnum{
  position:absolute;left:52px;bottom:calc(117px * var(--vs,1));z-index:6;
  display:flex;align-items:center;gap:14px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.16em;color:#9b9b93;
}#hero .hnum b{font-weight:700;color:var(--black)}#hero .hnum i{display:block;width:52px;height:1px;background:#c8c8c1}#hero .hsign{
  position:absolute;left:52px;bottom:calc(50px * var(--vs,1));z-index:6;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 600;
  font-weight:600;font-size:9.5px;line-height:1.8;letter-spacing:.24em;
  color:#9b9b93;
}#hero .hvert{
  position:absolute;right:50px;bottom:calc(148px * var(--vs,1));z-index:6;
  writing-mode:vertical-rl;
  font-family:var(--jp);
  font-weight:400;font-size:11px;letter-spacing:.34em;line-height:1;
  color:#8a8a82;
}#hero .scroll{position:absolute;right:64px;bottom:calc(52px * var(--vs,1));z-index:10;width:16px}#hero .scroll__txt{
  display:block;writing-mode:vertical-rl;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 600;
  font-weight:600;font-size:9.5px;letter-spacing:.3em;color:#8a8a82;
}#hero .scroll__line{
  position:absolute;left:7px;top:78px;
  width:1px;height:84px;background:rgba(20,20,20,.2);
}#hero .scroll__line::after{
  content:"";position:absolute;left:-2px;top:0;
  width:5px;height:5px;border-radius:50%;background:var(--black);
  animation:scrollDot 2.8s cubic-bezier(.4,0,.3,1) infinite;
}@keyframes scrollDot{0%{transform:translateY(0);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translateY(78px);opacity:0}
}#hero .hdot{
  
  position:absolute;left:0;top:108px;z-index:7;
  width:42px;height:42px;border-radius:50%;background:var(--lime);
  opacity:0;pointer-events:none;
  transform:scale(var(--ds,1));transform-origin:50% 50%;
}#hero .hlead, #hero .hcap, #hero .hnum, #hero .hsign, #hero .hvert, #hero .hcurve{opacity:0;animation:fadeIn .9s ease .2s forwards}#hero .hcap{animation-delay:.75s}#hero .hnum, #hero .hsign, #hero .hvert{animation-delay:.9s}#hero .hcurve{animation:curveIn 1.4s var(--e) .1s forwards}@keyframes curveIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#hero .hsh{opacity:0;animation:shotIn 1.05s var(--e) forwards}#hero .hsh--web{animation-delay:.34s}#hero .hsh--graphic{animation-delay:.46s}#hero .hsh--film{animation-delay:.58s}@keyframes shotIn{from{opacity:0;transform:rotate(var(--rot,0deg)) translateY(34px)}to{opacity:1;transform:rotate(var(--rot,0deg)) translateY(0)}
}#hero .hmark{opacity:0;animation:markIn 1.1s var(--e) .64s forwards}@keyframes markIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}#hero .scroll{opacity:0;animation:fadeIn .8s ease 1.05s forwards}@media (prefers-reduced-motion:no-preference){#hero .hcurve__p{animation:curveDrift 26s ease-in-out 2s infinite alternate}@keyframes curveDrift{from{transform:translateY(0)}to{transform:translateY(-9px)}}
}@media (prefers-reduced-motion:reduce){#hero .hsh__im{animation:none !important;transform:none !important}#hero .hsh__im.is-on{clip-path:inset(0 0 0 0)}#hero .scroll__line::after{animation:none}
}@media (max-width:767px){#hero .hsh, #hero .hlead, #hero .hcap, #hero .hmark, #hero .hnum, #hero .hsign{--vs:1}#hero .hcurve{height:100%}#hero .hlead{left:22px;top:78px;right:22px}#hero .hlead__t{font-size:20px;line-height:1.5}#hero .hlead__bar{margin-top:18px}#hero .hlead__s{margin-top:14px;font-size:11.5px;line-height:1.8}#hero .hsh{
    position:absolute;bottom:auto;right:auto;
    aspect-ratio:3 / 2;height:auto;
  }#hero .hsh--web{left:4%;  width:62%; top:33vh; --rot:-3deg;   z-index:3}#hero .hsh--graphic{left:34%; width:62%; top:45vh; --rot:2.2deg;  z-index:5}#hero .hsh--film{left:8%;  width:62%; top:58vh; --rot:-2.2deg; z-index:4}#hero .hsh__box{box-shadow:0 8px 20px rgba(20,20,18,.12)}@supports not (aspect-ratio: 3 / 2){#hero .hsh{height:16vh;min-height:104px}
  }#hero .hcap{font-size:8.5px;letter-spacing:.16em;line-height:1.5}#hero .hcap__s{display:none}#hero .hcap--web{left:auto;right:4%;  top:calc(33vh + 62vw / 6);      text-align:right;width:auto}#hero .hcap--graphic{left:4%;  right:auto;top:calc(45vh + 62vw / 3.3);    text-align:left; width:auto}#hero .hcap--film{left:auto;right:4%;  top:calc(58vh + 62vw / 3.57);   text-align:right;width:auto}#hero .hcap__d{display:none}#hero .hmark{
    
    left:0;right:0;top:auto;bottom:96px;
    justify-content:center;
    font-size:clamp(56px,17.5vw,96px);
    letter-spacing:-.03em;
  }#hero .hbang{width:.21em;height:.76em;margin-left:.1em}#hero .hbang__b{width:100%;height:64%;border-radius:.03em}#hero .hbang__d{width:100%;height:.21em;top:auto;bottom:0}#hero .hdot{left:0;top:auto;bottom:0;width:100%;height:.21em;margin:0}#hero .hnum{left:22px;bottom:62px;font-size:10px}#hero .hnum i{width:34px}#hero .hsign{left:22px;bottom:22px;font-size:8px;letter-spacing:.18em;line-height:1.7}#hero .hvert{display:none}#hero .scroll{display:none}
}@media (max-width:767px) and (max-height:720px){#hero .hcap{display:none}#hero .hlead{top:64px}#hero .hlead__s{display:none}#hero .hsh--web{top:27vh}#hero .hsh--graphic{top:39vh}#hero .hsh--film{top:51vh}#hero .hmark{top:auto;bottom:86px}#hero .hnum{bottom:56px}
}
/* ===== #concept (concept.css) ===== */
#concept{
  --black:#141414;
  --white:#ffffff;
  --lime:#e9f22a;
  --gray:#8b8b84;
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --ease:cubic-bezier(.16,.84,.24,1);
}#concept img{height:auto}#concept .cghost{
  position:absolute;left:0;top:50%;
  display:flex;gap:.18em;white-space:nowrap;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:470px;line-height:1;letter-spacing:-.015em;
  color:transparent;
  transform:translate(calc(-14% + var(--gx,0px)), -50%);
  pointer-events:none;user-select:none;z-index:0;
}#concept .cghost b{display:inline-block}#concept .cghost i{
  display:inline-block;font-style:normal;
  color:transparent;
  -webkit-text-stroke:2.4px rgba(233,242,42,.42);
  animation:ghostWave 2.1s linear infinite;
  animation-delay:calc(var(--n,0) * -0.075s);
}@keyframes ghostWave{0%,   0.9%{color:transparent; -webkit-text-stroke-color:rgba(233,242,42,.42)}1%,  14.9%{color:#efeee6;     -webkit-text-stroke-color:transparent}15%, 100%{color:transparent; -webkit-text-stroke-color:rgba(233,242,42,.42)}
}#concept .clabel{
  position:absolute;left:104px;top:58px;z-index:4;
  display:flex;align-items:center;gap:12px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:13px;letter-spacing:.2em;
}#concept .clabel b{font-variation-settings:'wdth' 100,'wght' 900;font-weight:900}#concept .clabel i{display:block;width:34px;height:1.5px;background:var(--lime)}#concept .ln{
  display:block;overflow:hidden;
  padding-bottom:.16em;margin-bottom:-.16em;
}#concept .ln > i{
  display:block;font-style:normal;
  transform:translateY(112%);
  transition:transform .92s var(--ease) var(--d,0s);
}#concept .cw.is-on .ln > i{transform:translateY(0)}#concept .ch{
  display:inline-block;
  transform:translateY(112%);
  transition:transform .95s var(--ease) var(--d,0s);
}#concept .cw.is-on .ch{transform:translateY(0)}#concept .ln--split > i{transform:none;transition:none}#concept .mk{position:relative;display:inline-block;z-index:0}#concept .mk::after{
  content:"";position:absolute;left:-.03em;right:-.03em;bottom:.10em;
  height:.19em;background:var(--lime);z-index:-1;
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .78s var(--ease) var(--md,.5s);
}#concept .cw.is-on .mk::after{transform:scaleX(1)}#concept .cwords{
  position:absolute;left:104px;top:50%;z-index:3;
  width:610px;height:360px;margin-top:-180px;
}#concept .cw{
  position:absolute;left:0;top:50%;width:100%;
  transform:translateY(-50%);
  opacity:0;visibility:hidden;
  transition:opacity .34s ease, visibility 0s linear .55s;
}#concept .cw.is-on{opacity:1;visibility:visible;transition:opacity .3s ease, visibility 0s}#concept .cw.is-past .ln > i, #concept .cw.is-past .ch{transform:translateY(-112%);transition:transform .5s var(--ease) 0s}#concept .cw.is-past .mk::after{transform:scaleX(0);transition:transform .3s var(--ease) 0s}#concept .cw__q{
  font-size:27px;font-weight:500;line-height:1.8;letter-spacing:.02em;
  color:var(--gray);
}#concept .cw__a{
  margin-top:18px;
  font-size:76px;font-weight:900;line-height:1.3;letter-spacing:.005em;
}#concept .cw[data-i="0"] .cw__a, #concept .cw[data-i="5"] .cw__a{font-size:62px}#concept .cw__m{
  margin-top:34px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.18em;
  color:var(--gray);
}#concept .cw__m .bar{
  display:inline-block;width:22px;height:1px;background:#cfcfc8;
  vertical-align:middle;margin:0 14px 3px;
}#concept .cshow{
  position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;
  perspective:1250px;perspective-origin:34% 50%;
}#concept .cshot{
  position:absolute;inset:0;
  opacity:0;visibility:hidden;
  transition:opacity .3s ease, visibility 0s linear .3s;
}#concept .cshot.is-on{opacity:1;visibility:visible;transition:opacity .25s ease, visibility 0s}#concept .cwk{
  position:absolute;left:var(--x);top:var(--y);width:var(--w);
  display:block;
  transform:translateY(var(--pk,0px)) rotateY(var(--ry,-12deg)) rotateZ(var(--rz,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}#concept .cwk img{
  display:block;width:100%;height:auto;
  box-shadow:0 26px 60px rgba(20,20,20,.16), 0 3px 10px rgba(20,20,20,.05);
}#concept .cwk--a{z-index:3}#concept .cwk--b{z-index:2}#concept .cwk--c{z-index:1}#concept .cshot .cwk{opacity:0}#concept .cshot.is-on .cwk{animation:wkIn .95s var(--ease) forwards}#concept .cshot.is-on .cwk--b{animation-delay:.10s}#concept .cshot.is-on .cwk--c{animation-delay:.20s}@keyframes wkIn{from{opacity:0;
       transform:translateY(calc(var(--pk,0px) + 38px)) rotateY(var(--ry,-12deg)) rotateZ(var(--rz,0deg))}to{opacity:1;
       transform:translateY(var(--pk,0px)) rotateY(var(--ry,-12deg)) rotateZ(var(--rz,0deg))}
}#concept .cwk .cvid{display:none}#concept .cwk.is-video img{display:none}#concept .cwk.is-video .cvid{
  display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
  box-shadow:0 26px 60px rgba(20,20,20,.16), 0 3px 10px rgba(20,20,20,.05);
}#concept .cshot--fig .cwk{transform:translateY(var(--pk,0px))}#concept .cshot--fig .cwk img{
  box-shadow:none;width:auto;margin:0 auto;
  max-height:calc(var(--stageh,810px) * .88);
}#concept .cshot--fig.is-on .cwk{animation:figIn 1s var(--ease) forwards}@keyframes figIn{from{opacity:0;transform:translateY(calc(var(--pk,0px) + 38px))}to{opacity:1;transform:translateY(var(--pk,0px))}
}#concept .cbar{
  position:absolute;left:104px;bottom:52px;z-index:4;
  list-style:none;display:flex;align-items:center;gap:18px;
  opacity:0;transition:opacity .45s ease;
}#concept .cbar.is-on{opacity:1}#concept .ctick{display:flex;align-items:center;gap:10px}#concept .ctick b{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:11.5px;letter-spacing:.14em;
  color:#c6c6c0;transition:color .4s ease;
}#concept .ctick i{
  display:block;width:30px;height:2px;background:#e4e4de;
  position:relative;overflow:hidden;
}#concept .ctick i::after{
  content:"";position:absolute;inset:0;background:var(--lime);
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .5s var(--ease);
}#concept .ctick.is-on b{color:var(--black)}#concept .ctick.is-on i::after{transform:scaleX(1)}#concept .ctick.is-done i::after{transform:scaleX(1);background:#c9c9c2}#concept .cprog{
  position:absolute;left:0;right:0;bottom:0;height:2px;z-index:5;
  background:#eeeee8;
}#concept .cprog span{
  display:block;height:100%;background:var(--black);
  transform:scaleX(var(--p,0));transform-origin:0 50%;
}#concept .cnext{
  position:absolute;right:78px;bottom:48px;z-index:4;
  display:flex;align-items:center;gap:12px;
  text-decoration:none;color:var(--black);
  opacity:0;pointer-events:none;transform:translateY(14px);
  transition:opacity .5s ease, transform .6s var(--ease);
}#concept .cnext.is-on{opacity:1;pointer-events:auto;transform:none}#concept .cnext__lbl{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.14em;
}#concept .cnext__ttl{
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:32px;letter-spacing:.01em;
  background-image:linear-gradient(transparent 82%, var(--lime) 82%, var(--lime) 100%, transparent 100%);
}#concept .cnext__arrow{position:relative;width:64px;height:2px;background:var(--black)}#concept .cnext__arrow::after{
  content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;
  border-right:2px solid var(--black);border-top:2px solid var(--black);
  transform:rotate(45deg);
}#concept .cnext:focus-visible{outline:2px solid var(--black);outline-offset:6px}@media (prefers-reduced-motion:reduce){#concept .ln > i, #concept .ch{transform:none}#concept .mk::after{transform:scaleX(1)}#concept .cshot img{clip-path:none}
}@media (max-width:767px){#concept .clabel{position:relative;left:auto;top:auto;margin:0 0 22px;font-size:12px}#concept .cghost{
    position:absolute;left:-7%;top:33%;
    font-size:132px;line-height:1;opacity:.6;gap:.06em;
    z-index:0;pointer-events:none;white-space:nowrap;
  }#concept .cghost b{display:none}#concept .cghost b:first-child{display:flex}#concept .cwords{
    position:relative;left:auto;top:auto;
    width:100%;height:auto;margin:0;
  }#concept .cw{
    position:relative;left:auto;top:auto;width:100%;
    transform:none;opacity:1;visibility:visible;
    padding:0 0 54px;
  }#concept .cw + .cw{border-top:1px solid #ececec;padding-top:52px}#concept .cw__q{font-size:14px;line-height:1.85}#concept .cw__a{font-size:27px;line-height:1.46;margin-top:8px;letter-spacing:.01em}#concept .cw[data-i="0"] .cw__a, #concept .cw[data-i="5"] .cw__a{font-size:33px;line-height:1.4}#concept .cw__m{margin-top:16px;font-size:10px;letter-spacing:.14em}#concept .cshow{position:relative;inset:auto;perspective:none;z-index:1}#concept .cshot{
    position:relative;inset:auto;
    display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;
    margin-top:18px;opacity:1;visibility:visible;
  }#concept .cwk{
    position:relative;left:auto;top:auto;
    width:auto !important;min-width:0;
    flex:1 1 calc(50% - 4px);
    transform:none !important;
  }#concept .cshot .cwk:first-child{flex:1 1 100%}#concept .cwk img, #concept .cwk .cvid{width:100%;height:auto;display:block}#concept .cwk .cvid{display:none !important}#concept .cshot--fig{
    position:relative;
    justify-content:flex-start;
    margin:6px -22px 0;
  }#concept .cshot--fig .cwk, #concept .cshot--fig .cwk:first-child{flex:0 0 92%;position:relative;z-index:1}#concept .cw[data-i="0"]{padding-bottom:20px}#concept .cw[data-i="5"]{padding-bottom:0}#concept .cw[data-i="5"] .cshot--fig{margin-bottom:-6px}#concept .ctick, #concept .cbar, #concept .cprog{display:none}#concept .cnext{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;
    
    z-index:3;margin-top:74px;padding:11px 0;min-height:46px;
    justify-content:flex-start;align-items:center;
  }
}
/* ===== #service (service.css) ===== */
#service{
  --ink:#0D0D0D;
  --paper:#ffffff;
  --lime:#e9f22a;
  --line:#3a3a3a;
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --hand:'Zen Kurenaido','Zen Kaku Gothic New',sans-serif;
}#service img{height:auto}#service .ul{background-image:linear-gradient(transparent 82%, var(--lime) 82%, var(--lime) 93%, transparent 93%)}#service .glow{
  
  position:absolute;left:50%;top:65px;height:620px;
  width:1240px;margin-left:-620px;
  pointer-events:none;z-index:0;
}#service .glow i{
  position:absolute;inset:0;
  
  
  background:radial-gradient(34% 44% at 50% 50%, var(--c) 0%, rgba(0,0,0,0) 100%);
  opacity:0;
  transition:opacity 1.05s cubic-bezier(.3,0,.2,1);
}#service .glow i.is-on{opacity:.52}#service .flow{
  position:absolute;left:0;right:0;top:225px;height:300px;
  perspective:950px;
  perspective-origin:50% 50%;
}#service .card:focus-visible{outline:3px solid var(--lime);outline-offset:4px}#service .card{
  position:absolute;left:50%;top:50%;
  width:510px;height:376px;margin-left:-255px;margin-top:-188px;
  transform-style:preserve-3d;
  transition:transform .62s cubic-bezier(.22,.85,.25,1), opacity .5s ease;
  backface-visibility:hidden;cursor:pointer;overflow:hidden;
  box-shadow:0 20px 44px rgba(0,0,0,.5);
}#service .card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
}#service .card__art{display:block;width:100%;height:100%;object-fit:cover}#service .card::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:#0D0D0D;opacity:var(--dim,0);
  transition:opacity .5s ease;pointer-events:none;
}#service .card.is-hidden{opacity:0;pointer-events:none}#service .arw{
  position:absolute;top:352px;
  width:46px;height:46px;border:0;border-radius:50%;
  background:var(--paper);cursor:pointer;z-index:12;   
}#service .arw::before{
  content:"";position:absolute;left:50%;top:50%;
  width:11px;height:11px;margin:-6px 0 0 -3px;
  border-top:2.4px solid var(--ink);border-right:2.4px solid var(--ink);
}#service .arw--prev{left:66px}#service .arw--prev::before{transform:rotate(-135deg);margin-left:-6px}#service .arw--next{right:66px}#service .arw--next::before{transform:rotate(45deg);margin-left:-8px}#service .arw:focus-visible{outline:2px solid var(--lime);outline-offset:4px}#service .slabel{
  position:absolute;left:104px;top:46px;z-index:5;
  display:flex;align-items:center;gap:12px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--paper);
}#service .slabel b{font-variation-settings:'wdth' 100,'wght' 900;font-weight:900}#service .slabel i{display:block;width:34px;height:1.5px;background:var(--lime)}#service .shead{
  position:absolute;left:104px;top:78px;z-index:5;
  font-size:40px;font-weight:900;line-height:1.3;letter-spacing:.008em;
  color:var(--paper);
}#service .smk{
  background-image:linear-gradient(transparent 74%, var(--lime) 74%, var(--lime) 95%, transparent 95%);
}#service .ssub{
  position:absolute;left:104px;top:230px;z-index:5;
  display:flex;align-items:center;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.18em;color:#8e8e88;
}#service .ssub i{display:block;width:26px;height:1px;background:#4a4a46;margin:0 16px}#service .scale{
  
  position:absolute;left:104px;top:615px;width:1232px;z-index:5;
  display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;
}#service .scale::before{
  content:"";position:absolute;left:0;right:0;top:0;height:8px;pointer-events:none;
  background:
    linear-gradient(#3f3f38,#3f3f38) 0 0/100% 1px no-repeat,
    repeating-linear-gradient(90deg,#4c4c44 0 1px,transparent 1px 22px) 0 0/100% 5px no-repeat;
}#service .scale__item{
  position:relative;display:flex;align-items:baseline;gap:11px;
  width:auto;flex:0 0 auto;padding:22px 0 0;border:0;background:none;cursor:pointer;
  text-align:left;color:#6b6b6b;
  transition:color .35s ease;
}#service .scale__item::before{
  content:"";position:absolute;left:0;top:-4px;width:2px;height:14px;
  background:var(--accent);opacity:0;transition:opacity .3s ease;
}#service .scale__item.is-on::before{opacity:1}#service .scale__item.is-on{color:var(--accent)}#service .scale__no{
  display:block;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:21px;line-height:1;letter-spacing:.02em;
}#service .scale__lb{
  display:block;margin-top:0;margin-left:0;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:15px;letter-spacing:.11em;
  color:var(--paper);transition:color .35s ease;
}#service .scale__gap{display:none;
  flex:1;height:1px;margin-top:14px;position:relative;
  background:
    repeating-linear-gradient(90deg,#4a4a4a 0 1px,transparent 1px 14px);
  background-position:0 0;
  background-size:100% 1px;
}#service .scale__gap::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#3d3d3d;
}#service .scale__gap::after{
  content:"";position:absolute;right:0;top:-4px;
  width:8px;height:8px;
  border-right:1.5px solid #6e6e6e;border-top:1.5px solid #6e6e6e;
  transform:rotate(45deg);
}#service .scale__gap i{
  position:absolute;left:0;right:8px;top:-5px;height:11px;
  background:repeating-linear-gradient(90deg,#4a4a4a 0 1px,transparent 1px 15px);
}#service .worksnote{
  position:absolute;left:1034px;bottom:112px;
  font-family:var(--hand);font-size:17px;font-weight:700;letter-spacing:.05em;
}#service .worksarrow{
  position:absolute;left:1042px;bottom:84px;width:156px;height:2px;background:var(--paper);
  transform:rotate(-4deg);
}#service .worksarrow::after{
  content:"";position:absolute;right:0;top:-4px;
  width:9px;height:9px;
  border-right:2px solid var(--paper);border-top:2px solid var(--paper);
  transform:rotate(45deg);
}#service .worksbtn{
  position:absolute;left:1230px;top:1035px;
  width:98px;height:98px;border-radius:50%;
  
  background:transparent;color:var(--lime);text-decoration:none;overflow:hidden;
  box-shadow:inset 0 0 0 2px var(--lime);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:16px;letter-spacing:.07em;
  transition:transform .42s cubic-bezier(.16,.84,.24,1),color .32s ease;
  z-index:6;
}#service .worksbtn__fill{
  position:absolute;inset:0;border-radius:50%;background:var(--lime);
  transform:translateY(101%);
  transition:transform .5s cubic-bezier(.16,.84,.24,1);
  pointer-events:none;
}#service .worksbtn__in{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:7px;
}#service .worksbtn:hover, #service .worksbtn:focus-visible{transform:translateY(-7px);color:var(--ink)}#service .worksbtn:hover .worksbtn__fill, #service .worksbtn:focus-visible .worksbtn__fill{transform:translateY(0)}@media (prefers-reduced-motion: reduce){#service .worksbtn, #service .worksbtn__fill{transition:none}#service .worksbtn:hover{transform:none}
}#service .worksbtn__ar{position:relative;width:34px;height:2px;background:currentColor}#service .worksbtn__ar::after{
  content:"";position:absolute;right:0;top:-3.5px;
  width:8px;height:8px;
  border-right:2px solid currentColor;border-top:2px solid currentColor;
  transform:rotate(45deg);
}#service .worksbtn:focus-visible{outline:2px solid var(--paper);outline-offset:4px}#service .scale__ln{
  display:none;flex:none;height:2px;margin-right:18px;
  width:calc(46px + var(--sw,0px));
  background:#5a5a5a;
  transition:background .35s ease;
}#service .scale__item.is-on{color:var(--accent)}#service .scale__item.is-on .scale__ln{background:var(--accent);height:3px}#service .scale__item.is-on .scale__lb{color:var(--accent)}#service .scale__item:focus-visible{outline:2px solid var(--paper);outline-offset:8px}#service .sdet{
  position:absolute;left:104px;top:720px;width:1100px;z-index:4;
}#service .sdet__p{display:none}#service .sdet__p.is-on{display:block}#service .sdet__lead{
  font-size:22px;font-weight:500;line-height:1.75;letter-spacing:.02em;
  color:#c9c9c4;
}#service .sdet__ttl{
  margin-top:34px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.18em;color:#8b8b86;
}#service .sdet ul{list-style:none;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px}#service .sdet li{padding:16px 2px;border-bottom:1px solid #333330;font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--paper)}#service .sdet li::after{content:""}#service .sdet li:last-child::after{content:""}#service .sask{
  position:absolute;left:104px;top:1050px;z-index:7;
  display:block;width:300px;height:66px;padding:0;
  
  background:var(--lime);color:var(--ink);
  text-decoration:none;overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}#service .sask__fill{
  position:absolute;inset:0;z-index:1;
  background:var(--ink);
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .6s cubic-bezier(.16,.84,.24,1);
}#service .sask:hover .sask__fill, #service .sask:focus-visible .sask__fill{transform:scaleX(1)}#service .sask__in{
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:center;gap:22px;height:100%;
}#service .sask__t{position:relative;display:block;overflow:hidden;height:24px}#service .sask__t i{
  display:block;font-style:normal;
  font-size:17px;font-weight:900;letter-spacing:.05em;line-height:24px;
  transition:transform .5s cubic-bezier(.16,.84,.24,1),color .3s ease;
}#service .sask__t i:last-child{
  position:absolute;left:0;top:0;width:100%;
  color:var(--paper);transform:translateY(100%);
}#service .sask:hover .sask__t i:first-child, #service .sask:focus-visible .sask__t i:first-child{transform:translateY(-100%)}#service .sask:hover .sask__t i:last-child, #service .sask:focus-visible .sask__t i:last-child{transform:translateY(0)}#service .sask__dot{position:relative;display:block;flex:none;width:26px;height:26px}#service .sask__dot i{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid var(--ink);
  transform:scale(.34);opacity:0;
  animation:sPulse 2.6s cubic-bezier(.2,.7,.3,1) infinite;
  animation-play-state:paused;
  transition:border-color .3s ease;
}#service .sask__dot i:last-of-type{animation-delay:1.3s}#service .sask__dot b{
  position:absolute;left:50%;top:50%;
  width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:transparent;box-shadow:inset 0 0 0 2px var(--ink);
  transition:background .3s ease,box-shadow .3s ease,transform .4s cubic-bezier(.16,.84,.24,1);
}@keyframes sPulse{0%{transform:scale(.34);opacity:.9}70%{opacity:0}100%{transform:scale(1);opacity:0}
}#service .sask:hover .sask__dot i, #service .sask:focus-visible .sask__dot i{
  border-color:var(--lime);animation-play-state:running;animation-duration:1.6s;
}#service .sask:hover .sask__dot i:last-of-type, #service .sask:focus-visible .sask__dot i:last-of-type{animation-delay:.8s}#service .sask:hover .sask__dot b, #service .sask:focus-visible .sask__dot b{
  background:var(--lime);box-shadow:none;transform:scale(1.2);
}@media (prefers-reduced-motion: reduce){#service .sask__dot i{animation:none}#service .sask__fill, #service .sask__t i{transition:none}
}@media (prefers-reduced-motion:reduce){#service .card{transition:none}
}#service .srot{
  position:absolute;right:104px;top:46px;z-index:5;
  width:640px;text-align:right;
  pointer-events:none;user-select:none;
}#service .srot__lb{
  display:flex;align-items:center;justify-content:flex-end;gap:12px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.18em;color:#8e8e88;
}#service .srot__lb i{
  display:block;width:34px;height:1.5px;
  background:var(--rc,#C8F000);
  transition:background .8s cubic-bezier(.3,0,.2,1);
}#service .srot__box{
  position:relative;height:52px;margin-top:10px;overflow:hidden;
}#service .srot__box span{
  position:absolute;right:0;bottom:0;display:block;white-space:nowrap;
  font-size:34px;font-weight:900;line-height:1.3;letter-spacing:.008em;
  color:var(--paper);
  transform:translateY(110%);
  transition:transform .66s cubic-bezier(.16,.84,.24,1);
  will-change:transform;
}#service .srot__sub{
  margin-top:8px;
  font-size:15px;font-weight:500;letter-spacing:.03em;color:#8e8e88;
}@media (max-width:767px){#service .slabel{position:relative;left:auto;top:auto;margin-bottom:20px;font-size:12.5px;letter-spacing:.2em}#service .slabel i{width:28px}#service .scale__lb{font-size:15px}#service .scale__item{padding:11px 0;min-height:46px}#service .sdet__lead{font-size:15px;line-height:1.85}#service .sdet__ttl{font-size:11px}#service .sdet li{font-size:14.5px;padding:13px 2px}#service .shead{
    position:relative;left:auto;top:auto;
    font-size:30px;line-height:1.3;letter-spacing:0;
    white-space:nowrap;
  }#service .srot{
    position:relative;right:auto;top:auto;width:100%;
    text-align:left;margin-top:20px;
  }#service .srot__lb{justify-content:flex-start}#service .srot__box{height:44px;margin-top:8px}#service .srot__box span{left:0;right:auto;font-size:30px}#service .srot__sub{margin-top:6px;font-size:14px}#service .glow{left:0;right:0;top:auto;width:auto;margin:0}#service .glow i{
    background:radial-gradient(56% 44% at 50% 50%, var(--c) 0%, rgba(0,0,0,0) 100%);
  }#service .glow i.is-on{opacity:.74}#service .flow{
    position:relative;left:auto;right:auto;top:auto;
    height:auto;perspective:none;
    display:flex;gap:14px;
    margin:26px -22px 0;padding:0 22px;
    overflow-x:auto;overflow-y:visible;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }#service .flow::-webkit-scrollbar{display:none}#service .card{
    position:relative;left:auto;top:auto;margin:0;
    flex:0 0 84%;width:auto;height:auto;
    transform:none !important;opacity:1 !important;
    scroll-snap-align:center;
    box-shadow:0 12px 26px rgba(0,0,0,.45);
  }#service .card.is-hidden{opacity:1 !important;pointer-events:auto}#service .card__art{height:auto;aspect-ratio:510/376}#service .card::after{opacity:0 !important}#service .arw{display:none}#service .scale{
    position:relative;left:auto;top:auto;width:100%;
    margin-top:30px;
    flex-direction:column;align-items:flex-start;gap:0;
  }#service .scale::before{display:none}#service .scale__item{width:100%;flex:1 1 auto;align-items:center;gap:0;padding:11px 0}#service .scale__item::before{display:none}#service .scale__ln{display:block}#service .scale__no{font-size:24px}#service .scale__lb{margin-left:16px;letter-spacing:.02em}#service .sdet{
    position:relative;left:auto;top:auto;width:100%;
    margin-top:26px;
  }#service .sask{
    position:relative;left:auto;top:auto;
    margin-top:26px;display:inline-flex;
  }#service .worksbtn{
    position:relative;left:auto;top:auto;
    margin:-52px 0 0 auto;
  }#service .sdet{margin-top:22px}#service .sdet ul{display:block}#service .sdet__lead{font-size:15px}#service .sdet li{border-bottom:1px solid #333330;font-weight:700;color:var(--paper)}#service .sdet li::after{content:""}#service .sdet li:last-child{border-bottom:0}
}
/* ===== #works (works.css) ===== */
#works{
  --ink:#141414;
  --paper:#ffffff;
  --lime:#e9f22a;
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --hand:'Zen Kurenaido','Zen Kaku Gothic New',sans-serif;
  --script:'Caveat','Zen Kurenaido',cursive;
}#works img{height:auto}#works .asset{position:absolute;display:block;pointer-events:none;user-select:none}#works .ul{background-image:linear-gradient(transparent 74%, var(--lime) 74%, var(--lime) 95%, transparent 95%)}#works .hall{
  position:absolute;left:0;right:0;top:0;bottom:0;
  perspective:950px;
  perspective-origin:50% 50%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0px,transparent 270px,#000 530px);
  mask-image:linear-gradient(90deg,transparent 0px,transparent 270px,#000 530px);
  background:
    
    radial-gradient(120% 90% at 52% 46%, #ffffff 0%, #ffffff 54%, #F3F1EB 100%);
}#works .hall__cam{
  position:absolute;inset:0;
  transform-style:preserve-3d;
  transition:transform .18s linear;
}#works .hall__floor{
  position:absolute;left:0;right:0;bottom:0;height:34%;
  
  background:linear-gradient(rgba(243,241,235,0) 0%, rgba(243,241,235,.26) 66%, rgba(238,236,230,.46) 100%);
  pointer-events:none;z-index:3;
}#works .panel{
  position:absolute;left:50%;top:50%;
  transform-style:preserve-3d;
  margin:0;
}#works .panel img{
  display:block;height:580px;width:auto;
  
  box-shadow:
    0 1px 1px rgba(20,20,20,.30),
    0 8px 16px rgba(0,0,0,.18),
    0 26px 44px rgba(0,0,0,.20);
  -webkit-box-reflect:below 4px linear-gradient(transparent 52%, rgba(255,255,255,.40));
  transition:transform .34s cubic-bezier(.2,.9,.25,1), box-shadow .34s ease;
}#works .panel:hover img, #works .panel:focus-visible img{
  transform:scale(1.07);
  box-shadow:
    0 2px 3px rgba(20,20,20,.34),
    0 14px 26px rgba(0,0,0,.24),
    0 34px 56px rgba(0,0,0,.26);
}#works .panel::after{
  content:"VIEW";position:absolute;left:50%;top:44%;
  transform:translate(-50%,-50%) scale(.86);
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-size:13px;letter-spacing:.16em;color:#141414;
  background:var(--lime);padding:9px 16px;border-radius:20px;
  opacity:0;transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}#works .panel:hover::after, #works .panel:focus-visible::after{opacity:1;transform:translate(-50%,-50%) scale(1)}#works .panel figcaption{
  display:block;margin-top:12px;
  font-family:var(--jp);color:var(--ink);
  white-space:nowrap;
}#works .panel figcaption b{
  display:block;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:15px;letter-spacing:.02em;
  text-shadow:0 0 6px #fff,0 0 3px #fff,0 1px 0 #fff;
}#works .panel figcaption span{
  display:block;margin-top:3px;font-size:10.5px;font-weight:500;color:#5c5c56;
  text-shadow:0 0 6px #fff,0 0 3px #fff;
}#works .panel{will-change:transform,opacity;backface-visibility:hidden}#works .wno{
  z-index:6;
  position:absolute;left:38px;top:44px;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:124px;line-height:.78;letter-spacing:-.01em;
  transform:scaleX(.82);transform-origin:0 50%;
}#works .wttl{
  z-index:6;
  position:absolute;left:34px;top:160px;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:128px;line-height:.78;letter-spacing:-.012em;
  transform:scaleX(.9);transform-origin:0 50%;
}#works .script{
  z-index:6;
  position:absolute;left:76px;top:270px;
  font-family:var(--script);font-weight:700;font-size:46px;line-height:1;
}#works .wlead{
  z-index:6;
  position:absolute;left:38px;top:344px;
  font-size:23px;font-weight:900;letter-spacing:.02em;
}#works .wbody{
  z-index:6;
  position:absolute;left:38px;top:392px;
  font-size:14px;font-weight:500;line-height:2.2;letter-spacing:.02em;
}#works .wnote{
  z-index:6;
  position:absolute;left:38px;top:474px;
  font-size:10px;font-weight:500;letter-spacing:.04em;color:#77766f;
}#works .wnow{
  position:absolute;left:38px;top:516px;z-index:6;width:268px;
}#works .wnow__lb{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 800;
  font-weight:800;font-size:10.5px;letter-spacing:.2em;color:#8d8d85;
  padding-bottom:9px;border-bottom:1px solid #d8d7d0;
}#works .wnow__t{
  margin-top:16px;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:44px;line-height:1.02;letter-spacing:-.01em;
  transform:scaleX(.92);transform-origin:0 50%;
}#works .wnow__s{margin-top:9px;font-size:13.5px;font-weight:700;color:#3d3d38;letter-spacing:.03em}#works .wnow__k{
  display:inline-block;margin-top:12px;padding:4px 9px;
  border:1.5px solid #141414;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 800;
  font-weight:800;font-size:10px;letter-spacing:.16em;color:#141414;
}#works .wnow__k i{font-style:normal;font-family:var(--jp);font-size:10.5px;letter-spacing:.04em;margin-left:8px}#works .wnow__t, #works .wnow__s{transition:opacity .25s ease}#works .wnow.is-swap .wnow__t, #works .wnow.is-swap .wnow__s{opacity:0}#works .scrollword{
  position:absolute;left:824px;bottom:70px;z-index:4;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-style:italic;font-size:34px;letter-spacing:.06em;
}#works .viewall{
  position:absolute;right:38px;bottom:56px;z-index:4;
  display:flex;align-items:center;gap:14px;
  color:var(--ink);text-decoration:none;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:19px;letter-spacing:.06em;
  background-image:linear-gradient(transparent 82%, var(--lime) 82%, var(--lime) 100%, transparent 100%);
}#works .viewall__ar{position:relative;width:52px;height:2px;background:var(--ink)}#works .viewall__ar::after{
  content:"";position:absolute;right:0;top:-4px;
  width:9px;height:9px;
  border-right:2px solid var(--ink);border-top:2px solid var(--ink);
  transform:rotate(45deg);
}#works .viewall:focus-visible{outline:2px solid var(--ink);outline-offset:6px}#works .wcount{
  position:absolute;left:826px;bottom:36px;z-index:4;
  display:flex;align-items:baseline;gap:8px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
}#works .wcount b{
  font-variation-settings:'wdth' 100,'wght' 900;
  font-size:20px;letter-spacing:.04em;
}#works .wcount span{font-size:12px;letter-spacing:.12em;color:#7d7d76}#works .panel{cursor:pointer}@media (prefers-reduced-motion:reduce){#works .hall__cam{transition:none}}#works .wcount i{font-style:normal}@media (max-width:767px){#works .wno{position:relative;left:auto;top:auto;order:1;width:100%;
           font-size:34px;line-height:1;white-space:nowrap}#works .wttl{position:relative;left:auto;top:auto;order:2;width:100%;
           font-size:52px;line-height:1;margin-top:2px;white-space:nowrap}#works .script{position:relative;left:auto;top:auto;order:3;width:100%;margin-top:10px;font-size:24px}#works .wlead{position:relative;left:auto;top:auto;order:4;width:100%;margin-top:20px;font-size:18px;line-height:1.6}#works .wbody{position:relative;left:auto;top:auto;order:5;width:100%;margin-top:12px;font-size:14px;line-height:2}#works .wbody br{display:none}#works .hall{order:6}#works .viewall{order:7}#works .wnow, #works .wcount, #works .wscroll, #works .scrollword{display:none}#works .hall{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;
    height:auto;perspective:none;overflow:visible;
    background:none;
    -webkit-mask-image:none;mask-image:none;
    margin-top:26px;
  }#works .hall__cam{position:relative;inset:auto;transform:none !important;transform-style:flat}#works .hall__floor{display:none}#works .panel[data-hall="off"]{display:none}#works .panel{
    position:relative;left:auto;top:auto;
    transform:none !important;
    
    perspective:760px;perspective-origin:50% 50%;
    opacity:1 !important;visibility:visible !important;
    display:block;margin:0 0 46px;
  }#works .panel img{
    width:100%;height:auto;
    
    -webkit-box-reflect:below 0 linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)) !important;
    box-shadow:0 10px 26px rgba(0,0,0,var(--sh,.16));
    
    transform:translate3d(var(--tx,0px),0,var(--tz,0px)) rotateY(var(--ry,0deg));
    transform-origin:50% 50%;
    opacity:var(--op,1);
    backface-visibility:hidden;
    transition:none;
  }#works .panel::after{display:none}#works .panel figcaption{
    display:block;margin-top:12px;
    font-family:var(--jp);
  }#works .panel figcaption b{
    display:block;
    font-family:var(--display);
    font-variation-settings:'wdth' 62,'wght' 900;
    font-weight:900;font-size:26px;line-height:1.1;letter-spacing:-.01em;
    color:var(--ink);
  }#works .panel figcaption span{
    display:block;margin-top:5px;
    font-size:13.5px;font-weight:700;color:#3d3d38;letter-spacing:.03em;
  }#works .panel figcaption::after{
    content:"CONCEPT WORK ／ 制作サンプル";
    display:inline-block;margin-top:9px;padding:3px 8px;
    border:1.5px solid var(--ink);
    font-family:var(--display);
    font-variation-settings:'wdth' 100,'wght' 800;
    font-weight:800;font-size:9.5px;letter-spacing:.12em;color:var(--ink);
  }#works .viewall{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;
    display:inline-flex;align-items:center;margin-top:6px;
    padding:13px 0;min-height:46px;   
  }
}
/* ===== #profile (profile.css) ===== */
#profile{
  --black:#141414;
  --white:#ffffff;
  --lime:#e9f22a;
  --gray:#8b8b84;
  --paper:#FBFAF7;
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --hand:'Zen Kurenaido','Zen Kaku Gothic New',sans-serif;
  --script:'Caveat','Zen Kurenaido',cursive;
  --ease:cubic-bezier(.16,.84,.24,1);
}#profile img{height:auto}#profile .mk{
  background-image:linear-gradient(transparent 74%, var(--lime) 74%, var(--lime) 96%, transparent 96%);
  background-repeat:no-repeat;background-size:0 100%;
  transition:background-size .85s var(--ease) .55s;
}#profile .head.is-up .mk{background-size:100% 100%}#profile .plabel{
  position:absolute;left:104px;top:58px;z-index:4;
  display:flex;align-items:center;gap:12px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:13px;letter-spacing:.2em;
}#profile .plabel b{font-variation-settings:'wdth' 100,'wght' 900;font-weight:900}#profile .plabel i{display:block;width:34px;height:1.5px;background:var(--lime)}#profile .bigname{
  position:absolute;left:628px;top:430px;z-index:0;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:430px;line-height:.78;letter-spacing:-.02em;
  color:#eae9e1;white-space:nowrap;
  pointer-events:none;user-select:none;
}#profile .head{
  position:absolute;left:104px;top:132px;z-index:3;
  font-size:78px;font-weight:900;line-height:1.3;letter-spacing:.005em;
}#profile .sub{
  position:absolute;left:104px;top:468px;z-index:3;
  font-size:22px;font-weight:500;letter-spacing:.02em;color:var(--gray);
}#profile .sub b{font-weight:900;color:var(--black)}#profile .portrait{
  position:absolute;right:-30px;top:64px;z-index:2;
  height:1030px;width:auto;
  pointer-events:none;user-select:none;
  
  -webkit-mask-image:linear-gradient(to bottom, #000 68%, rgba(0,0,0,.55) 88%, transparent 100%);
          mask-image:linear-gradient(to bottom, #000 68%, rgba(0,0,0,.55) 88%, transparent 100%);
}#profile .script{
  position:absolute;right:640px;top:70px;z-index:3;
  font-family:var(--script);font-weight:700;
  font-size:38px;line-height:1;text-align:right;color:var(--black);
}#profile .script__i{font-size:24px;letter-spacing:.04em}#profile .qa{
  position:absolute;left:104px;top:640px;z-index:3;
  width:700px;
}#profile .qa section + section{margin-top:74px}#profile .qa h3{
  font-size:30px;font-weight:900;line-height:1.5;letter-spacing:.01em;
}#profile .qa p{
  margin-top:18px;
  font-size:18px;font-weight:500;line-height:2.1;letter-spacing:.02em;
  color:#5a5a56;
}#profile .memo{
  position:absolute;left:104px;top:1160px;z-index:3;
  width:250px;padding:30px 22px 20px;
  background:var(--white);
  border:1.5px solid #dedbd4;
  box-shadow:2px 3px 0 rgba(20,20,20,.04), 6px 10px 20px rgba(20,20,20,.06);
}#profile .memo__tape{
  position:absolute;left:50%;top:-12px;margin-left:-42px;
  width:84px;height:24px;background:var(--lime);
  transform:rotate(-2.5deg);
}#profile .memo__ttl{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:24px;letter-spacing:.02em;
}#profile .memo ul{list-style:none;margin-top:16px}#profile .memo li{
  font-size:15px;font-weight:500;line-height:2.2;letter-spacing:.02em;
  color:#4e4e4a;
}#profile .memo__more{
  margin-top:10px;text-align:right;
  font-family:var(--hand);font-size:14px;color:var(--gray);
}#profile .done{
  position:absolute;left:412px;top:1176px;z-index:3;
  width:330px;
}#profile .done__ttl{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:24px;letter-spacing:.02em;
}#profile .done ul{list-style:none;margin-top:16px}#profile .done li{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  
  padding:9px 2px;border-bottom:1px solid #e2e0d9;
  font-size:14.5px;font-weight:700;letter-spacing:.03em;
}#profile .done li em{
  flex:none;font-style:normal;
  font-size:10.5px;font-weight:500;letter-spacing:.06em;color:var(--gray);
}#profile .love{
  position:absolute;left:104px;top:1600px;z-index:3;
  display:flex;align-items:center;gap:18px;
  font-family:var(--hand);
  font-size:19px;font-weight:700;letter-spacing:.04em;color:#4e4e4a;
}#profile .love b{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:12px;letter-spacing:.18em;
  color:var(--black);
  padding:5px 10px;background:var(--lime);
}#profile .flow3{
  position:absolute;left:104px;top:1686px;width:716px;z-index:3;
}#profile .flow3__ttl{
  font-size:17px;font-weight:900;letter-spacing:.03em;color:var(--black);
}#profile .flow3 ol{list-style:none;display:flex;gap:0;margin-top:22px}#profile .flow3 li{
  position:relative;flex:1;padding-right:22px;
}#profile .flow3 li + li{padding-left:26px;border-left:1px solid #e2e0d9}#profile .flow3 b{
  display:block;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:22px;letter-spacing:.04em;color:#c9c7bf;
}#profile .flow3 li:first-child b{color:var(--black)}#profile .flow3 span{display:block;margin-top:8px;font-size:17px;font-weight:900}#profile .flow3 i{
  display:block;margin-top:7px;font-style:normal;
  font-size:13px;font-weight:500;line-height:1.7;color:#7d7d78;
}#profile .desk{
  position:absolute;right:-110px;top:1200px;z-index:3;
  width:760px;
}#profile .desk__lb{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.18em;
  color:var(--gray);margin-bottom:12px;
}#profile .desk img{
  display:block;width:100%;height:auto;
  box-shadow:0 22px 54px rgba(20,20,20,.14), 0 3px 10px rgba(20,20,20,.05);
}#profile .desk figcaption{
  margin-top:16px;
  font-family:var(--hand);
  font-size:17px;font-weight:700;letter-spacing:.04em;color:#4e4e4a;
}#profile [data-rise]{
  opacity:0;transform:translateY(58px);
  transition:opacity .8s ease var(--d,0s), transform 1.05s var(--ease) var(--d,0s);
}#profile [data-rise].is-up{opacity:1;transform:none}#profile .head{opacity:1;transform:none}#profile .head .ln{
  display:block;overflow:hidden;
  padding-bottom:.16em;margin-bottom:-.16em;
}#profile .head .ln > i{
  display:block;font-style:normal;
  transform:translateY(112%);
  transition:transform .95s var(--ease) var(--ld,0s);
}#profile .head.is-up .ln > i{transform:translateY(0)}#profile .head .ln:nth-child(2) > i{--ld:.10s}#profile .head .ln:nth-child(3) > i{--ld:.20s}@media (prefers-reduced-motion:reduce){}@media (max-width:767px){#profile .plabel{position:relative;left:auto;top:auto;margin-bottom:16px;font-size:11px}#profile .bigname{display:none}#profile .head{position:relative;left:auto;top:auto;font-size:32px;line-height:1.36}#profile .sub{position:relative;left:auto;top:auto;margin-top:14px;font-size:15px}#profile .script{
    position:relative;right:auto;left:auto;top:auto;
    text-align:left;margin-top:26px;font-size:28px;
  }#profile .portrait{
    position:relative;right:auto;top:auto;
    display:block;width:calc(100% + 44px);max-width:none;height:auto;
    margin:14px -22px 0;
    -webkit-mask-image:linear-gradient(to bottom,#000 78%,rgba(0,0,0,.5) 93%,transparent 100%);
            mask-image:linear-gradient(to bottom,#000 78%,rgba(0,0,0,.5) 93%,transparent 100%);
  }#profile .qa{position:relative;left:auto;top:auto;width:100%;margin-top:26px}#profile .qa section + section{margin-top:34px}#profile .qa h3{font-size:19px;line-height:1.55}#profile .qa p{margin-top:12px;font-size:14.5px;line-height:2.05}#profile .memo li{font-size:15px}#profile .done li{font-size:15px;padding:13px 2px}#profile .flow3 span{font-size:17px}#profile .flow3 i{font-size:14px}#profile .qa p br{display:none}#profile .memo{position:relative;left:auto;top:auto;width:100%;margin-top:40px}#profile .done{position:relative;left:auto;top:auto;width:100%;margin-top:34px}#profile .love{position:relative;left:auto;top:auto;margin-top:30px;font-size:15px;flex-wrap:wrap}#profile .flow3{position:relative;left:auto;top:auto;width:100%;margin-top:34px}#profile .flow3 ol{flex-direction:column;gap:0}#profile .flow3 li{padding:14px 0}#profile .flow3 li + li{padding-left:0;border-left:0;border-top:1px solid #e2e0d9}#profile .desk{
    position:relative;right:auto;top:auto;
    width:calc(100% + 44px);margin:36px -22px 0;
  }#profile .desk__lb, #profile .desk figcaption{padding:0 22px}
}
/* ===== #contact (contact.css) ===== */
#contact{
  --ink:#141414;
  --paper:#FBFAF7;
  --lime:#e9f22a;
  --gray:#8b8b84;
  --line:#d9d7cf;
  --display:'Archivo','Haettenschweiler','Arial Narrow',Impact,sans-serif;
  --jp:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --hand:'Zen Kurenaido','Zen Kaku Gothic New',sans-serif;
  --ease:cubic-bezier(.16,.84,.24,1);
}#contact img{height:auto}#contact .klabel{
  position:absolute;left:104px;top:38px;z-index:4;
  font-size:22px;font-weight:900;letter-spacing:.02em;
}#contact .kmk{
  background-image:linear-gradient(transparent 76%, var(--lime) 76%, var(--lime) 96%, transparent 96%);
  background-repeat:no-repeat;background-size:0 100%;
  transition:background-size .8s var(--ease) .7s;
}#contact .is-lit .kmk{background-size:100% 100%}#contact .khead{
  position:absolute;left:96px;top:56px;z-index:3;
  font-family:var(--display);
  font-variation-settings:'wdth' 62,'wght' 900;
  font-weight:900;font-size:130px;line-height:.98;letter-spacing:-.012em;
  color:var(--ink);
}#contact .khead .kln{
  display:block;overflow:hidden;
  padding-bottom:.06em;margin-bottom:-.06em;
}#contact .khead .kln > i{display:block;font-style:normal}#contact .khead .kch{
  display:inline-block;
  transform:translateY(112%);
  transition:transform 1.05s var(--ease) var(--d,0s);
}#contact .is-lit .khead .kch{transform:translateY(0)}#contact .kfeel{
  position:absolute;left:726px;top:188px;z-index:4;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:13px;letter-spacing:.22em;color:var(--ink);
  opacity:0;transition:opacity .7s ease .8s;
}#contact .is-lit .kfeel{opacity:1}#contact .kbrand{
  position:absolute;right:104px;top:38px;z-index:4;
  text-align:right;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:19px;letter-spacing:-.01em;line-height:1.5;
}#contact .kbrand b{display:block;font-size:15px;letter-spacing:.14em}#contact .kcol{position:absolute;z-index:4}#contact .kcol--1{left:104px;top:388px;width:392px}#contact .kcol--2{left:544px;top:388px;width:344px}#contact .kcol--3{left:936px;top:388px;width:400px}#contact .kh{
  display:flex;align-items:flex-start;gap:14px;
  font-size:17px;font-weight:900;letter-spacing:.01em;line-height:1.25;
}#contact .kh b{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;margin-top:-5px;border-radius:50%;
  background:var(--lime);
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 900;
  font-weight:900;font-size:14px;letter-spacing:.02em;
}#contact .kh i{
  display:block;margin-top:5px;font-style:normal;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:10.5px;letter-spacing:.16em;color:var(--gray);
}#contact .kbar{
  display:block;margin-top:16px;height:2px;background:#e8e6df;overflow:hidden;
}#contact .kbar u{
  display:block;height:100%;width:0;background:var(--lime);
  transition:width .7s var(--ease);
}#contact .kpick{position:relative;margin-top:26px}#contact .kpick__i{
  display:block;position:relative;
  border:0;background:none;padding:0;margin:0;
  font-family:var(--display);
  font-variation-settings:'wdth' var(--w,62),'wght' 900;
  font-weight:900;font-size:56px;line-height:1.18;letter-spacing:-.008em;
  color:var(--ink);cursor:pointer;text-align:left;
  transition:color .3s ease;
}#contact .kpick__i.is-on{color:var(--lime);-webkit-text-stroke:1.2px var(--ink)}#contact .kfield{display:block;margin-top:30px}#contact .kfield__l{
  display:block;
  font-size:13.5px;font-weight:700;letter-spacing:.02em;
}#contact .kfield__l i{
  display:block;margin-top:3px;font-style:normal;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:10.5px;letter-spacing:.16em;color:var(--gray);
}#contact .kfield select{
  display:block;width:100%;margin-top:12px;
  padding:6px 34px 12px 2px;
  border:0;border-bottom:1.5px solid var(--ink);border-radius:0;
  background:transparent;
  -webkit-appearance:none;appearance:none;
  font-family:var(--jp);font-size:22px;font-weight:500;letter-spacing:.01em;
  color:var(--ink);cursor:pointer;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--ink) 50%),
    linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 13px) calc(50% + 2px), calc(100% - 6px) calc(50% + 2px);
  background-size:7px 7px,7px 7px;
  background-repeat:no-repeat;
}#contact .kfield select:focus{outline:none;border-bottom-color:var(--lime)}#contact .krow{display:flex;align-items:flex-end;gap:16px;margin-top:22px}#contact .krow__l{
  flex:none;width:106px;padding-bottom:9px;
  font-size:12.5px;font-weight:700;letter-spacing:.02em;line-height:1.35;
}#contact .krow__l i{
  display:block;margin-top:2px;font-style:normal;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:9.5px;letter-spacing:.16em;color:var(--gray);
}#contact .krow__l em{
  display:inline-block;margin-top:5px;padding:2px 6px;
  font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;
  background:var(--lime);color:var(--ink);
}#contact .krow input, #contact .krow textarea{
  flex:1;min-width:0;
  border:0;border-bottom:1.5px solid var(--ink);border-radius:0;
  background:transparent;padding:6px 2px 9px;
  font-family:var(--jp);font-size:15px;font-weight:500;letter-spacing:.02em;
  color:var(--ink);resize:none;
}#contact .krow input::placeholder, #contact .krow textarea::placeholder{color:#b6b4ac}#contact .krow input:focus, #contact .krow textarea:focus{outline:none;border-bottom-color:var(--lime)}#contact .krow--msg{align-items:flex-start}#contact .krow--msg .krow__l{padding-top:4px;padding-bottom:0}#contact .krow.is-bad input, #contact .krow.is-bad textarea{border-bottom-color:#e0483c}#contact .kagree{
  display:flex;align-items:flex-start;gap:10px;margin-top:24px;cursor:pointer;
}#contact .kagree input{position:absolute;opacity:0;width:0;height:0}#contact .kagree__b{
  flex:none;width:17px;height:17px;margin-top:1px;
  border:1.5px solid var(--ink);background:transparent;
  transition:background .2s ease;
}#contact .kagree__b::after{
  content:"";position:absolute;width:9px;height:5px;margin:4px 0 0 3px;
  border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);
  transform:rotate(-45deg) scale(0);transform-origin:50% 50%;
  transition:transform .22s var(--ease);
}#contact .kagree input:checked + .kagree__b{background:var(--lime)}#contact .kagree input:checked + .kagree__b::after{transform:rotate(-45deg) scale(1)}#contact .kagree input:focus-visible + .kagree__b{outline:2px solid var(--lime);outline-offset:2px}#contact .kagree__t{font-size:11.5px;font-weight:500;line-height:1.65;letter-spacing:.02em;color:#5f5f59}#contact .kagree.is-bad .kagree__b{border-color:#d8402f}#contact .kmsg{
  min-height:18px;margin-top:14px;
  font-size:12.5px;font-weight:700;letter-spacing:.02em;
  opacity:0;transform:translateY(-4px);
  transition:opacity .28s ease,transform .28s ease;
}#contact .kmsg.is-on{opacity:1;transform:none}#contact .kmsg.is-err{color:#d8402f}#contact .kmsg.is-wait{color:#5f5f59}#contact .kmsg.is-ok{color:#2a7d4f}#contact .ksend{
  position:relative;display:block;
  width:100%;height:80px;margin-top:6px;padding:0;
  border:0;border-radius:0;background:var(--ink);
  cursor:pointer;overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}#contact .ksend__fill{
  position:absolute;inset:0;z-index:1;
  background:var(--lime);
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .6s cubic-bezier(.16,.84,.24,1);
}#contact .ksend:hover .ksend__fill, #contact .ksend:focus-visible .ksend__fill{transform:scaleX(1)}#contact .ksend__in{
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:center;gap:26px;
  height:100%;
}#contact .ksend__t{
  position:relative;display:block;overflow:hidden;
  height:26px;
}#contact .ksend__t i{
  display:block;font-style:normal;
  font-size:18px;font-weight:900;letter-spacing:.06em;line-height:26px;
  transition:transform .5s cubic-bezier(.16,.84,.24,1);
}#contact .ksend__t i:first-child{color:var(--lime)}#contact .ksend__t i:last-child{
  position:absolute;left:0;top:0;
  color:var(--ink);transform:translateY(100%);
}#contact .ksend:hover .ksend__t i:first-child, #contact .ksend:focus-visible .ksend__t i:first-child{transform:translateY(-100%)}#contact .ksend:hover .ksend__t i:last-child, #contact .ksend:focus-visible .ksend__t i:last-child{transform:translateY(0)}#contact .ksend__dot{
  position:relative;display:block;flex:none;
  width:30px;height:30px;
}#contact .ksend__dot b{
  position:absolute;left:50%;top:50%;
  width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  
  background:transparent;box-shadow:inset 0 0 0 2px var(--lime);
  transition:background .3s ease,box-shadow .3s ease,transform .4s var(--ease);
}#contact .ksend.is-ready .ksend__dot b{background:var(--lime);box-shadow:none}#contact .ksend__dot i{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid var(--lime);
  transform:scale(.34);opacity:0;
  animation:kPulse 2.6s cubic-bezier(.2,.7,.3,1) infinite;
  animation-play-state:paused;
  transition:border-color .3s ease;
}#contact .ksend.is-ready .ksend__dot i{animation-play-state:running}#contact .ksend__dot i:last-of-type{animation-delay:1.3s}@keyframes kPulse{0%{transform:scale(.34);opacity:.95}70%{opacity:0}100%{transform:scale(1);opacity:0}
}#contact .ksend:hover .ksend__dot i, #contact .ksend:focus-visible .ksend__dot i{border-color:var(--ink);animation-duration:1.1s}#contact .ksend:hover .ksend__dot i:last-of-type, #contact .ksend:focus-visible .ksend__dot i:last-of-type{animation-delay:.55s}#contact .ksend:hover .ksend__dot b, #contact .ksend:focus-visible .ksend__dot b{background:var(--ink);box-shadow:none;transform:scale(1.25)}#contact .ksend__rp{
  position:absolute;z-index:2;
  width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;
  background:var(--lime);
  transform:scale(0);opacity:.55;
  pointer-events:none;
}#contact .ksend__rp.is-go{
  transform:scale(26);opacity:0;
  transition:transform .72s cubic-bezier(.2,.7,.3,1), opacity .72s ease;
}#contact .ksend:hover .ksend__rp{background:var(--ink);opacity:.30}#contact .ksend:focus-visible{outline:3px solid var(--lime);outline-offset:3px}#contact .kreply{
  margin-top:14px;text-align:center;
  font-size:12.5px;font-weight:500;letter-spacing:.03em;color:var(--gray);
}#contact .knote{
  position:absolute;left:104px;top:788px;z-index:4;
  display:flex;align-items:center;gap:26px;
}#contact .knote p{
  font-family:var(--hand);
  font-size:14.5px;font-weight:700;line-height:1.75;letter-spacing:.03em;color:#4e4e4a;
}#contact .knote__sl{
  display:block;width:1px;height:38px;background:var(--line);
  transform:rotate(20deg);
}#contact .knote__mail{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:17px;letter-spacing:.02em;
  color:var(--ink);text-decoration:none;
  border-bottom:1.5px solid var(--ink);padding-bottom:2px;
}#contact [data-rise]{
  opacity:0;transform:translateY(46px);
  transition:opacity .8s ease var(--d,0s), transform 1s var(--ease) var(--d,0s);
}#contact [data-rise].is-up{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){}#contact .kfoot{
  position:absolute;left:104px;right:104px;top:906px;z-index:4;
  display:flex;align-items:center;justify-content:space-between;
  padding-top:22px;
}#contact .kfoot__ln{
  position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);
}#contact .kfoot__c{
  display:flex;align-items:baseline;gap:16px;
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--ink);
}#contact .kfoot__c i{
  font-family:var(--jp);font-style:normal;
  font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--gray);
}#contact .kfoot__n{display:flex;gap:28px}#contact .kfoot__n a{
  font-family:var(--display);
  font-variation-settings:'wdth' 100,'wght' 700;
  font-weight:700;font-size:11.5px;letter-spacing:.14em;
  color:var(--gray);text-decoration:none;
  transition:color .25s ease;
}#contact .kfoot__n a:hover{color:var(--ink)}#contact .ksend.is-sending{pointer-events:none;opacity:.72}@media (max-width:767px){#contact .klabel{position:relative;left:auto;top:auto;font-size:15px}#contact .khead{
    position:relative;left:auto;top:auto;
    margin-top:10px;font-size:clamp(40px,13vw,60px);line-height:1.02;
  }#contact .kfeel{position:relative;left:auto;top:auto;margin-top:12px}#contact .kbrand{position:absolute;right:22px;top:52px;font-size:13px;line-height:1.45}#contact .kbrand b{font-size:11px}#contact .kcol{position:relative;left:auto;top:auto;width:100%}#contact .kcol--1{margin-top:34px}#contact .kcol--2, #contact .kcol--3{margin-top:38px}#contact .kh{font-size:15px}#contact .kh i{font-size:9.5px}#contact .kagree__t{font-size:12.5px;line-height:1.75}#contact .kreply{font-size:13px}#contact .knote p{font-size:15px;line-height:1.8}#contact .kh b{width:28px;height:28px;font-size:12px}#contact .kpick{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#contact .kpick__i{
    font-size:19px;line-height:1;
    padding:12px 16px;border:1.5px solid var(--ink);
    font-variation-settings:'wdth' 100,'wght' 900;
  }#contact .kpick__i.is-on{
    background:var(--lime);color:var(--ink);-webkit-text-stroke:0;
  }#contact .kfield select{font-size:18px}#contact .krow{flex-direction:column;align-items:stretch;gap:6px;margin-top:20px}#contact .krow__l{width:auto;padding-bottom:0;display:flex;align-items:center;gap:9px}#contact .krow__l i{margin-top:0}#contact .krow__l em{margin-top:0}#contact .krow input, #contact .krow textarea{font-size:16px;padding:8px 2px 10px}#contact .krow--msg .krow__l{padding-top:0}#contact .ksend{height:66px}#contact .ksend__t i{font-size:16px}#contact .knote{
    position:relative;left:auto;top:auto;
    flex-direction:column;align-items:flex-start;gap:14px;margin-top:40px;
  }#contact .knote__sl{display:none}#contact .kfoot{
    position:relative;left:auto;right:auto;top:auto;
    flex-direction:column;align-items:flex-start;gap:16px;
    margin-top:44px;padding-top:24px;
  }#contact .kfoot__n{flex-wrap:wrap;gap:6px 20px}#contact .kfoot__n a{padding:14px 8px;margin:0 -8px;font-size:12.5px}#contact .knote__mail{display:inline-block;padding:9px 0;font-size:18px}
}#contact .khoney{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}