/* contact-form/assets/contact.css
   お問い合わせフォーム 3 画面（入力 / 内容確認 / 完了）共通スタイル。
   入力欄・ラベル・必須表示の見た目は contact.zip（旧フォーム）の指定を踏襲:
     .fs5{font-weight:700;font-size:18px}  .required{color:#f00;font-size:11px}
     .wpcf7{border:1px solid #ccc;padding:11px;font-size:14px→16px;border-radius:1px}  .form-group{margin-bottom:15px→22px}
   色はサイト共通（主 #08588c / 明 #0b89c4 / 見出し #024c7f）。旧デザインのオレンジ・立体影は使わない。 */

/* 上部バンド（TOP のメインビジュアルと同じ背景） */
.ak-cf-band{background:#cfe3f3 url(/wp-content/uploads/2022/03/back.png) center top / cover no-repeat;padding:150px 20px 44px;text-align:center}
.ak-cf-band h1{color:#024c7f;font-size:34px;line-height:1.4;font-weight:700;margin:0 0 12px}
.ak-cf-band p{color:#333333;font-size:16px;line-height:1.8;margin:0}
.ak-cf-main{background:#ffffff;padding:40px 20px 90px}
.ak-cf-wrap{max-width:880px;margin:0 auto}

/* ステップ表示 */
.ak-steps{display:flex;justify-content:center;align-items:center;list-style:none;margin:0 0 36px;padding:0}
.ak-steps li{display:flex;align-items:center;color:#8a9aa8;font-size:15px;font-weight:600;line-height:1.2}
.ak-steps li .ak-step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e3e9ee;color:#6b7c8a;font-weight:700;margin-right:8px;font-size:15px}
.ak-steps li.is-current{color:#08588c}
.ak-steps li.is-current .ak-step-num{background:#08588c;color:#ffffff}
.ak-steps li.is-done{color:#5f7f96}
.ak-steps li.is-done .ak-step-num{background:#9bbdd6;color:#ffffff}
.ak-steps li + li::before{content:"";display:block;width:40px;height:2px;background:#d6dee5;margin:0 14px}

/* 入力フォーム */
.ak-cf-form .ak-cf-group{font-size:20px;line-height:1.5;font-weight:700;color:#024c7f;margin:38px 0 18px;padding:0 0 10px;border-bottom:2px solid #08588c}
.ak-cf-form .ak-cf-group:first-child{margin-top:0}
.ak-cf-form .form-group{margin-bottom:22px}
.ak-cf-form .form-group[hidden]{display:none!important}
.ak-cf-form .ak-cond{margin:-6px 0 22px;padding:14px 16px 4px;border-left:4px solid #b9d3e6;background:#f6f9fb}
.ak-cf-form .ak-textarea-s{min-height:96px}
.ak-cf-form input.ak-date{max-width:260px}
.ak-cf-form .checkbox input[type="radio"]{width:18px;height:18px;margin:3px 10px 0 0;flex:0 0 auto;float:none;cursor:pointer}
.ak-cf-form .checkbox{min-height:30px}
.ak-cf-form .ak-label{display:block;margin:0 0 8px;cursor:default;line-height:1.5}
.ak-cf-form .fs5{font-weight:700;font-size:18px;color:#333333}
.ak-cf-form .required{color:#f00000;font-size:11px;margin-left:6px;font-weight:700;vertical-align:middle}
.ak-cf-form .optional{color:#6b7c8a;font-size:11px;margin-left:6px;font-weight:700;vertical-align:middle}
.ak-cf-form .ak-help{font-size:13px;color:#666666;margin:0 0 8px;line-height:1.6}
.ak-cf-form .wpcf7{display:block;width:100%;border:1px solid #cccccc;padding:11px 14px;font-size:16px;line-height:1.5;box-sizing:border-box;border-radius:1px;background:#ffffff;color:#333333;font-family:inherit;margin:0;height:auto;box-shadow:none}
.ak-cf-form input.wpcf7{height:48px}
.ak-cf-form textarea.wpcf7{min-height:200px;resize:vertical}
.ak-cf-form select.wpcf7{height:48px;cursor:pointer}
.ak-cf-form .wpcf7:focus{outline:none;border-color:#0b89c4;box-shadow:0 0 0 3px rgba(11,137,196,0.18)}
.ak-cf-form .is-invalid{border-color:#e9322d!important;box-shadow:0 0 0 3px rgba(233,50,45,0.15)!important}
.ak-cf-form fieldset{border:0;margin:0;padding:0;min-width:0}
.ak-cf-form legend{display:block;width:100%;margin:0 0 8px;padding:0;border:0;font-size:inherit}
.ak-cf-form .checkbox{display:flex;align-items:flex-start;margin:0 0 10px;min-height:0;padding:0}
.ak-cf-form .checkbox input[type="checkbox"]{width:18px;height:18px;margin:3px 10px 0 0;flex:0 0 auto;float:none;cursor:pointer}
.ak-cf-form .checkbox label{font-size:16px;font-weight:400;cursor:pointer;margin:0;line-height:1.6;color:#333333;display:inline}
.ak-cf-form .checkbox.is-invalid-group label{color:#c0392b}
.ak-field-error{display:none;color:#c0392b;font-size:14px;margin:6px 0 0;line-height:1.5}
.ak-field-error.is-visible{display:block}
.ak-form-alert{display:none;background:#fdecea;border:1px solid #f5b5b1;color:#a94442;padding:14px 16px;border-radius:4px;margin:0 0 24px;font-size:15px;line-height:1.6}
.ak-form-alert.is-visible{display:block}
.ak-form-notice{background:#eef5fa;border:1px solid #b9d3e6;color:#08588c;padding:14px 16px;border-radius:4px;margin:0 0 24px;font-size:15px;line-height:1.6}
.ak-form-notice a{color:#08588c;text-decoration:underline}
.ak-form-notice[hidden],.ak-form-alert[hidden],.ak-mock-banner[hidden],.ak-autoreply-note[hidden]{display:none!important}

/* ボタン */
.ak-cf-actions{display:flex;justify-content:center;gap:18px;margin-top:34px;flex-wrap:wrap}
.ak-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 34px;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid #08588c;transition:background .2s,color .2s,border-color .2s;font-family:inherit;line-height:1.3;box-sizing:border-box;letter-spacing:0;text-shadow:none;box-shadow:none;margin:0}
.ak-btn-primary{background:#08588c;color:#ffffff}
.ak-btn-primary:hover,.ak-btn-primary:focus{background:#0b89c4;border-color:#0b89c4;color:#ffffff}
.ak-btn-secondary{background:#ffffff;color:#08588c}
.ak-btn-secondary:hover,.ak-btn-secondary:focus{background:#eef5fa;color:#08588c}
.ak-btn[disabled],.ak-btn.is-busy{opacity:.6;cursor:not-allowed;pointer-events:none}

/* 内容確認 */
.ak-cf-lead{text-align:center;font-size:16px;line-height:1.8;margin:0 0 26px;color:#333333}
.ak-confirm-table{width:100%;border-collapse:collapse;border-top:1px solid #e0e6eb;margin:0 0 10px;table-layout:fixed}
.ak-confirm-table th,.ak-confirm-table td{border-bottom:1px solid #e0e6eb;padding:16px 14px;vertical-align:top;font-size:16px;line-height:1.7;text-align:left}
.ak-confirm-table th{width:210px;font-weight:700;color:#024c7f;background:#f6f9fb}
.ak-confirm-table td{font-weight:400;color:#333333;word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap}
.ak-confirm-table td.is-empty{color:#8a9aa8}

/* 完了 */
.ak-complete{text-align:center;padding:16px 0 10px}
.ak-complete .ak-complete-icon{font-size:66px;color:#0b89c4;margin:0 0 18px;display:block;line-height:1}
.ak-complete h2{font-size:26px;line-height:1.5;color:#024c7f;margin:0 0 18px}
.ak-complete p{font-size:16px;line-height:1.9;margin:0 0 10px;color:#333333}
.ak-complete .ak-cf-actions{margin-top:30px}
.ak-mock-banner{background:#fff4e5;border:1px solid #f0c27b;color:#9a5b00;padding:12px 16px;border-radius:4px;margin:0 0 26px;font-size:14px;line-height:1.6;text-align:left}
.ak-autoreply-note{font-size:15px;color:#555555}

/* ハニーポット（人には見えない。入力されたら送信しない） */
.ak-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

@media only screen and (max-width:1000px){
  .ak-cf-band{padding:120px 16px 36px}
}
@media only screen and (max-width:600px){
  .ak-cf-band h1{font-size:26px}
  .ak-cf-band p{font-size:15px}
  .ak-cf-main{padding:28px 16px 60px}
  .ak-steps li{font-size:13px}
  .ak-steps li .ak-step-num{width:28px;height:28px;margin-right:6px;font-size:13px}
  .ak-steps li + li::before{width:18px;margin:0 8px}
  .ak-cf-form .fs5{font-size:17px}
  .ak-confirm-table,.ak-confirm-table tbody,.ak-confirm-table tr,.ak-confirm-table th,.ak-confirm-table td{display:block;width:100%;box-sizing:border-box}
  .ak-confirm-table tr{border-bottom:1px solid #e0e6eb}
  .ak-confirm-table th{border-bottom:0;padding:12px 12px 4px;background:transparent;width:auto}
  .ak-confirm-table td{border-bottom:0;padding:0 12px 14px}
  .ak-cf-actions{flex-direction:column;align-items:stretch;gap:12px}
  .ak-btn{width:100%}
  .ak-complete h2{font-size:22px}
}