.page-contact{color:#333333;max-width:100%;overflow-x:hidden}.page-contact__hero-section{display:flex;flex-direction:column;align-items:center;padding:4px 16px 8px;max-width:1200px;margin:0 auto}.page-contact__hero-image-wrapper{width:100%;max-width:1200px}.page-contact__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.page-contact__hero-content{width:100%;max-width:1200px;text-align:left;padding:16px 0 0}.page-contact__main-title{font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:#017439;max-width:900px;margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.4rem)}.page-contact__intro-text{font-size:1.05rem;line-height:1.6;color:#444;margin:0;max-width:900px}.page-contact__channel-section{padding:32px 16px 8px;max-width:1200px;margin:0 auto}.page-contact__section-header{text-align:center;max-width:760px;margin:0 auto 20px}.page-contact__section-header h2{font-size:1.9rem;font-weight:800;color:#017439;margin-bottom:8px;line-height:1.2}.page-contact__section-header p{font-size:1rem;color:#555;margin:0;line-height:1.6}.page-contact__channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page-contact__channel-card{background:#ffffff;border:2px solid #017439;border-radius:16px;padding:24px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 2px 8px rgba(1,116,57,0.06);transition:transform 0.2s ease, box-shadow 0.2s ease}.page-contact__channel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(1,116,57,0.14)}.page-contact__channel-icon-text{font-size:2.4rem;line-height:1;margin-bottom:4px}.page-contact__channel-title{font-size:1.25rem;font-weight:700;color:#017439;margin:0}.page-contact__channel-desc{font-size:0.95rem;color:#333;line-height:1.5;margin:0 0 8px}.page-contact__support-btn,.page-contact__channel-btn{display:inline-block;background:#C30808;color:#FFFF00;font-weight:800;font-size:1rem;text-decoration:none;padding:10px 18px;border-radius:999px;margin-top:auto;text-align:center;transition:background 0.2s ease}.page-contact__support-btn:hover,.page-contact__channel-btn:hover{background:#017439;color:#FFFF00}.page-contact__form-section{padding:40px 16px;max-width:1200px;margin:0 auto}.page-contact__form-container{background:#ffffff;border:2px solid #017439;border-radius:24px;padding:28px;max-width:760px;margin:0 auto;box-shadow:0 4px 20px rgba(1,116,57,0.10)}.page-contact__form-title{font-size:1.8rem;font-weight:800;color:#017439;text-align:center;margin:0 0 8px}.page-contact__form-desc{color:#333;text-align:center;line-height:1.6;margin:0 0 24px}.page-contact__form-main{display:flex;flex-direction:column;gap:16px}.page-contact__form-label{display:block;font-weight:700;color:#017439;margin-bottom:4px}.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:12px;padding:12px 14px;font-size:1rem;background:#fff;color:#333;transition:border-color 0.2s ease}.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:none;border-color:#017439;box-shadow:0 0 0 3px rgba(1,116,57,0.15)}.page-contact__submit-btn{background:#C30808;color:#FFFF00;border:none;border-radius:999px;padding:14px 28px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:background 0.2s ease;width:100%;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}.page-contact__submit-btn:hover{background:#017439}.page-contact__form-success{display:none;margin-top:16px;padding:12px 16px;background:#e6f4ea;border:1px solid #017439;color:#017439;border-radius:12px;text-align:center;font-weight:600}.page-contact__faq-section{padding:8px 16px 32px;max-width:900px;margin:0 auto}.page-contact__faq-container{display:grid;gap:12px}.page-contact__faq-item{background:#ffffff;border:1px solid #d0d7dd;border-radius:16px;overflow:hidden}.page-contact__faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;padding:18px 20px;cursor:pointer;font-weight:700;color:#017439;font-size:1.05rem;background:#ffffff;transition:background 0.2s ease}.page-contact__faq-item summary:hover{background:#f0f7f3}.page-contact__faq-item summary::-webkit-details-marker{display:none}.page-contact__faq-icon{display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background:#017439;color:#ffffff;font-size:1.2rem;font-weight:700;flex-shrink:0}.details-open .page-contact__faq-icon{transform:rotate(45deg)}.page-contact__faq-answer{padding:0 20px 20px;color:#333;line-height:1.6}.page-contact__guide-section{padding:8px 16px 32px;max-width:1000px;margin:0 auto}.page-contact__guide-inner{background:#fff;border-radius:16px;padding:24px;border:1px solid #e0e0e0}.page-contact__guide-title{text-align:center;font-weight:800;color:#017439;font-size:1.7rem;margin:0 0 16px}.page-contact__guide-figure{margin:0 0 16px}.page-contact__guide-figure img{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px}.page-contact__guide-figure figcaption{font-size:0.9rem;color:#666;text-align:center;margin-top:8px}.page-contact__guide-inner p{color:#333;line-height:1.7}.page-contact__guide-inner p:last-child{margin-bottom:0}.page-contact{scroll-margin-top:20px}@media (max-width: 1024px){.page-contact__channels-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.page-contact{overflow-x:hidden}.page-contact__hero-section{padding:0 10px 4px}.page-contact__hero-image{width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:2/1}.page-contact__hero-content{padding:12px 0 0}.page-contact__main-title{font-size:1.4rem}.page-contact__intro-text{font-size:0.95rem}.page-contact__channels-grid{grid-template-columns:1fr}.page-contact__section-header h2{font-size:1.4rem}.page-contact__form-container{padding:16px}.page-contact__form-title{font-size:1.3rem}.page-contact img{max-width:100%!important;height:auto!important}.page-contact__submit-btn{width:100%;max-width:100%}.page-contact__faq-item summary{font-size:0.95rem;padding:14px 12px}
}