.contact-page{width:100%;max-width:1200px;padding:24px 12px;margin:0 auto;min-height:calc(100vh - 56px)}@media(min-width:768px){.contact-page{padding-left:24px;padding-right:24px}}.contact-header-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:20px}@media(min-width:768px){.contact-header-card{padding:40px}}.contact-header-title{font-size:24px;font-weight:700;color:#1f2329;margin-bottom:12px}.contact-header-desc{color:#646a73;line-height:1.625}.contact-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.contact-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.contact-info-col{grid-column:span 1}}.contact-info-col>*+*{margin-top:20px}@media(min-width:768px){.contact-form-col{grid-column:span 2}}.contact-card{background-color:#fff;border-radius:12px;padding:20px}@media(min-width:768px){.contact-card--form{padding:40px}}.contact-card-title{font-size:18px;font-weight:700;color:#1f2329;margin-bottom:12px}.contact-card-title--form{margin-bottom:20px}.contact-list>*+*{margin-top:12px}.contact-item{display:flex;align-items:flex-start;gap:8px}.contact-item-icon{width:40px;height:40px;border-radius:6px;background-color:#f0f5ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item-svg{width:20px;height:20px;color:#3370ff}.contact-item-label{font-size:14px;font-weight:500;color:#1f2329}.contact-item-value{font-size:14px;color:#646a73}.contact-hours>*+*{margin-top:4px}.contact-hours-row{display:flex;justify-content:space-between;font-size:14px;color:#646a73}.contact-form>*+*{margin-top:20px}.contact-form-row{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.contact-form-row{grid-template-columns:1fr 1fr}}.contact-form-label{display:block;font-size:14px;font-weight:500;color:#1f2329;margin-bottom:4px}.contact-form-optional{font-size:12px;font-weight:400;color:#bbbfc4}.contact-form-input{width:100%;padding:10px 12px;border:1px solid #E5E6EB;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.contact-form-input:focus{border-color:#3370ff;box-shadow:0 0 0 1px #3370ff}.contact-type-tags{display:flex;flex-wrap:wrap;gap:8px}.contact-type-label{cursor:pointer}.contact-type-radio-input{display:none}.contact-type-radio{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:14px;border:1px solid #E5E6EB;color:#646a73;transition:border-color .2s,color .2s,background-color .2s}.contact-type-radio:hover{border-color:#3370ff}.contact-type-radio--active{border-color:#3370ff;color:#3370ff;background-color:#f0f5ff}.contact-form-textarea{width:100%;padding:10px 12px;border:1px solid #E5E6EB;border-radius:6px;font-size:14px;resize:none;transition:border-color .2s,box-shadow .2s;outline:none}.contact-form-textarea:focus{border-color:#3370ff;box-shadow:0 0 0 1px #3370ff}.contact-form-agree{display:flex;align-items:center;gap:4px}.contact-form-checkbox{width:16px;height:16px;accent-color:#3370FF;border:1px solid #E5E6EB;border-radius:4px}.contact-form-agree-text{font-size:14px;color:#646a73}.contact-form-submit{width:100%;padding:10px 32px;background-color:#3370ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.contact-form-submit:hover:not(:disabled){background-color:#245bdb}.contact-form-submit:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.contact-form-submit{width:auto}}.contact-notice{margin-top:20px;padding:12px;border-radius:6px}.contact-notice--success{background-color:#f0fdf4;border:1px solid #bbf7d0}.contact-notice--error{background-color:#fef2f2;border:1px solid #fecaca}.contact-notice-inner{display:flex;align-items:center;gap:4px}.contact-notice--success .contact-notice-inner{color:#15803d}.contact-notice--error .contact-notice-inner{color:#b91c1c}.contact-notice-icon{width:20px;height:20px}.contact-notice-text{font-size:14px;font-weight:500}