body.is-pc-contact{
  min-width:1024px;
  background:
    radial-gradient(circle at 76% 5%,rgba(88,232,255,.14),transparent 28%),
    radial-gradient(circle at 8% 38%,rgba(184,255,79,.06),transparent 24%),
    linear-gradient(145deg,#020507,#07121a 55%,#030609);
}
body.is-pc-contact::before{
  opacity:.45;
  background-size:54px 54px;
  animation:grid 18s linear infinite;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.pc-contact-header{
  position:fixed;
  z-index:100;
  inset:0 0 auto;
  height:76px;
  padding:0 max(36px,calc((100vw - 1380px)/2));
  display:grid;
  grid-template-columns:290px 1fr 180px;
  align-items:center;
  gap:30px;
  border-bottom:1px solid rgba(103,232,255,.13);
  background:rgba(2,6,9,.83);
  backdrop-filter:blur(22px) saturate(130%);
}
.pc-contact-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}
.pc-contact-brand>i{position:relative;width:30px;height:30px;border:1px solid rgba(103,232,255,.6);transform:rotate(45deg)}
.pc-contact-brand>i::before,.pc-contact-brand>i::after{content:"";position:absolute;left:50%;top:50%;background:#67e8ff;transform:translate(-50%,-50%)}
.pc-contact-brand>i::before{width:1px;height:16px}.pc-contact-brand>i::after{width:16px;height:1px}
.pc-contact-brand span{display:grid;gap:3px}.pc-contact-brand b{font-size:13px;letter-spacing:.2em}.pc-contact-brand small{color:rgba(226,236,255,.45);font-size:8px;font-weight:900;letter-spacing:.15em}
.pc-contact-header nav{display:flex;justify-content:center;gap:36px}
.pc-contact-header nav a{color:rgba(238,246,250,.66);font-size:10px;font-weight:850;text-decoration:none}
.pc-contact-header nav a:hover{color:#67e8ff}
.pc-contact-mode{justify-self:end;padding:8px 11px;border:1px solid rgba(184,255,92,.35);color:#b8ff5c;font-size:8px;font-weight:950;letter-spacing:.14em}
body.is-pc-contact .guest-contact{
  width:min(1320px,calc(100vw - 80px));
  min-height:calc(100vh - 76px);
  padding:132px 0 90px;
  display:grid;
  grid-template-columns:minmax(380px,.82fr) minmax(600px,1.18fr);
  grid-auto-flow:row;
  align-items:start;
  gap:14px 22px;
}
body.is-pc-contact .hero{
  grid-column:1;
  padding:30px 28px 26px;
  border-radius:0;
  background:
    linear-gradient(135deg,rgba(103,232,255,.13),rgba(168,85,247,.04) 55%,rgba(5,7,13,.9)),
    var(--panel);
}
body.is-pc-contact .hero h1{font-size:clamp(48px,4.5vw,72px);letter-spacing:-.06em}
body.is-pc-contact .hero .copy{font-size:12px;line-height:1.9}
body.is-pc-contact .notice,
body.is-pc-contact .result,
body.is-pc-contact .alert,
body.is-pc-contact .thread{grid-column:1;border-radius:0;padding:18px}
body.is-pc-contact .thread{max-height:520px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(103,232,255,.34) transparent}
body.is-pc-contact .form{
  grid-column:2;
  grid-row:1 / span 8;
  position:sticky;
  top:98px;
  padding:25px;
  border-radius:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),transparent 42%),
    rgba(7,15,26,.9);
  box-shadow:0 36px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07);
}
body.is-pc-contact .form::before{
  content:"PC CONTACT FORM";
  grid-column:1/-1;
  padding-bottom:15px;
  border-bottom:1px solid rgba(103,232,255,.18);
  color:#67e8ff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.18em;
}
body.is-pc-contact .form>input[type="hidden"],
body.is-pc-contact .form>.hp{position:absolute!important}
body.is-pc-contact .form .type-note,
body.is-pc-contact .form .estimate-warning,
body.is-pc-contact .form .send,
body.is-pc-contact .form .policy,
body.is-pc-contact .form .field:has(#message),
body.is-pc-contact .form .field:has(#attachment){grid-column:1/-1}
body.is-pc-contact .form .field label{font-size:10px}
body.is-pc-contact .form select,
body.is-pc-contact .form input,
body.is-pc-contact .form textarea{border-radius:0;background:rgba(2,7,11,.72)}
body.is-pc-contact .form select,
body.is-pc-contact .form input{height:51px}
body.is-pc-contact .form textarea{min-height:150px}
body.is-pc-contact .form .send{
  min-height:58px;
  border-radius:0;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease;
}
body.is-pc-contact .form .send:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(103,232,255,.24)}
body.is-pc-contact .ticket{border-radius:0}
.pc-contact-footer{
  position:relative;
  z-index:3;
  min-height:150px;
  padding:38px max(40px,calc((100vw - 1320px)/2));
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  border-top:1px solid rgba(103,232,255,.13);
  color:#eef8fb;
  background:#020507;
}
.pc-contact-footer strong{font-size:13px;letter-spacing:.2em}
.pc-contact-footer nav{display:flex;gap:28px}
.pc-contact-footer nav a{color:rgba(229,239,244,.58);font-size:9px;text-decoration:none}
.pc-contact-footer nav a:hover{color:#67e8ff}
.pc-contact-footer small{grid-column:1/-1;color:rgba(229,239,244,.3);font-size:8px;letter-spacing:.13em}
@media(max-width:1120px){
  .pc-contact-header{grid-template-columns:240px 1fr 150px}.pc-contact-header nav{gap:20px}
  body.is-pc-contact .guest-contact{width:calc(100vw - 48px);grid-template-columns:360px 1fr}
}
@media(prefers-reduced-motion:reduce){
  body.is-pc-contact::before,body.is-pc-contact .hero::before,body.is-pc-contact .eyebrow::before{animation:none}
}