/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 17 2025 | 13:32:52 */
/* テーブル全体 */
.form-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

/* 項目（左側） */
.form-table th {
  background-color: #1c2e53; /* ご指定カラー */
  color: #fff;
  text-align: left;
  padding: 10px;
  width: 30%;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #ddd;
}

/* 入力欄（右側） */
.form-table td {
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
}

/* 入力フィールド */
.form-table input[type="text"],
.form-table input[type="email"],
.form-table input[type="tel"],
.form-table input[type="number"],
.form-table textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* 個人情報スクロールボックス */
.privacy-box {
  border: 1px solid #ccc;
  padding: 15px;
  height: 200px;
  overflow-y: scroll;
  background: #f9f9f9;
  white-space: pre-wrap; /* 改行を反映 */
  line-height: 1.4;      /* 行間 */
  font-size: 13px;
	 width: 90%; 
  margin: 0 auto;
}



/* 同意チェック */
.privacy-check {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
}

.wpcf7-form input[type="submit"] {
  display: block;           /* ブロック化で中央寄せ */
  margin: 20px auto 0;      /* 上20px、左右自動で中央、下0 */
  width: 274px;             /* 幅を固定 */
  height: 60px;             /* 高さを固定 */
  background: #FF951D;      /* オレンジ */
  color: #fff;              /* 文字色白 */
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 18px;          /* 文字サイズ調整 */
  font-weight: bold;
  transition: background 0.3s;
}

.wpcf7-form input[type="submit"]:hover {
  background: #e67f00;      /* ホバー時の濃いオレンジ */
	
	
}

ーーーーーーー/* 低身長チェックラン */ーーーーーーーーー
/* 全体の配置 */
.height-checker {
  max-width: 350px;
  margin: 40px auto;
  padding: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: center;
}

/* タイトル */
.height-checker h2 {
  font-size: 23px;
  margin-bottom: 30px;
  color: #007acc;
text-align:center;
	margin-top:50px;
}

/* ラベルと入力 */
.height-checker label {
  display: block;
  margin: 12px 0 6px;
  font-size: 14px;
  color: #444;
 margin-left:32%;
}

/* ラベルと入力欄を左揃え */
.height-checker form {
  text-align: left;  /* ← form内は左揃え */
}

.height-checker input,
.height-checker select {
	 width: 30% !important;  /* ← スマホでも横幅いっぱいに */
  max-width: 100%;         /* はみ出さないように */
	 font-size: 16px;   /* スマホでも常に16px */
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
	margin:0 auto;
background-color:#fff;
	margin-left:10px
}


/* iOSのズーム防止用 */
@supports (-webkit-touch-callout: none) {
 .height-checker select {
    font-size: 16px !important; 
  }
}

/* ボタン */
.height-checker button {
  width: 200px;
  padding: 12px;
  background: #fff;
  color: #007acc;
  font-size: 16px;
  border: 3px solid #007acc;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s ease;
	margin-left:25%;
}

.height-checker button:hover {
  background: #d9eff9;
}

/* 結果表示 */
#result {
  margin-top: 20px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #007acc;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
}

/*ーーーー注釈ーーーー*/
.note{
 font-size:16px;
 padding:20px;
 color:#007acc;
}