#p_contact{position:relative;z-index:1}#p_contact #contact{height:100vh;width:100vw;position:relative}@media screen and (max-width:1024px){#p_contact #contact{height:auto}}@media screen and (max-width:550px){#p_contact #contact{padding-top:10vh}}#p_contact #contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/g/illust5.webp);background-size:cover;filter:grayscale(1);z-index:-1}#p_contact #contact .confine{display:grid;grid-template-columns:1fr 1.2fr;align-items:flex-start;justify-content:center;height:1080px;max-width:1920px;margin:0 auto;padding-top:150px;padding-bottom:100px;grid-gap:200px;gap:200px}@media screen and (max-width:1280px){#p_contact #contact .confine{padding-top:50px}}@media screen and (max-width:1600px){#p_contact #contact .confine{gap:100px}}@media screen and (max-width:1440px){#p_contact #contact .confine{gap:20px}}@media screen and (max-width:1024px){#p_contact #contact .confine{display:flex;flex-direction:column-reverse;justify-content:flex-end}}#p_contact #contact .confine .l{position:relative;height:100%}#p_contact #contact .confine .l .ct-art{position:absolute;right:5%;top:-10%;height:1300px;object-fit:contain;animation:floaty-shake 10s cubic-bezier(.4,0,.6,1) infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;scale:1.2}@media screen and (max-width:1280px){#p_contact #contact .confine .l .ct-art{height:1100px}}@media screen and (max-width:1024px){#p_contact #contact .confine .l .ct-art{position:relative;height:900px;margin-top:200px}}@media screen and (max-width:550px){#p_contact #contact .confine .l .ct-art{object-fit:cover}}@media screen and (max-width:420px){#p_contact #contact .confine .l .ct-art{height:700px}}@media screen and (max-width:360px){#p_contact #contact .confine .l .ct-art{height:600px}}#p_contact #contact .confine .l:before{content:"";position:absolute;left:-10%;top:5%;width:115%;height:80%;background:url(/g/illust4.webp);background-size:cover;background-position:100%;border-radius:2em 5em 5em 2em}@media screen and (max-width:1280px){#p_contact #contact .confine .l:before{height:70vh}}#p_contact #contact .confine .r{background:rgba(17,56,65,.5019607843);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:700px;padding:5em;margin-top:150px;position:relative}@media screen and (max-width:1024px){#p_contact #contact .confine .r{margin:0 auto}}@media screen and (max-width:768px){#p_contact #contact .confine .r{max-width:80%;padding:3em}}@media screen and (max-width:420px){#p_contact #contact .confine .r{max-width:95%;padding:2em}}#p_contact #contact .confine .r .border-clip{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;height:100%;position:absolute;top:0;left:0;border:100px solid;border-image:url(/d/border-clip.png) 100;outline:1px solid var(--bb);outline-offset:-1rem}#p_contact #contact .confine .r .tr-star{position:absolute;top:1rem;right:1rem;transform:translateX(50%) translateY(-50%);animation:speen 5s linear infinite;transform-origin:right top;width:50px}#p_contact #contact .confine .r .hp{color:#fff;margin:1.5em 0}#p_contact #contact .confine .r .hp .t{font-family:var(--fonta);font-size:4rem;position:relative;max-width:-moz-fit-content;max-width:fit-content;filter:drop-shadow(0 0 5px rgba(255,255,255,.542));--col:white}@media screen and (max-width:768px){#p_contact #contact .confine .r .hp .t{font-size:3rem}}@media screen and (max-width:550px){#p_contact #contact .confine .r .hp .t{font-size:2rem}}#p_contact #contact .confine .r .hp p{font-size:1.2rem}#p_contact #contact .confine .r .sp{display:flex;padding:.25em;gap:1em;align-items:center}@media screen and (max-width:550px){#p_contact #contact .confine .r .sp{flex-wrap:wrap}}#p_contact #contact .confine .r .sp .socials{display:flex;gap:1em;margin:1em 0}#p_contact #contact .confine .r .sp .btn-social{width:40px;height:40px;background:var(--black);outline:2px solid var(--bb);color:var(--bb);padding:.25em .5em}#p_contact #contact .confine .r .sp .btn-social svg{width:100%;height:100%}#p_contact #contact .confine .r .sp .btn-social:hover{background:var(--bb);color:var(--bblack)}#p_contact #contact .confine .r .sp .btn.email{background:#005e68;display:flex;gap:3em;height:45px;justify-content:space-between;align-items:center;color:#fff;padding:.25em 1em;font-weight:300;position:relative}@media screen and (max-width:768px){#p_contact #contact .confine .r .sp .btn.email{gap:.2em}}#p_contact #contact .confine .r .sp .btn.email:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#123a44;z-index:1;-webkit-clip-path:polygon(64% 0,100% 0,100% 100%,35% 100%);clip-path:polygon(64% 0,100% 0,100% 100%,35% 100%)}#p_contact #contact .confine .r .sp .btn.email a,#p_contact #contact .confine .r .sp .btn.email p{position:relative;z-index:1}