.contact-page{color:#334f68;background:#fff}
.contact-hero{position:relative;min-height:258px;overflow:hidden;background:#edf7fe}
.contact-hero__image{position:absolute;inset:0 0 0 calc(31.25% - 2px);border:0;outline:0}
.contact-hero__image::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40px;background:linear-gradient(90deg,#edf7fe 0%,rgba(237,247,254,.78) 42%,rgba(237,247,254,0) 100%);pointer-events:none}
.contact-hero__image img{width:100%;height:100%;object-fit:cover;object-position:center}
.contact-hero__content{position:relative;z-index:1;display:flex;min-height:258px;padding:var(--hero-content-padding-top) 0 28px;flex-direction:column;justify-content:flex-start;border:0;outline:0}
.contact-hero__eyebrow{margin:0 0 var(--hero-eyebrow-margin-bottom);color:#c75b12;font-size:clamp(13px,1.3vw,15.6px);font-weight:700;line-height:1.1;letter-spacing:.08em;white-space:nowrap}
.contact-hero h1{max-width:720px;margin:6px 0 3px;color:#174f7c;font-family:"UD Digi Kyokasho NK","UD デジタル 教科書体 NK","BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;font-size:clamp(20.3px,calc(3.4vw - 5.4px),43.3px);font-weight:700;line-height:1.35;letter-spacing:.02em}
.contact-hero__lead{max-width:800px;margin:var(--hero-lead-margin-top) 0 var(--hero-lead-margin-bottom);color:#222;font-size:14px;line-height:1.7}
.contact-content{padding:36px 0 78px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);gap:64px;align-items:start}
.contact-form-section h2,.contact-flow h2{margin:0;color:#174f7c;font-size:22px;font-weight:700;line-height:1.35}
.contact-form{margin-top:24px}
.contact-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.contact-field{display:flex;min-width:0;flex-direction:column}
.contact-field label{display:flex;margin-bottom:8px;align-items:center;justify-content:space-between;gap:12px;color:#174f7c;font-size:15px;font-weight:700;line-height:1.35}
.contact-status{display:inline-flex;min-width:38px;padding:2px 7px;align-items:center;justify-content:center;color:#60788e;background:#f1f5f8;border-radius:4px;font-size:11px;font-weight:700;line-height:1.4}
.contact-status--required{color:#0075c9;background:#eaf4fc}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;padding:0 13px;color:#222;background:#fff;border:1px solid #c5ddf0;border-radius:8px;font:inherit;font-size:14px;outline:none}
.contact-field input,.contact-field select{height:46px}
.contact-field textarea{min-height:132px;padding-block:11px;line-height:1.7;resize:vertical}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#69adea;box-shadow:0 0 0 3px rgba(105,173,234,.16)}
.contact-field-error{min-height:19px;margin:4px 0 0;color:#b33a2b;font-size:12px;line-height:1.5}
.contact-form-error{margin:20px 0 0;padding:10px 13px;color:#8d2b20;background:#fff2ef;border:1px solid #edc7c0;border-radius:8px;font-size:13px}
.contact-consent{display:flex;margin:22px 0 0;align-items:flex-start;justify-content:center;gap:10px;color:#222;font-size:14px;line-height:1.6;cursor:pointer}
.contact-consent input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:#0075c9}
.contact-privacy-link{color:#0075c9;text-underline-offset:3px}
.contact-field-error--consent{min-height:18px;text-align:center}
.contact-button{display:inline-flex;min-height:48px;padding:11px 30px;align-items:center;justify-content:center;color:#fff;background:#0075c9;border:1px solid #0075c9;border-radius:8px;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
.contact-button:hover,.contact-button:focus-visible{background:#005f9f;border-color:#005f9f}
.contact-button:disabled{opacity:.55;cursor:not-allowed}
.contact-button--confirm{display:flex;width:min(100%,310px);margin:10px auto 0}
.contact-button--secondary{color:#174f7c;background:#fff;border-color:#69adea}
.contact-button--secondary:hover,.contact-button--secondary:focus-visible{color:#fff;background:#174f7c;border-color:#174f7c}
.contact-flow h2{font-size:19.3px;text-align:center}
.contact-flow ol{width:100%;margin:24px 0 0;padding:0;list-style:none}
.contact-flow li{position:relative;display:flex;min-height:62px;padding:8px 14px;align-items:center;justify-content:center;flex-direction:column;color:#174f7c;background:#eef6fc;border:1px solid #c5ddf0;border-radius:8px;text-align:center}
.contact-flow li:not(:last-child){margin-bottom:34px}
.contact-flow li:not(:last-child)::before{content:"";position:absolute;top:100%;left:50%;width:2px;height:25px;background:#0075c9;transform:translateX(-50%)}
.contact-flow li:not(:last-child)::after{content:"";position:absolute;top:calc(100% + 20px);left:50%;width:0;height:0;border-top:7px solid #0075c9;border-right:5px solid transparent;border-left:5px solid transparent;transform:translateX(-50%)}
.contact-flow li:last-child{color:#fff;background:#0075c9;border-color:#0075c9}
.contact-flow strong{font-size:14px;line-height:1.35}
.contact-flow span{margin-top:2px;font-size:12px;line-height:1.45}
.contact-confirmation{margin-top:24px}
.contact-confirmation dl{margin:0;border-top:1px solid #c5ddf0}
.contact-confirmation dl>div{display:grid;padding:13px 15px;grid-template-columns:180px minmax(0,1fr);gap:20px;border-bottom:1px solid #c5ddf0}
.contact-confirmation dt{color:#174f7c;font-size:14px;font-weight:700}
.contact-confirmation dd{margin:0;color:#222;font-size:14px;overflow-wrap:anywhere}
.contact-confirmation__actions{display:flex;margin-top:28px;align-items:center;justify-content:center;gap:18px}
.contact-confirmation__actions form{margin:0}
@media(max-width:767px){
  .contact-hero{min-height:0}
  .contact-hero__image{position:relative;inset:auto;height:220px}
  .contact-hero__image::after{display:none}
  .contact-hero__image img{height:220px;object-position:68% center}
  .contact-hero__content{min-height:0;padding:var(--hero-content-padding-top) 0 29px}
  .contact-hero__eyebrow{margin-bottom:var(--hero-eyebrow-margin-bottom);font-size:10px}
  .contact-hero h1{margin-top:3px;font-size:20.3px}
  .contact-hero__lead{margin-top:var(--hero-lead-margin-top);font-size:14px}
  .contact-content{padding:28px 0 60px}
  .contact-layout{grid-template-columns:minmax(0,1fr);gap:48px}
  .contact-form-section h2{font-size:19px}
  .contact-field label{font-size:15px}
  .contact-field input,.contact-field select,.contact-field textarea{font-size:16px}
  .contact-consent{justify-content:flex-start}
  .contact-button--confirm{width:100%}
  .contact-flow h2{font-size:16.3px}
  .contact-flow li{min-height:54px;padding:7px 10px}
  .contact-flow strong{font-size:12px}
  .contact-flow span{font-size:10.5px}
  .contact-confirmation dl>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .contact-confirmation__actions{align-items:stretch;flex-direction:column}
  .contact-confirmation__actions form,.contact-confirmation__actions .contact-button{width:100%}
}