/* ============================================================
   Aoki Tech Studio — page-contact.css
   contact.html 専用（grid比率・フォーム補助・送信完了・サイドカード）
   ============================================================ */

/* フォーム側をやや広く（base.css .grid-2 の比率上書き） */
.grid-2--contact { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
@media (max-width: 1023px) {
  .grid-2--contact { grid-template-columns: 1fr; }
}

/* 2カラム入力行（SPで縦積み） */
.form-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
@media (max-width: 600px) {
  .form-duo { grid-template-columns: 1fr; }
}

/* チェックボックス */
.form-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex: none;
  accent-color: var(--gold);
}

/* 送信ボタン */
.contact-form .form-submit { margin-top: 32px; }

/* 送信完了ブロック */
.form-success {
  background: var(--white);
  border-top: 1px solid var(--gold);
  padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 56px);
  text-align: center;
}
.form-success .fs-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 24px;
  border: 1px solid var(--gold-line-strong);
  border-radius: 50%;
  display: grid;
  place-content: center;
  color: var(--gold);
}
.form-success h2 {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
.form-success p {
  margin: 18px 0 32px;
  font-size: 15px;
  color: #3c3c3c;
}

/* サイドバー（meta-card 流用の3カード） */
.contact-aside { display: grid; gap: 18px; }
.info-card .info-label {
  font-family: var(--font-en);
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--gold);
}
.info-card .info-title {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-top: 8px;
}
.info-card .info-text {
  font-size: 13.5px;
  color: #3c3c3c;
  margin-top: 10px;
  line-height: 1.9;
}