@charset "utf-8";
/* CSS Document */

.contact-page { width: min(90%, 900px); margin: 70px auto 90px; color: #222; }

.contact-lead { margin: 0 0 42px; text-align: center; }

.contact-lead h2 { color: #06284b; font-size: clamp(26px, 2.8vw, 38px); font-weight: 900; line-height: 1.55; margin: 0 0 22px; }

.contact-lead p { font-size: 16px; font-weight: 500; line-height: 2; margin: 0; text-align: left; }

.contact-info { margin: 0 0 52px; }

.contact-tel { background: linear-gradient(90deg, #064784 0%, #073f7f 100%); color: #fff; border-radius: 14px; padding: 28px 34px; display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: 20px; box-shadow: 0 8px 24px rgba(6,40,75,.12); }

.contact-tel-icon { width: 74px; height: 74px; background: rgba(255,255,255,.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 34px; line-height: 1; }

.contact-tel-body p { font-size: 15px; font-weight: 800; line-height: 1.5; margin: 0 0 4px; }

.contact-tel-body a { color: #fff; font-size: clamp(32px, 4vw, 46px); font-weight: 900; line-height: 1.1; text-decoration: none; letter-spacing: .04em; display: inline-block; }

.contact-tel-body span { font-size: 13px; font-weight: 700; line-height: 1.5; display: block; opacity: .9; margin-top: 4px; }

.contact-form-area { background: #fff; border: 1px solid #d9e3ee; border-radius: 14px; padding: 42px 40px 46px; box-shadow: 0 8px 26px rgba(6,40,75,.05); }

.contact-form-area h2 { color: #06284b; font-size: clamp(24px, 2.4vw, 32px); font-weight: 900; line-height: 1.45; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 2px solid #073f7f; }

.contact-form-text { font-size: 15px; font-weight: 500; line-height: 1.9; margin: 0 0 28px; }

.contact-form-area .wpcf7 { width: 100%; }

.contact-form-area .wpcf7 p { margin: 0 0 20px; }

.contact-form-area label { color: #06284b; font-size: 15px; font-weight: 800; line-height: 1.6; display: block; }

.contact-form-area .wpcf7-form-control-wrap { display: block; margin-top: 8px; }

.contact-form-area input[type="text"],.contact-form-area input[type="email"],.contact-form-area input[type="tel"],.contact-form-area textarea,.contact-form-area select { width: 100%; background: #f7fafc; border: 1px solid #d9e3ee; border-radius: 8px; color: #222; font-size: 16px; font-weight: 500; line-height: 1.6; padding: 14px 16px; box-sizing: border-box; transition: border-color .2s ease, background .2s ease; }

.contact-form-area textarea { min-height: 180px; resize: vertical; }

.contact-form-area input[type="text"]:focus,.contact-form-area input[type="email"]:focus,.contact-form-area input[type="tel"]:focus,.contact-form-area textarea:focus,.contact-form-area select:focus { background: #fff; border-color: #073f7f; outline: none; }

.contact-form-area input[type="submit"] { width: min(100%, 360px); background: linear-gradient(135deg, #ff7a00 0%, #ff5200 100%); color: #fff; border: none; border-radius: 999px; font-size: 18px; font-weight: 900; line-height: 1; padding: 20px 30px; display: block; margin: 30px auto 0; cursor: pointer; box-shadow: 0 8px 18px rgba(255,101,0,.24); transition: opacity .2s ease, transform .2s ease; }

.contact-form-area input[type="submit"]:hover { opacity: .88; transform: translateY(-2px); }

.contact-form-area .wpcf7-not-valid-tip { color: #d93025; font-size: 13px; font-weight: 700; margin-top: 6px; }

.contact-form-area .wpcf7-response-output { border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 1.7; margin: 24px 0 0; padding: 14px 18px; }

@media screen and (max-width: 767px) { .contact-page { width: min(92%, 900px); margin: 50px auto 64px; } .contact-lead { margin-bottom: 34px; } .contact-lead h2 { font-size: 22px; text-align: left; } .contact-lead p { font-size: 15px; line-height: 1.9; } .contact-tel { grid-template-columns: 1fr; text-align: center; padding: 26px 20px; gap: 14px; } .contact-tel-icon { margin: 0 auto; width: 62px; height: 62px; font-size: 28px; } .contact-tel-body p { font-size: 14px; } .contact-tel-body a { font-size: 31px; } .contact-tel-body span { font-size: 12px; } .contact-form-area { padding: 32px 20px 36px; } .contact-form-area h2 { font-size: 23px; } .contact-form-text { font-size: 14px; } .contact-form-area label { font-size: 14px; } .contact-form-area input[type="text"],.contact-form-area input[type="email"],.contact-form-area input[type="tel"],.contact-form-area textarea,.contact-form-area select { font-size: 15px; padding: 13px 14px; } }