@media(max-width:1000px) {
	.inquiry th,
	.inquiry td {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
		border-top: none !important;
		display: block !important;
		width: 100% !important;
	}
	.inquiry tr:first-child th {
		border-top: 1px solid #d7d7d7 !important;
	}
	/* 必須・任意のサイズ調整 */
	.inquiry .haveto,
	.inquiry .any {
		font-size: 10px;
	}
}
.inquiry {
	width: 100%;
}
.inquiry th {
	background: #f7f7f7;
	border: solid 1px #d7d7d7;
	color: #444;
	font-size: 18px;
	text-align: left;
	padding-right: 5px;
	vertical-align: middle;
	width: 30%;
}
.inquiry td {
	border: solid 1px #d7d7d7;
	font-size: 13px;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,
.entry-content table {
	border: solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto {
	background: #ff2021;
	border-radius: 2px;
	bottom: 1px;
	color: #fff;
	font-size: 10px;
	margin-right: 5px;
	padding: 5px;
	position: relative;
}
/*任意の調整*/
.any {
	background: #93c9ff;
	border-radius: 2px;
	bottom: 1px;
	color: #fff;
	font-size: 7px;
	margin-right: 5px;
	padding: 5px;
	position: relative;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
	display: block;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select {
	border: 3px solid #d7d7d7;
	padding: 10px;
	width: 100%;
}
/*送信ボタンのデザイン変更*/
# formbtn1,
# formbtn2,
# formbtn3 {
	background: #93C9FF;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	margin: 0 20px;
	padding: 10px 0;
	width: 20%;
}
# formbtn1 {
	background: #93C9FF;
}
# formbtn2 {
	background: #FF9393;
}
# formbtn3 {
	background: #9ACD32;
}
.form-btn {
	margin-top: 70px;
	text-align: center;
	width: 100%;
}

/* ============================================
   Cocoon 固定ページ 用 追加CSS
   - 日付（公開日・更新日）を非表示
   - 固定ページの題名をセンター合わせ
   ============================================ */

/* ============ ① 日付（公開日・更新日）を完全に非表示 ============ */
.page .post-date,
.page .post-update,
.page time.post-date,
.page time.post-update,
.page .date-tags,
.page .post-meta,
.page .entry-meta,
.page .entry-date,
.page .updated,
.page .published,
body.page time,
body.page .post-date-info {
  display: none !important;
}

/* ついでに：他の余計な要素も消す場合は以下も追加 */
.page .entry-tags,
.page .entry-categories,
.page .post-tag,
.page .post-categories,
.page .post-info,
.page .author-info,
.page .sns-share,
.page .sns-follow,
.page .related-entry,
.page .breadcrumb,
.page #comments,
.page .comment-area {
  display: none !important;
}



/* ============================================
   テーブルレイアウト
   - お題（th）を左側
   - 記入欄（td）を右側
   - 「必須」を四角の角丸枠に変更
   ============================================ */

/* ============ ① テーブルレイアウト：通常の左右配置 ============ */
table.inquiry {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

/* 行（tr）をflexで横並びに */
table.inquiry tr {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  border-bottom: 1px solid #e8ecec !important;
  margin: 0 !important;
}

/* お題（th）：左側 */
table.inquiry th {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 35% !important;
  padding: 18px 16px !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  /* ★ 左側 */
  order: 1 !important;
}

/* 記入欄（td）：右側 */
table.inquiry td {
  display: flex !important;
  align-items: center !important;
  width: 65% !important;
  padding: 18px 16px !important;
  background: transparent !important;
  border: none !important;
  /* ★ 右側 */
  order: 2 !important;
}

/* お題のテキスト */
.th-label {
  font-weight: 600 !important;
  color: #1b2a4a !important;
  font-size: 15px !important;
}

/* ============ ② 「必須」を四角の角丸枠＋赤塗りつぶし＋白文字 ============ */
.haveto,
span.haveto {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* ★ 四角に変更 */
  width: 52px !important;
  height: 28px !important;
  min-width: 52px !important;
  /* ★ 角丸（四角の角を少し丸める） */
  border-radius: 6px !important;
  background: #c0392b !important;
  background-color: #c0392b !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  border: 2px solid #c0392b !important;
  box-shadow: 0 2px 6px rgba(192, 57, 43, 0.25) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin-right: 10px !important;
}

/* ============ ③ 入力欄を右側いっぱいに ============ */
table.inquiry td input[type="text"],
table.inquiry td input[type="email"],
table.inquiry td input[type="tel"],
table.inquiry td input[type="date"],
table.inquiry td textarea,
table.inquiry td select {
  width: 100% !important;
}

/* ============ ④ スマホ対応：縦並びに ============ */
@media (max-width: 768px) {
  table.inquiry tr {
    flex-direction: column !important;
    padding: 12px 0 !important;
  }
  
  table.inquiry th,
  table.inquiry td {
    width: 100% !important;
    padding: 6px 0 !important;
  }
  
  /* スマホでもお題が上、記入欄が下に（通常通り） */
  table.inquiry th {
    order: 1 !important;
  }
  table.inquiry td {
    order: 2 !important;
  }
  
  /* 必須バッジをスマホでも見やすく */
  .haveto,
  span.haveto {
    width: 48px !important;
    height: 26px !important;
    min-width: 48px !important;
    font-size: 10px !important;
  }
  
  .th-label {
    font-size: 14px !important;
  }
}