@charset "UTF-8";
/* お問い合わせページ専用 */
body.contact {
  background: #f3f5f9; /* 薄いグレー（サイト共通） */
  color: #0D3B34;
}

.page-hero {
  padding: 64px 0 24px;
  text-align: center;
}
.page-hero h1 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(28px, 3.2vw, 36px);
  border-bottom: 2px solid #c4a63c; /* 会社概要と同系の下線 */
  display: inline-block;
  padding-bottom: 6px;
}

/* 白いカード */
.form-card {
  max-width: 840px;
  margin: 0 auto 96px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  padding: 28px 24px;
}

/* オレンジフォーム埋め込みのリセット＆整形 */
.of-embed > h1,
.of-embed > footer { display:none; }  /* 重複見出し/フッターを非表示 */

#OF_form1 table { width: 100%; border-collapse: separate; border-spacing: 0 20px; }
#OF_form1 td { padding: 0; border: none; }

/* ラベル行（「必須」バッジ等） */
#OF_form1 p {
  margin: 0 0 8px;
  font-weight: 700;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}
#OF_form1 p span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 4px;
  color: #fff;
  background: #f4000c; /* 必須バッジ色 */
}

/* 入力UI */
#OF_form1 input[type="text"],
#OF_form1 input[type="email"],
#OF_form1 textarea {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  padding: 12px 14px;
  border: 1px solid #E5E8EC;
  border-radius: 8px;
  outline: none;
  background: #fff;
  transition: box-shadow .15s ease, border-color .15s ease;
}
#OF_form1 textarea { min-height: 140px; resize: vertical; }

#OF_form1 input:focus,
#OF_form1 textarea:focus {
  border-color: #0D3B34;
  box-shadow: 0 0 0 3px rgba(13,59,52,.12);
}

/* チェックボックス並び */
#OF_form1 label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
  font-size: 15px;
}

/* 送信ボタン */
.of-actions { margin-top: 8px; text-align: center; }
.of-actions button {
  appearance: none;
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #002043;          /* CTA：エメラルドグリーン */
  box-shadow: 0 3px 12px rgba(18,115,92,.25);
  transition: transform .05s ease, filter .15s ease;
}
.of-actions button:hover { filter: brightness(1.05); }
.of-actions button:active { transform: translateY(1px); }

/* モバイル最適化 */
@media (max-width: 768px){
  .form-card { padding: 22px 16px; }
  #OF_form1 table { border-spacing: 0 16px; }
  #OF_form1 label { margin-right: 12px; }
}

.required {
  background-color: #f4000c;
  color: #fff;
}

.optional {
  background-color: #ccc;
  color: #fff;
}

/* 必須マーク */
.required {
  display: inline-block;
  background-color: #f4000c; /* 赤 */
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  margin-right: 6px;
}

/* 任意マーク */
.optional {
  display: inline-block;
  background-color: #ccc; /* グレー */
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  margin-right: 6px;
}

.optional {
  background-color: #ccc !important;
  color: #fff !important;
}
.required {
  background-color: #f4000c !important;
  color: #fff !important;
}