/* S-008 display only. Gate B shared Header, Breadcrumb and Footer remain unchanged. */
.tf-contact-title{padding:40px 0 28px}
.tf-contact-title h1{margin:0;color:var(--tf-deep);font-size:38px;line-height:1.3;font-weight:700}
.tf-contact-section{background:#fff;padding:32px 0 40px}
.tf-contact-inner{width:min(100% - 72px,720px);margin-inline:auto;font-size:16px;line-height:1.75}
.tf-contact-inner p{margin:0}
.tf-contact-result{margin-bottom:24px!important}
.tf-contact-intro{margin-bottom:24px!important}
.tf-contact-form{display:grid;gap:24px}
.tf-contact-field{display:grid;gap:8px}
.tf-contact-field label{color:var(--tf-deep);font-size:16px;line-height:1.5;font-weight:700}
.tf-contact-field input,.tf-contact-field textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #767676;border-radius:12px;background:#fff;color:var(--tf-text);font:inherit;font-size:16px;line-height:1.5}
.tf-contact-field input{height:52px;padding:0 16px}
.tf-contact-field textarea{min-height:180px;padding:14px 16px;resize:vertical}
.tf-contact-field input:focus-visible,.tf-contact-field textarea:focus-visible,.tf-contact-submit:focus-visible{outline:3px solid var(--tf-orange);outline-offset:2px}
.tf-contact-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.tf-contact-note{font-size:14px;line-height:1.7}
.tf-contact-submit{box-sizing:border-box;min-width:200px;min-height:48px;width:max-content;padding:0 24px;border:2px solid var(--tf-green);border-radius:12px;background:var(--tf-green);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.tf-contact-submit:hover{filter:brightness(.95)}
.tf-contact-footer-gap{height:32px}
@media(max-width:767px){
  .tf-contact-title{padding:24px 0 20px}
  .tf-contact-title h1{font-size:27px}
  .tf-contact-section{padding:24px 0 30px}
  .tf-contact-inner{width:calc(100% - 32px);font-size:14px}
  .tf-contact-result{margin-bottom:20px!important}
  .tf-contact-intro{margin-bottom:20px!important}
  .tf-contact-form{gap:20px}
  .tf-contact-field label{font-size:14px}
  .tf-contact-field input,.tf-contact-field textarea{font-size:14px}
  .tf-contact-field input{height:48px}
  .tf-contact-field textarea{min-height:160px}
  .tf-contact-submit{width:100%;min-width:0}
  .tf-contact-footer-gap{height:20px}
}