.contact-page{width:var(--content-width-desktop);margin:0 auto;position:relative}@media (max-width:1024px){.contact-page{width:var(--content-width-mobile)}}.contact-page{background-color:var(--color-bg);flex-direction:column;justify-content:space-between;height:100%;min-height:100svh;display:flex}@media (max-width:1024px){.contact-page{padding-top:10vh}}.contact-wrapper{gap:var(--spacing-sm);padding:25vh 0;display:flex}@media (max-width:1024px){.contact-wrapper{gap:var(--spacing-lg);flex-direction:column;padding-bottom:5vh}}.contact-col{min-width:0}.contact-col.contact-col-main{flex:2;min-width:0}.contact-col.contact-col-side{flex:1;min-width:0}.contact-col.contact-col-side .contact-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}@media (max-width:1024px){.contact-col.contact-col-side .contact-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.contact-col.contact-col-side .contact-item:first-child{padding-top:var(--spacing-md)}}@media (max-width:1024px) and (max-width:1024px){.contact-col.contact-col-side .contact-item:first-child{padding-top:var(--spacing-lg)}}.contact-item{width:90%;max-width:100%}@media (max-width:1024px){.contact-item{width:100%;max-width:100%}}.contact-title{margin-bottom:var(--spacing-md)}.contact-title p{font-size:var(--font-size-base);font-weight:300}.contact-message{margin-bottom:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;width:100%;max-width:100%;display:flex}.contact-message .revealer{width:100%}.contact-message p{font-size:var(--font-size-base);text-transform:none;word-wrap:break-word;overflow-wrap:break-word;word-break:normal;width:100%;max-width:100%;font-weight:300;line-height:2}@media (max-width:1024px){.contact-message p{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}}.contact-message .contact-note{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--spacing-xs)}.contact-info{gap:var(--spacing-md);flex-direction:column;display:flex}.contact-info p{font-size:var(--font-size-base);text-transform:none;font-weight:300;line-height:1.6}.contact-info a{font-size:var(--font-size-lg);text-transform:none;text-decoration:underline}.contact-form-wrapper{margin-top:var(--spacing-lg)}@media (max-width:1024px){.contact-form-wrapper{margin-top:var(--spacing-md)}}
.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (max-width:1024px){.contact-form{gap:var(--spacing-md)}}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-base);text-transform:none;font-weight:300}.form-label p{text-transform:none;font-size:var(--font-size-base)}.required{color:var(--color-text-light)}.form-input,.form-textarea{border:1px solid var(--border-color);background-color:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-xl);text-transform:none;transition:border-color var(--transition-base);padding:1.2em 1.5em;font-weight:300;line-height:1.6}.form-input:focus,.form-textarea:focus{border-color:var(--color-text-light);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light);opacity:.5}@media (max-width:1024px){.form-input,.form-textarea{font-size:var(--font-size-xl);padding:1em 1.2em}}.form-textarea{resize:vertical;min-height:200px}.form-error{padding:var(--spacing-xs);color:var(--color-text-light);font-size:var(--font-size-sm);text-transform:none;font-weight:300}.form-submit{border:1px solid var(--color-text);color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-xl);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background-color:#0000;justify-content:center;align-self:flex-start;align-items:center;padding:1.2em 3em;font-weight:300;display:flex;position:relative;overflow:hidden}@media (hover:hover){.form-submit:hover:not(:disabled){background-color:var(--color-text);color:var(--color-bg)}.form-submit:hover:not(:disabled) .form-submit-text{opacity:0;transform:translate(100%)}.form-submit:hover:not(:disabled) .form-submit-sns{opacity:1;transform:translateY(-50%)rotate(0)}}.form-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.form-submit{padding:1em 2.5em}}.form-submit-text{opacity:1;transition:transform .4s cubic-bezier(.87,0,.13,1),opacity .4s cubic-bezier(.87,0,.13,1);display:inline-block;transform:translate(0)}.form-submit-sns{opacity:0;transform-origin:50%;white-space:nowrap;justify-content:center;align-items:center;width:100%;padding:0 3em;transition:transform .4s cubic-bezier(.87,0,.13,1),opacity .4s cubic-bezier(.87,0,.13,1);display:flex;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)rotate(-180deg)}.form-submit-sns .footer-social-link{color:var(--color-bg);border-bottom:none;justify-content:center;align-items:center;min-width:auto;padding:0;text-decoration:none;transition:opacity .3s;display:flex}@media (hover:hover){.form-submit-sns .footer-social-link:hover{opacity:.8}.form-submit-sns .footer-social-link:hover .footer-link-arrow{transform:rotate(540deg)}}.form-submit-sns .footer-link-arrow{font-size:var(--font-size-xl);opacity:1;transition:transform .3s;display:inline-block}.contact-form-success{gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-text);flex-direction:column;display:flex}.contact-form-success p{font-size:var(--font-size-base);text-transform:none;font-weight:300;line-height:1.6}
